feat(summary): 日报汇总页面，添加keepAlive效果进行页面缓存

src/views/pms/iotrddailyreport/summary.vue

@@ -5,6 +5,10 @@ import { useUserStore } from '@/store/modules/user'
 import DailyStatistics from './components/DailyStatistics.vue'
 import NonProductionEfficiency from './components/NonProductionEfficiency.vue'
 
+defineOptions({
+  name: 'RdSummary'
+})
+
 const deptId = useUserStore().getUser.deptId
 
 interface Query {
@@ -53,19 +57,16 @@ const resetQuery = () => {
 
 <template>
   <div
-    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
-  >
+    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
     <DeptTreeSelect
       :deptId="id"
       :top-id="163"
       v-model="query.deptId"
       @node-click="handleDeptNodeClick"
-      class="row-span-3"
-    />
+      class="row-span-3" />
     <el-form
       size="default"
-      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
-    >
+      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between">
       <div class="flex items-center gap-8">
         <el-form-item label="项目">
           <el-input
@@ -73,8 +74,7 @@ const resetQuery = () => {
             placeholder="请输入项目"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="任务">
           <el-input
@@ -82,8 +82,7 @@ const resetQuery = () => {
             placeholder="请输入任务"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="创建时间">
           <el-date-picker
@@ -94,8 +93,7 @@ const resetQuery = () => {
             end-placeholder="结束日期"
             :shortcuts="rangeShortcuts"
             :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-            class="!w-220px"
-          />
+            class="!w-220px" />
         </el-form-item>
       </div>
       <el-form-item>
@@ -110,15 +108,13 @@ const resetQuery = () => {
       <el-button
         size="default"
         :type="activeTab === '日报统计' ? 'primary' : 'default'"
-        @click="activeTab = '日报统计'"
-      >
+        @click="activeTab = '日报统计'">
         日报统计
       </el-button>
       <el-button
         size="default"
         :type="activeTab === '非生产时效' ? 'primary' : 'default'"
-        @click="activeTab = '非生产时效'"
-      >
+        @click="activeTab = '非生产时效'">
         非生产时效
       </el-button>
     </el-button-group>
@@ -127,14 +123,12 @@ const resetQuery = () => {
       v-if="activeTab === '日报统计'"
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
     <NonProductionEfficiency
       v-else
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
   </div>
 </template>
 

src/views/pms/iotrhdailyreport/summary.vue

@@ -5,6 +5,10 @@ import { useUserStore } from '@/store/modules/user'
 import DailyStatistics from './components/DailyStatistics.vue'
 import NonProductionEfficiency from './components/NonProductionEfficiency.vue'
 
+defineOptions({
+  name: 'IotRhDailyReportSummary'
+})
+
 const deptId = useUserStore().getUser.deptId
 
 interface Query {
@@ -53,19 +57,16 @@ const resetQuery = () => {
 
 <template>
   <div
-    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
-  >
+    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
     <DeptTreeSelect
       :deptId="id"
       :top-id="157"
       v-model="query.deptId"
       @node-click="handleDeptNodeClick"
-      class="row-span-3"
-    />
+      class="row-span-3" />
     <el-form
       size="default"
-      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
-    >
+      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between">
       <div class="flex items-center gap-8">
         <el-form-item label="项目">
           <el-input
@@ -73,8 +74,7 @@ const resetQuery = () => {
             placeholder="请输入项目"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="任务">
           <el-input
@@ -82,8 +82,7 @@ const resetQuery = () => {
             placeholder="请输入任务"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="创建时间">
           <el-date-picker
@@ -94,8 +93,7 @@ const resetQuery = () => {
             end-placeholder="结束日期"
             :shortcuts="rangeShortcuts"
             :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-            class="!w-220px"
-          />
+            class="!w-220px" />
         </el-form-item>
       </div>
       <el-form-item>
@@ -110,15 +108,13 @@ const resetQuery = () => {
       <el-button
         size="default"
         :type="activeTab === '日报统计' ? 'primary' : 'default'"
-        @click="activeTab = '日报统计'"
-      >
+        @click="activeTab = '日报统计'">
         日报统计
       </el-button>
       <el-button
         size="default"
         :type="activeTab === '非生产时效' ? 'primary' : 'default'"
-        @click="activeTab = '非生产时效'"
-      >
+        @click="activeTab = '非生产时效'">
         非生产时效
       </el-button>
     </el-button-group>
@@ -127,14 +123,12 @@ const resetQuery = () => {
       v-if="activeTab === '日报统计'"
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
     <NonProductionEfficiency
       v-else
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
   </div>
 </template>
 

src/views/pms/iotrydailyreport/summary.vue

@@ -5,6 +5,10 @@ import { useUserStore } from '@/store/modules/user'
 import DailyStatistics from './components/DailyStatistics.vue'
 import NonProductionEfficiency from './components/NonProductionEfficiency.vue'
 
+defineOptions({
+  name: 'IotRyDailyReportSummary'
+})
+
 const deptId = useUserStore().getUser.deptId
 
 interface Query {
@@ -55,19 +59,16 @@ const resetQuery = () => {
 
 <template>
   <div
-    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
-  >
+    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
     <DeptTreeSelect
       :deptId="id"
       :top-id="158"
       v-model="query.deptId"
       @node-click="handleDeptNodeClick"
-      class="row-span-3"
-    />
+      class="row-span-3" />
     <el-form
       size="default"
-      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
-    >
+      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between">
       <div class="flex items-center gap-8">
         <el-form-item label="项目">
           <el-input
@@ -75,8 +76,7 @@ const resetQuery = () => {
             placeholder="请输入项目"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="任务">
           <el-input
@@ -84,8 +84,7 @@ const resetQuery = () => {
             placeholder="请输入任务"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="创建时间">
           <el-date-picker
@@ -96,8 +95,7 @@ const resetQuery = () => {
             end-placeholder="结束日期"
             :shortcuts="rangeShortcuts"
             :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-            class="!w-220px"
-          />
+            class="!w-220px" />
         </el-form-item>
       </div>
       <el-form-item>
@@ -112,15 +110,13 @@ const resetQuery = () => {
       <el-button
         size="default"
         :type="activeTab === '日报统计' ? 'primary' : 'default'"
-        @click="activeTab = '日报统计'"
-      >
+        @click="activeTab = '日报统计'">
         日报统计
       </el-button>
       <el-button
         size="default"
         :type="activeTab === '非生产时效' ? 'primary' : 'default'"
-        @click="activeTab = '非生产时效'"
-      >
+        @click="activeTab = '非生产时效'">
         非生产时效
       </el-button>
     </el-button-group>
@@ -129,14 +125,12 @@ const resetQuery = () => {
       v-if="activeTab === '日报统计'"
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
     <NonProductionEfficiency
       v-else
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
   </div>
 </template>
 

src/views/pms/iotrydailyreport/xsummary.vue

@@ -5,6 +5,10 @@ import { useUserStore } from '@/store/modules/user'
 import XjDailyStatistics from './components/XjDailyStatistics.vue'
 import XjNonProductionEfficiency from './components/XjNonProductionEfficiency.vue'
 
+defineOptions({
+  name: 'IotRyXjDailyReportSummary'
+})
+
 const deptId = useUserStore().getUser.deptId
 
 interface Query {
@@ -55,19 +59,16 @@ const resetQuery = () => {
 
 <template>
   <div
-    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
-  >
+    class="grid grid-cols-[auto_1fr] grid-rows-[62px_48px_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
     <DeptTreeSelect
       :deptId="id"
       :top-id="158"
       v-model="query.deptId"
       @node-click="handleDeptNodeClick"
-      class="row-span-3"
-    />
+      class="row-span-3" />
     <el-form
       size="default"
-      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
-    >
+      class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between">
       <div class="flex items-center gap-8">
         <el-form-item label="项目">
           <el-input
@@ -75,8 +76,7 @@ const resetQuery = () => {
             placeholder="请输入项目"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="任务">
           <el-input
@@ -84,8 +84,7 @@ const resetQuery = () => {
             placeholder="请输入任务"
             clearable
             @keyup.enter="handleQuery()"
-            class="!w-240px"
-          />
+            class="!w-240px" />
         </el-form-item>
         <el-form-item label="创建时间">
           <el-date-picker
@@ -96,8 +95,7 @@ const resetQuery = () => {
             end-placeholder="结束日期"
             :shortcuts="rangeShortcuts"
             :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-            class="!w-220px"
-          />
+            class="!w-220px" />
         </el-form-item>
       </div>
       <el-form-item>
@@ -112,15 +110,13 @@ const resetQuery = () => {
       <el-button
         size="default"
         :type="activeTab === '日报统计' ? 'primary' : 'default'"
-        @click="activeTab = '日报统计'"
-      >
+        @click="activeTab = '日报统计'">
         日报统计
       </el-button>
       <el-button
         size="default"
         :type="activeTab === '非生产时效' ? 'primary' : 'default'"
-        @click="activeTab = '非生产时效'"
-      >
+        @click="activeTab = '非生产时效'">
         非生产时效
       </el-button>
     </el-button-group>
@@ -129,14 +125,12 @@ const resetQuery = () => {
       v-if="activeTab === '日报统计'"
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
     <XjNonProductionEfficiency
       v-else
       :query="query"
       :dept-name="deptName"
-      :refresh-key="refreshKey"
-    />
+      :refresh-key="refreshKey" />
   </div>
 </template>