1.大中型统计报表页面操作体验优化

src/views/statistical/major/departmentPerformanceOverview.vue

@@ -19,7 +19,8 @@
                 :header-row-style="{ color: '#333333', 'font-size': '14px' }" style=" width: 100%; float: right;
                       border-left: 1px solid #ebeced;
                       border-right: 1px solid #ebeced;
-                      color: #333333; font-size: 14px;">
+                      color: #333333; font-size: 14px;"
+                      v-loading="listLoading" element-loading-text="报表查询中...">
                 <el-table-column label="评估部门">
                     <template slot-scope="{row}">
                         <span>{{ row.departmentName }}</span>
@@ -258,6 +259,7 @@ export default {
             this.getMajorDepPerformanceOverviewVO();
         },
         getMajorDepPerformanceOverviewVO() {
+            this.listLoading = true;
             if (this.selectDate) {
                 this.listQuery.startTime = this.selectDate[0] + ' 00:00:00';
                 this.listQuery.endTime = this.selectDate[1] + ' 23:59:59';
@@ -271,6 +273,7 @@ export default {
                         this.exportStatus = true;
                     }
                 }
+                this.listLoading = false;
             })
         }
     }

src/views/statistical/major/evaluateEfficiency.vue

@@ -29,7 +29,9 @@
                         :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" style=" width: 100%; float: right;
                       border-left: 1px solid #ebeced;
                       border-right: 1px solid #ebeced;
-                      color: #333333; font-size: 14px;">
+                      color: #333333; font-size: 14px;"
+                      v-loading="aimLoading"
+                      element-loading-text="报表查询中...">
                         <el-table-column label="评估目的" width="150">
                             <template slot-scope="{row}">
                                 <span>{{ row.evaluateAim }}</span><br />
@@ -216,7 +218,9 @@
                         :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" style=" width: 100%; float: right;
                       border-left: 1px solid #ebeced;
                       border-right: 1px solid #ebeced;
-                      color: #333333; font-size: 14px;">
+                      color: #333333; font-size: 14px;"
+                      v-loading="personalLoading"
+                      element-loading-text="报表查询中...">
                         <el-table-column label="评估人员" width="150">
                             <template slot-scope="{row}">
                                 <span>{{ row.userName }}</span>
@@ -387,13 +391,13 @@
                 </el-tab-pane>
             </el-tabs>
         </div>
-        <el-dialog title="资产订单列表" :visible.sync="dialogVisible" width="70%" @open="getMajorEfficiencyDetailVO()">
+        <el-dialog title="大中型订单列表" :visible.sync="dialogVisible" width="70%" @open="getMajorEfficiencyDetailVO()">
             <y-page-list-layout :get-page-list="getMajorEfficiencyDetailVO" :page-list="pageData" :page-para="listQueryDetail">
                 <template slot="left">
                     <el-button class="filter-item" round type="info" @click="exportAssetsEvaEffDetail()">导出
                     </el-button>
                 </template>
-                <parentTable ref="table" :data="pageData.records" slot="table" style="width: 100%;" :isBoard=800
+                <parentTable ref="table" :data="pageData.records" v-loading="dialogLoading" element-loading-text="报表查询中..." slot="table" style="width: 100%;" :isBoard=800
                     class="tableFull">
                     <el-table-column label="项目编号" align="center">
                         <template slot-scope="{row}">
