From a3f5f6ffe24608c015a8272af19f565a72645411 Mon Sep 17 00:00:00 2001
From: shixiaoman <531268472@qq.com>
Date: Wed, 15 Dec 2021 15:15:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B1=9F=E6=B2=B3=E7=BB=9F=E8=AE=A1=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../river-station/collect/water-bill.vue      |  12 +-
 .../river-station/statistic/site-day-avg.vue  |  52 +++++++--
 .../water/river-station/statistic/site.vue    | 100 ++++++++++++++--
 src/views/water/river/collect/index.vue       |   8 +-
 src/views/water/river/statistic/avg-index.vue |  51 +++++++--
 .../water/river/statistic/base-index.vue      | 108 ++++++++++++------
 .../statistic/auto-standard.vue               |   2 +
 .../water-function-area/statistic/auto.vue    |  52 +++++++--
 .../statistic/national-standard.vue           |   8 +-
 .../statistic/national.vue                    |  52 +++++++--
 10 files changed, 363 insertions(+), 82 deletions(-)

diff --git a/src/views/water/river-station/collect/water-bill.vue b/src/views/water/river-station/collect/water-bill.vue
index 27472ee..f665d41 100644
--- a/src/views/water/river-station/collect/water-bill.vue
+++ b/src/views/water/river-station/collect/water-bill.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
             <!-- 表格 -->
-      <ele-pro-table v-model:selection="selectionList" ref="table" row-key="waterStationWaterFunctionAreaBillId" :datasource="url"
+      <ele-pro-table v-model:selection="selectionList" ref="table" row-key="waterSiteBillId" :datasource="url"
         :columns="columns" :where="where" :scroll="{x: 'max-content'}">
         <template #toolbar>
 
@@ -39,8 +39,8 @@
         </template>
         <template #billName="{ text, record }">
           <div class="editable-cell">
-            <div v-if="editableData[record.waterStationWaterFunctionAreaBillId]" class="editable-cell-input-wrapper">
-              <a-input v-model:value="editableData[record.waterStationWaterFunctionAreaBillId].billName" @pressEnter="save(record)" />
+            <div v-if="editableData[record.waterSiteBillId]" class="editable-cell-input-wrapper">
+              <a-input v-model:value="editableData[record.waterSiteBillId].billName" @pressEnter="save(record)" />
               <check-outlined class="editable-cell-icon-check" @click="save(record)" />
             </div>
             <div v-else class="editable-cell-text-wrapper">
@@ -51,9 +51,9 @@
         </template>
         <template #reportTime="{ text, record }">
           <div class="editable-cell">
-            <div v-if="editableData[record.waterStationWaterFunctionAreaBillId]" class="editable-cell-input-wrapper">
-              <a-date-picker v-model:value="editableData[record.waterStationWaterFunctionAreaBillId].reportTime"></a-date-picker>
-              <!-- <a-input v-model:value="editableData[record.waterStationWaterFunctionAreaBillId].reportTime" @pressEnter="save(record)" /> -->
+            <div v-if="editableData[record.waterSiteBillId]" class="editable-cell-input-wrapper">
+              <a-date-picker v-model:value="editableData[record.waterSiteBillId].reportTime"></a-date-picker>
+              <!-- <a-input v-model:value="editableData[record.waterSiteBillId].reportTime" @pressEnter="save(record)" /> -->
               <check-outlined class="editable-cell-icon-check" @click="save(record)" />
             </div>
             <div v-else class="editable-cell-text-wrapper">
diff --git a/src/views/water/river-station/statistic/site-day-avg.vue b/src/views/water/river-station/statistic/site-day-avg.vue
index 03e4687..b6d0fab 100644
--- a/src/views/water/river-station/statistic/site-day-avg.vue
+++ b/src/views/water/river-station/statistic/site-day-avg.vue
@@ -47,6 +47,7 @@
 </template>
 
 <script>
+  import moment from "moment";
   import {
     // autonomyWaterFunctionTotalUrl,
     listWaterSiteMonthTotal
@@ -324,17 +325,54 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columns.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.datasource.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
-
         let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
+
       }
 
     },
diff --git a/src/views/water/river-station/statistic/site.vue b/src/views/water/river-station/statistic/site.vue
index 7270714..1896099 100644
--- a/src/views/water/river-station/statistic/site.vue
+++ b/src/views/water/river-station/statistic/site.vue
@@ -54,6 +54,7 @@
 </template>
 
 <script>
+  import moment from "moment";
  import {
   listWaterSiteYoy
   } from "@/api/ecology/river-statis";
@@ -210,17 +211,102 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
+        //环比数据
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columnsMom.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.momData.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
 
