统计代码优化

src/views/water/river/statistic/avg-index.vue

@@ -30,9 +30,11 @@
         </a-row>
       </a-form>
       <!-- 表格 -->
+      <a-spin :spinning="loading">
       <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where" :scroll="{ x: 'max-content' }"
         @done="(d) => (data = d.data)">
       </ele-pro-table>
+    </a-spin>
     </a-card>
   </div>
   <!-- 编辑弹窗 -->
@@ -54,7 +56,6 @@
       return {
         data: [],
         momData: [],
-        yoyData: [],
         datasource: {},
         columns: [{
             title: '断面名称',
@@ -118,19 +119,18 @@
     methods: {
       /* 刷新表格 */
       reload() {
+        this.loading=true;
         listMonthCompositeIndex(this.where).then((res) => {
           console.log(res.data.data);
           if (res.data.code == 0) {
             this.$message.success(res.data.msg);
-            res.data.data.momData.forEach((m) => {
+            res.data.data.forEach((m) => {
               this.momData.push(m);
             })
-            res.data.data.yoyData.forEach((y) => {
-              this.yoyData.push(y);
-            })
           } else {
             this.$message.error(res.data.msg);
           }
+          this.loading=false;
         });
       },
       /* 重置搜索 */

src/views/water/river/statistic/avg-standard.vue

@@ -36,9 +36,11 @@
         </a-row>
       </a-form>
       <!-- 表格 -->
-      <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where" :scroll="{ x: 'max-content' }"
-        @done="(d) => (data = d.data)">
-      </ele-pro-table>
+      <a-spin :spinning="loading">
+        <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where"
+          :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
+        </ele-pro-table>
+      </a-spin>
     </a-card>
   </div>
   <!-- 编辑弹窗 -->
@@ -69,8 +71,8 @@
           },
           {
             title: '断面名称',
-            dataIndex: 'stationName',
-            key: 'stationName',
+            dataIndex: 'sectionName',
+            key: 'sectionName',
           },
           {
             title: '考核城市',
@@ -126,19 +128,19 @@
     methods: {
       /* 刷新表格 */
       reload() {
+        this.loading = true;
         listMonthWaterQualitySandard(this.where).then((res) => {
           console.log(res.data.data);
           if (res.data.code == 0) {
             this.$message.success(res.data.msg);
-            res.data.data.momData.forEach((m) => {
+            res.data.data.forEach((m) => {
+              m.transnormalItem = "--"
               this.momData.push(m);
             })
-            res.data.data.yoyData.forEach((y) => {
-              this.yoyData.push(y);
-            })
           } else {
             this.$message.error(res.data.msg);
           }
+          this.loading = false;
         });
       },
       /* 重置搜索 */

src/views/water/river/statistic/base-index.vue

@@ -33,9 +33,11 @@
         </a-row>
       </a-form>
       <!-- 表格 -->
-      <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where" :scroll="{ x: 'max-content' }"
-        @done="(d) => (data = d.data)">
-      </ele-pro-table>
+      <a-spin :spinning="loading">
+        <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where"
+          :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
+        </ele-pro-table>
+      </a-spin>
     </a-card>
   </div>
   <!-- 编辑弹窗 -->
@@ -121,11 +123,12 @@
     methods: {
       /* 刷新表格 */
       reload() {
+        this.loading = true;
         listMonthCompositeIndex(this.where).then((res) => {
           console.log(res.data.data);
           if (res.data.code == 0) {
             this.$message.success(res.data.msg);
-            res.data.data.momData.forEach((m) => {
+            res.data.data.forEach((m) => {
               this.momData.push(m);
             })
             res.data.data.yoyData.forEach((y) => {
@@ -134,6 +137,7 @@
           } else {
             this.$message.error(res.data.msg);
           }
+          this.loading = false;
         });
       },
       /* 重置搜索 */

src/views/water/river/statistic/base-standard.vue

@@ -1,4 +1,4 @@
-<!-- 江河水查看数据页面-->
+<!-- 当月水质目标-->
 <template>
   <div class="ele-body">
     <a-card :bordered="false">
@@ -33,9 +33,11 @@
         </a-row>
       </a-form>
       <!-- 表格 -->
-      <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where" :scroll="{ x: 'max-content' }"
-        @done="(d) => (data = d.data)">
-      </ele-pro-table>
+      <a-spin :spinning="loading">
+        <ele-pro-table ref="table" :datasource="momData" :columns="columns" :where="where"
+          :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
+        </ele-pro-table>
+      </a-spin>
     </a-card>
   </div>
   <!-- 编辑弹窗 -->
@@ -57,7 +59,6 @@
       return {
         data: [],
         momData: [],
-        yoyData: [],
         datasource: {},
         columns: [{
             title: '断面类型',
@@ -66,8 +67,8 @@
           },
           {
             title: '断面名称',
-            dataIndex: 'stationName',
-            key: 'stationName',
+            dataIndex: 'sectionName',
+            key: 'sectionName',
           },
           {
             title: '考核城市',
@@ -123,19 +124,18 @@
     methods: {
       /* 刷新表格 */
       reload() {
+        this.loading = true;
         listMonthWaterQualitySandard(this.where).then((res) => {
           console.log(res.data.data);
           if (res.data.code == 0) {
             this.$message.success(res.data.msg);
-            res.data.data.momData.forEach((m) => {
+            res.data.data.forEach((m) => {
               this.momData.push(m);
             })
-            res.data.data.yoyData.forEach((y) => {
-              this.yoyData.push(y);
-            })
           } else {
             this.$message.error(res.data.msg);
           }
+          this.loading = false;
         });
       },
       /* 重置搜索 */