@@ -505,7 +509,7 @@ export default {
         return {
             activeTabName: 'department',
             dialogVisible: false,
-            listLoading: false,
+            aimLoading: false,
             // 时间
             selectDate1: [],
             selectDate2: [],
@@ -575,6 +579,8 @@ export default {
             depEfficiency: [],
             perEfficiency: [],
             pageData: { records: [] },
+            personalLoading: false,
+            dialogLoading: false
         }
     },
     created() {
@@ -631,6 +637,7 @@ export default {
             this.getMajorEvaluateDepEfficiencyVO();
         },
         getMajorEvaluateDepEfficiencyVO() {
+            this.aimLoading = true;
             if (this.selectDate1) {
                 this.listQueryByDepartment.startTime = this.selectDate1[0] + ' 00:00:00';
                 this.listQueryByDepartment.endTime = this.selectDate1[1] + ' 23:59:59';
@@ -644,6 +651,7 @@ export default {
                         this.exportStatus = true;
                     }
                 }
+                this.aimLoading = false;
             })
         },
         exportAssetsEvaluateDepEfficiency() {
@@ -682,6 +690,7 @@ export default {
         },
         // 评估人员绩效扣分查询
         getMajorEvaluatePerEfficiencyVO() {
+            this.personalLoading = true;
             if (this.selectDate2) {
                 this.listQueryByEvaluator.startTime = this.selectDate2[0] + ' 00:00:00';
                 this.listQueryByEvaluator.endTime = this.selectDate2[1] + ' 23:59:59';
@@ -695,6 +704,7 @@ export default {
                         this.exportStatus = true;
                     }
                 }
+                this.personalLoading = false;
             })
         },
         exportMajorEvaluatePerEfficiencyVO() {
@@ -731,10 +741,12 @@ export default {
         },
         // 效率详情列表查询
         getMajorEfficiencyDetailVO() {
+            this.dialogLoading = true;
             this.$api.statistical.getMajorEfficiencyDetailVO(this.listQueryDetail).then(res => {
                 if (res.code === 200) {
                     this.pageData = res.data;
                 }
+                this.dialogLoading = false;
             })
         },
         // 效率详情列表查询导出

src/views/statistical/major/performanceDeductionDepInternal.vue

@@ -25,7 +25,8 @@
                 :header-row-style="{ color: '#333333', 'font-size': '14px' }" style=" width: 100%; float: right;
                       border-left: 1px solid #ebeced;
                       border-right: 1px solid #ebeced;
-                      color: #333333; font-size: 14px;">
+                      color: #333333; font-size: 14px;"
+                      v-loading="listLoading" element-loading-text="报表查询中...">
                 <el-table-column label="评估人员" width="150">
                     <template slot-scope="{row}">
                         <span>{{ row.userName }}</span>
@@ -328,6 +329,7 @@ export default {
             this.getMajorPerformanceDeductionVOByDepId();
         },
         getMajorPerformanceDeductionVOByDepId() {
+            this.listLoading = true;
             if (this.selectDate) {
                 this.listQuery.startTime = this.selectDate[0] + ' 00:00:00';
                 this.listQuery.endTime = this.selectDate[1] + ' 23:59:59';
@@ -341,6 +343,7 @@ export default {
                         this.exportStatus = true;
                     }
                 }
+                this.listLoading = false;
             })
         },
         exportMajorPerformanceDeductionVO() {

src/views/statistical/major/performanceDeductionErrorType.vue

@@ -35,7 +35,7 @@
         style=" width: 100%; float: right;
                       border-left: 1px solid #ebeced;
                       border-right: 1px solid #ebeced;
-                      color: #333333; font-size: 14px;"
+                      color: #333333; font-size: 14px;" v-loading="listLoading" element-loading-text="报表查询中..."
       >
         <el-table-column label="评估人员" width="150">
           <template slot-scope="{row}">
@@ -420,6 +420,7 @@ export default {
       this.getMajorErrorTypeCountVO()
     },
     getMajorErrorTypeCountVO() {
+      this.listLoading = true;
       if (this.selectDate) {
         this.listQuery.startTime = this.selectDate[0] + ' 00:00:00'
         this.listQuery.endTime = this.selectDate[1] + ' 23:59:59'
@@ -433,6 +434,7 @@ export default {
             this.exportStatus = true
           }
         }
+        this.listLoading = false;
       })
     },
     exportMajorPerformanceDeductionVO() {