-        let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        //同比数据
+        const arr2 = [];
+        const th3 = [];
+        const th4 = [];
+        const merges2 = []; // 合并
+        const columnsTemp2 = []; // 树形结构整理成list
+        this.columnsYoy.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th3.push(item.title)
+              th4.push(citem.title)
+              columnsTemp2.push(citem)
+            })
+            merges2.push({
+              s: {
+                r: 0,
+                c: th3.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th3.length - 1
+              }
+            })
+          } else {
+            th3.push(item.title)
+            th4.push("")
+            columnsTemp2.push(item)
+            merges2.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr2.push(th3, th4);
+        this.yoyData.forEach((d) => {
+          const td = columnsTemp2.map((item) => d[item.dataIndex]);
+          arr2.push(td);
+        });
+        var dataSheet=arr.concat(arr2);
+        console.log("dataSheet"+dataSheet);
+        let sheet = XLSX.utils.aoa_to_sheet(dataSheet);
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
+
       }
 
     },
diff --git a/src/views/water/river/collect/index.vue b/src/views/water/river/collect/index.vue
index 9821f39..138095f 100644
--- a/src/views/water/river/collect/index.vue
+++ b/src/views/water/river/collect/index.vue
@@ -552,13 +552,13 @@
               header: 1,
             });
             const riverList = aoa.filter(
-              (item) => {
+              (item,index) => {
                 if (this.param.system == "1") {
                   return item[1] && item[1] != "时间"
                 } else {
-
-                  return item[2] && item[2] != "时间" && item[2] != "三类标准" && item[2] != "平均值" && item[2] != "最大值" &&
-                    item[2] != "最小值" && item[2] != "有效数据个数" && item[2] != "总数据个数"
+                  if(index>1 && item[2] != "平均值" && item[2] != "最大值" && item[2] != "最小值" && item[2] != "有效数据个数" && item[2] != "总数据个数"){
+                    return item;
+                  }
                 }
 
               }
diff --git a/src/views/water/river/statistic/avg-index.vue b/src/views/water/river/statistic/avg-index.vue
index 04ecfb8..f274154 100644
--- a/src/views/water/river/statistic/avg-index.vue
+++ b/src/views/water/river/statistic/avg-index.vue
@@ -61,6 +61,7 @@
 </template>
 
 <script>
+  import moment from "moment";
   import {
     listAvgCompositeIndex,
     listTargetInfo,
@@ -183,17 +184,53 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columns.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.momData.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
-
         let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
       }
 
     },
diff --git a/src/views/water/river/statistic/base-index.vue b/src/views/water/river/statistic/base-index.vue
index 42c7196..40fe361 100644
--- a/src/views/water/river/statistic/base-index.vue
+++ b/src/views/water/river/statistic/base-index.vue
@@ -32,7 +32,7 @@
               </a-select-option>
             </a-select>
           </a-form-item>
-         <a-form-item label="开始时间:">
+          <a-form-item label="开始时间:">
             <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" :disabled-date="disabledDate" />
           </a-form-item>
           <a-form-item label="结束时间:">
@@ -61,6 +61,7 @@
 </template>
 
 <script>
+  import moment from "moment";
   import {
     listMonthCompositeIndex,
     listTargetInfo,
@@ -131,37 +132,37 @@
         rules: {},
         waterBodyList: [],
         waterSystemList: [],
-        targetInfo:{},
-        targetInfoList:[],
+        targetInfo: {},
+        targetInfoList: [],
       };
     },
     created() {
       listInfo().then((res) => {
-        if (res.data.code == 0) {
-          console.log(res.data.data)
-          this.sectionInfo = res.data.data
-          res.data.data.forEach((m) => {
-            this.waterSystemList.push(m.waterBody);
-            this.waterBodyList.push(m.importWaterBody);
-          })
-          this.waterSystemList = [...new Set(this.waterSystemList)];
-          this.waterBodyList = [...new Set(this.waterBodyList)];
-        } else {
-          this.$message.error(res.data.msg);
-        }
-      }),
-      listTargetInfo().then((res) => {
-        if (res.data.code == 0) {
-          console.log(res.data.data)
-          this.targetInfo = res.data.data
-          res.data.data.forEach((m) => {
-            this.targetInfoList.push(m.indicatorName);
-          })
-          this.targetInfoList = [...new Set(this.targetInfoList)];
-        } else {
-          this.$message.error(res.data.msg);
-        }
-      })
+          if (res.data.code == 0) {
+            console.log(res.data.data)
+            this.sectionInfo = res.data.data
+            res.data.data.forEach((m) => {
+              this.waterSystemList.push(m.waterBody);
+              this.waterBodyList.push(m.importWaterBody);
+            })
+            this.waterSystemList = [...new Set(this.waterSystemList)];
+            this.waterBodyList = [...new Set(this.waterBodyList)];
+          } else {
+            this.$message.error(res.data.msg);
+          }
+        }),
+        listTargetInfo().then((res) => {
+          if (res.data.code == 0) {
+            console.log(res.data.data)
+            this.targetInfo = res.data.data
+            res.data.data.forEach((m) => {
+              this.targetInfoList.push(m.indicatorName);
+            })
+            this.targetInfoList = [...new Set(this.targetInfoList)];
+          } else {
+            this.$message.error(res.data.msg);
+          }
+        })
     },
     methods: {
       /* 刷新表格 */
@@ -188,17 +189,54 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columns.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.momData.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
-
         let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
+
       }
 
     },
diff --git a/src/views/water/water-function-area/statistic/auto-standard.vue b/src/views/water/water-function-area/statistic/auto-standard.vue
index 754c89a..7b8a0bd 100644
--- a/src/views/water/water-function-area/statistic/auto-standard.vue
+++ b/src/views/water/water-function-area/statistic/auto-standard.vue
@@ -193,6 +193,7 @@
               console.log(arr);
               var target = {
                 sectionName:'',
+                waterQualityGoal:'',
                 january:'',
                 february:'',
                 march:'',
@@ -210,6 +211,7 @@
               };
               arr.forEach(e => {
                 target.sectionName = e.sectionName;
+                target.waterQualityGoal=e.waterQualityGoal;
                 var month = e.samplingTime.split("-")[1];
                 if (month == '01') {
                   target.january = e.waterQualityCategory;
diff --git a/src/views/water/water-function-area/statistic/auto.vue b/src/views/water/water-function-area/statistic/auto.vue
index e495935..2ab17b2 100644
--- a/src/views/water/water-function-area/statistic/auto.vue
+++ b/src/views/water/water-function-area/statistic/auto.vue
@@ -55,6 +55,7 @@
 </template>
 
 <script>
+  import moment from "moment";
   import {
     listAutonomyWaterFunctionTotal,
   } from "@/api/ecology/river-statis";
@@ -141,17 +142,54 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columns.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.datasource.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
-
         let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
+
       }
 
     },
diff --git a/src/views/water/water-function-area/statistic/national-standard.vue b/src/views/water/water-function-area/statistic/national-standard.vue
index 444771c..7e31078 100644
--- a/src/views/water/water-function-area/statistic/national-standard.vue
+++ b/src/views/water/water-function-area/statistic/national-standard.vue
@@ -193,6 +193,7 @@
               console.log(arr);
               var target = {
                 sectionName:'',
+                waterQualityGoal:'',
                 january:'',
                 february:'',
                 march:'',
@@ -210,6 +211,7 @@
               };
               arr.forEach(e => {
                 target.sectionName = e.sectionName;
+                target.waterQualityGoal=e.waterQualityGoal;
                 var month = e.samplingTime.split("-")[1];
                 if (month == '01') {
                   target.january = e.waterQualityCategory;
@@ -247,8 +249,10 @@
                 if (month == '12') {
                   target.december = e.waterQualityCategory;
                 }
-                target.standardRate = e.standardRate;
-                target.standard = e.standard;
+                if(arr.length == '12'){
+                  target.standardRate = e.standardRate;
+                  target.standard = e.standard;
+                }
               })
               this.datasource.push(target);
             }
diff --git a/src/views/water/water-function-area/statistic/national.vue b/src/views/water/water-function-area/statistic/national.vue
index 4fcc38e..a6efb69 100644
--- a/src/views/water/water-function-area/statistic/national.vue
+++ b/src/views/water/water-function-area/statistic/national.vue
@@ -55,6 +55,7 @@
 </template>
 
 <script>
+  import moment from "moment";
   import {
     listNationalWaterFunctionTotal
   } from "@/api/ecology/river-statis";
@@ -137,17 +138,54 @@
       },
       /* 导出 */
       exportFile() {
-        const columns = this.columns.filter(item => item.dataIndex);
         const arr = [];
-        const th = columns.map((item) => item.title);
-        arr.push(th);
-        this.data.forEach((d) => {
-          const td = columns.map((item) => d[item.dataIndex]);
+        const th1 = [];
+        const th2 = [];
+        const merges = []; // 合并
+        const columnsTemp = []; // 树形结构整理成list
+        this.columns.forEach((item, index) => {
+          if (item.children) {
+            item.children.forEach((citem) => {
+              th1.push(item.title)
+              th2.push(citem.title)
+              columnsTemp.push(citem)
+            })
+            merges.push({
+              s: {
+                r: 0,
+                c: th1.length - item.children.length
+              },
+              e: {
+                r: 0,
+                c: th1.length - 1
+              }
+            })
+          } else {
+            th1.push(item.title)
+            th2.push("")
+            columnsTemp.push(item)
+            merges.push({
+              s: {
+                r: 0,
+                c: index
+              },
+              e: {
+                r: 1,
+                c: index
+              }
+            })
+          }
+        })
+        arr.push(th1, th2);
+        this.datasource.forEach((d) => {
+          const td = columnsTemp.map((item) => d[item.dataIndex]);
           arr.push(td);
         });
-
         let sheet = XLSX.utils.aoa_to_sheet(arr);
-        this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
+        sheet['!merges'] = merges;
+        this.$util.exportSheet(XLSX, sheet, moment(this.where.timeStart).format("YYYY年MM月DD日") + "至" + moment(this.where
+          .timeEnd).format("YYYY年MM月DD日") + "统计数据");
+
       }
 
     },