From 8c224fe6016bed0ed7c971a96c98ceb8f4edc962 Mon Sep 17 00:00:00 2001
From: shixiaoman <531268472@qq.com>
Date: Fri, 3 Dec 2021 18:43:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B1=9F=E6=B2=B3=E6=A8=A1=E5=9D=97=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ecology/river-statis.js               |  11 +-
 .../statistic/auto-standard.vue               |   6 +-
 .../statistic/auto-yoy.vue                    |  79 ++++---
 .../statistic/national-standard.vue           | 195 +++++++++++++++---
 .../statistic/national-yoy.vue                |  80 ++++---
 5 files changed, 283 insertions(+), 88 deletions(-)

diff --git a/src/api/ecology/river-statis.js b/src/api/ecology/river-statis.js
index 8f3c0e9..e619d0f 100644
--- a/src/api/ecology/river-statis.js
+++ b/src/api/ecology/river-statis.js
@@ -51,6 +51,13 @@ const listNationalStandard = function (data) {
 }
 
 
+const listAutoYoy = function (data) {
+    return axios.post("/waterFunctionArea/riverStatic/autoYoy",data)
+}
+
+const listNationalYoy = function (data) {
+    return axios.post("/waterFunctionArea/riverStatic/nationalYoy",data)
+}
 
 
 const listTargetInfo = function () {
@@ -69,5 +76,7 @@ export {
     listAvgCompositeIndex,
     listAvgWaterQualitySandard,
     listAutoStandard,
-    listNationalStandard
+    listNationalStandard,
+    listAutoYoy,
+    listNationalYoy
 }
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 e5c9df9..12a83ac 100644
--- a/src/views/water/water-function-area/statistic/auto-standard.vue
+++ b/src/views/water/water-function-area/statistic/auto-standard.vue
@@ -204,6 +204,8 @@
                 october:'',
                 november:'',
                 december:'',
+                standardRate:'',
+                standard:'',
               };
               arr.forEach(e => {
                 target.sectionName = e.sectionName;
@@ -244,8 +246,10 @@
                 if (month == '12') {
                   target.december = e.waterQualityCategory;
                 }
-
+                target.standardRate = e.standardRate;
+                target.standard = e.standard;
               })
+             
               this.datasource.push(target);
             }
           } else {
diff --git a/src/views/water/water-function-area/statistic/auto-yoy.vue b/src/views/water/water-function-area/statistic/auto-yoy.vue
index 34e29c3..3297dfd 100644
--- a/src/views/water/water-function-area/statistic/auto-yoy.vue
+++ b/src/views/water/water-function-area/statistic/auto-yoy.vue
@@ -21,17 +21,16 @@
           </a-form-item>
           <a-form-item label="监测类型">
             <a-select v-model:value="where.monitorType" placeholder="请选择监测类型" allowClear showSearch>
-                <a-select-option :value="'1'">全因子</a-select-option>
-                <a-select-option :value="'2'">纳污红线</a-select-option>
+              <a-select-option :value="'1'">全因子</a-select-option>
+              <a-select-option :value="'2'">纳污红线</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="起始日期:">
-            <a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.startTime"></a-date-picker>
+            <a-date-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-date-picker>
           </a-form-item>
           <a-form-item label="结束日期:">
-            <a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.endTime"></a-date-picker>
+            <a-date-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-date-picker>
           </a-form-item>
-
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
             <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
               <a-space>
@@ -45,7 +44,7 @@
       </a-form>
       <!-- 表格 -->
       <a-spin :spinning="loading">
-        <ele-pro-table ref="table" :datasource="url" :columns="columns" :where="where"
+        <ele-pro-table ref="table" :datasource="datasource" :columns="columns" :where="where"
           :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
         </ele-pro-table>
       </a-spin>
@@ -56,18 +55,15 @@
 
 <script>
   import {
-    autonomyWaterFunctionTotalUrl,
+    listAutoYoy,
   } from "@/api/ecology/river-statis";
   import {
     listInfo
   } from "@/api/ecology/water/river-autonomous";
   import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
-  import {
-    tableColumns
-  } from "./colums";
   import XLSX from "xlsx";
   export default {
-    name: "RiverCollectWater",
+    name: "AutoCollectWater",
     components: {},
     data() {
       return {
@@ -75,12 +71,41 @@
         locale,
         datasource: {},
         // 表格数据接口
-        url: autonomyWaterFunctionTotalUrl,
+        // url: autonomyWaterFunctionTotalUrl,
         selection: [],
-        tableColumns,
+        // tableColumns,
         // 表格列配置
-        columns: [
-          ...tableColumns,
+        columns: [{
+            title: "监测断面名称",
+            dataIndex: "sectionName",
+            sorter: true,
+          },
+          {
+            title: "时间",
+            dataIndex: "monitorTime",
+            sorter: true,
+          },
+          {
+            title: "水质目标",
+            dataIndex: "waterQualityGoal",
+            sorter: true,
+          },
+          {
+            title: "水质类别",
+            dataIndex: "waterQualityCategory",
+            sorter: true,
+          },
+          {
+            title: "达标情况",
+            dataIndex: "standard",
+            sorter: true,
+          },
+          {
+            title: "达标率",
+            dataIndex: "standardRate",
+            sorter: true,
+          },
+
         ],
         // 表格搜索条件
         where: {},
@@ -90,13 +115,7 @@
         waterSystemList: [],
       };
     },
-    mounted() {
-      this.loading = true;
-      this.$refs.table.reload({
-        where: this.where,
-      });
-      this.loading = false;
-    },
+
     created() {
       listInfo().then((res) => {
         if (res.data.code == 0) {
@@ -116,12 +135,16 @@
       /* 刷新表格 */
       reload() {
         this.loading = true;
-        console.log(this.where);
-        this.$refs.table.reload({
-        where: this.where,
-      });
-      console.log(this.url);
-      this.loading = false;
+        listAutoYoy(this.where).then((res) => {
+          console.log(res.data.data);
+          if (res.data.code == 0) {
+              this.datasource = res.data.data;
+          } else {
+            this.$message.error(res.data.msg);
+          }
+          this.loading = false;
+        });
+        this.loading = false;
       },
       /* 重置搜索 */
       reset() {
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 ae58fc9..9ea4dda 100644
--- a/src/views/water/water-function-area/statistic/national-standard.vue
+++ b/src/views/water/water-function-area/statistic/national-standard.vue
@@ -21,8 +21,8 @@
           </a-form-item>
           <a-form-item label="监测类型">
             <a-select v-model:value="where.monitorType" placeholder="请选择监测类型" allowClear showSearch>
-                <a-select-option :value="'1'">全因子</a-select-option>
-                <a-select-option :value="'2'">纳污红线</a-select-option>
+              <a-select-option :value="'1'">全因子</a-select-option>
+              <a-select-option :value="'2'">纳污红线</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="查询日期:">
@@ -42,7 +42,7 @@
       </a-form>
       <!-- 表格 -->
       <a-spin :spinning="loading">
-        <ele-pro-table ref="table" :datasource="url" :columns="columns" :where="where"
+        <ele-pro-table ref="table" :datasource="datasource" :columns="columns" :where="where"
           :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
         </ele-pro-table>
       </a-spin>
@@ -53,31 +53,107 @@
 
 <script>
   import {
-    autonomyWaterFunctionTotalUrl,
+    listNationalStandard,
   } from "@/api/ecology/river-statis";
   import {
     listInfo
-  } from "@/api/ecology/water/river-autonomous";
+  } from "@/api/ecology/water/river-api-relate";
   import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
-  import {
-    tableColumns
-  } from "./colums";
   import XLSX from "xlsx";
   export default {
-    name: "RiverCollectWater",
+    name: "AutoCollectWater",
     components: {},
     data() {
       return {
         data: [],
         locale,
-        datasource: {},
+        datasource: [],
         // 表格数据接口
-        url: autonomyWaterFunctionTotalUrl,
+        // url: autonomyWaterFunctionTotalUrl,
         selection: [],
-        tableColumns,
+        // tableColumns,
         // 表格列配置
-        columns: [
-          ...tableColumns,
+        columns: [{
+            title: "监测断面名称",
+            dataIndex: "sectionName",
+            sorter: true,
+          },
+          {
+            title: "水质目标",
+            dataIndex: "waterQualityGoal",
+            sorter: true,
+          },
+          {
+            title: "1月",
+            dataIndex: "january",
+            sorter: true,
+          },
+          {
+            title: "2月",
+            dataIndex: "february",
+            sorter: true,
+          },
+          {
+            title: "3月",
+            dataIndex: "march",
+            sorter: true,
+          },
+          {
+            title: "4月",
+            dataIndex: "april",
+            sorter: true,
+          },
+          {
+            title: "5月",
+            dataIndex: "may",
+            sorter: true,
+          },
+          {
+            title: "6月",
+            dataIndex: "june",
+            sorter: true,
+          },
+          {
+            title: "7月",
+            dataIndex: "july",
+            sorter: true,
+          },
+          {
+            title: "8月",
+            dataIndex: "august",
+            sorter: true,
+          },
+          {
+            title: "9月",
+            dataIndex: "september",
+            sorter: true,
+          },
+          {
+            title: "10月",
+            dataIndex: "october",
+            sorter: true,
+          },
+          {
+            title: "11月",
+            dataIndex: "november",
+            sorter: true,
+          },
+          {
+            title: "12月",
+            dataIndex: "december",
+            sorter: true,
+          },
+          {
+            title: "达标率",
+            dataIndex: "standardRate",
+            sorter: true,
+          },
+          {
+            title: "达标情况",
+            dataIndex: "standard",
+            sorter: true,
+          },
+
         ],
         // 表格搜索条件
         where: {},
@@ -87,21 +163,14 @@
         waterSystemList: [],
       };
     },
-    mounted() {
-      this.loading = true;
-      this.$refs.table.reload({
-        where: this.where,
-      });
-      this.loading = false;
-    },
+
     created() {
       listInfo().then((res) => {
         if (res.data.code == 0) {
           console.log(res.data.data)
           this.visibleWater = true;
           this.sectionInfo = res.data.data
-          
-res.data.data.forEach((m) => {
+          res.data.data.forEach((m) => {
             this.waterSystemList.push(m.waterBody);
           })
           this.waterSystemList = [...new Set(this.waterSystemList)];
@@ -114,12 +183,80 @@ res.data.data.forEach((m) => {
       /* 刷新表格 */
       reload() {
         this.loading = true;
-        console.log(this.where);
-        this.$refs.table.reload({
-        where: this.where,
-      });
-      console.log(this.url);
-      this.loading = false;
+        listNationalStandard(this.where).then((res) => {
+          console.log(res.data.data);
+          if (res.data.code == 0) {
+            this.$message.success(res.data.msg);
+            for (var key in res.data.data) {
+              var arr = res.data.data[key];
+              console.log(arr);
+              var target = {
+                sectionName:'',
+                january:'',
+                february:'',
+                march:'',
+                april:'',
+                may:'',
+                june:'',
+                july:'',
+                august:'',
+                september:'',
+                october:'',
+                november:'',
+                december:'',
+                standardRate:'',
+                standard:'',
+              };
+              arr.forEach(e => {
+                target.sectionName = e.sectionName;
+                var month = e.samplingTime.split("-")[1];
+                if (month == '01') {
+                  target.january = e.waterQualityCategory;
+                }
+                if (month == '02') {
+                  target.february = e.waterQualityCategory;
+                }
+                if (month == '03') {
+                  target.march = e.waterQualityCategory;
+                }
+                if (month == '04') {
+                  target.april = e.waterQualityCategory;
+                }
+                if (month == '05') {
+                  target.may = e.waterQualityCategory;
+                }
+                if (month == '06') {
+                  target.june = e.waterQualityCategory;
+                }
+                if (month == '07') {
+                  target.july = e.waterQualityCategory;
+                }
+                if (month == '08') {
+                  target.august = e.waterQualityCategory;
+                }
+                if (month == '09') {
+                  target.september = e.waterQualityCategory;
+                }
+                if (month == '10') {
+                  target.october = e.waterQualityCategory;
+                }
+                if (month == '11') {
+                  target.november = e.waterQualityCategory;
+                }
+                if (month == '12') {
+                  target.december = e.waterQualityCategory;
+                }
+                target.standardRate = e.standardRate;
+                target.standard = e.standard;
+              })
+              this.datasource.push(target);
+            }
+          } else {
+            this.$message.error(res.data.msg);
+          }
+          this.loading = false;
+        });
+        this.loading = false;
       },
       /* 重置搜索 */
       reset() {
diff --git a/src/views/water/water-function-area/statistic/national-yoy.vue b/src/views/water/water-function-area/statistic/national-yoy.vue
index 34e29c3..f1794bd 100644
--- a/src/views/water/water-function-area/statistic/national-yoy.vue
+++ b/src/views/water/water-function-area/statistic/national-yoy.vue
@@ -21,17 +21,16 @@
           </a-form-item>
           <a-form-item label="监测类型">
             <a-select v-model:value="where.monitorType" placeholder="请选择监测类型" allowClear showSearch>
-                <a-select-option :value="'1'">全因子</a-select-option>
-                <a-select-option :value="'2'">纳污红线</a-select-option>
+              <a-select-option :value="'1'">全因子</a-select-option>
+              <a-select-option :value="'2'">纳污红线</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="起始日期:">
-            <a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.startTime"></a-date-picker>
+            <a-date-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-date-picker>
           </a-form-item>
           <a-form-item label="结束日期:">
-            <a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.endTime"></a-date-picker>
+            <a-date-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-date-picker>
           </a-form-item>
-
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
             <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
               <a-space>
@@ -45,7 +44,7 @@
       </a-form>
       <!-- 表格 -->
       <a-spin :spinning="loading">
-        <ele-pro-table ref="table" :datasource="url" :columns="columns" :where="where"
+        <ele-pro-table ref="table" :datasource="datasource" :columns="columns" :where="where"
           :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
         </ele-pro-table>
       </a-spin>
@@ -56,18 +55,15 @@
 
 <script>
   import {
-    autonomyWaterFunctionTotalUrl,
+    listNationalYoy,
   } from "@/api/ecology/river-statis";
   import {
     listInfo
-  } from "@/api/ecology/water/river-autonomous";
+  } from "@/api/ecology/water/river-api-relate";
   import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
-  import {
-    tableColumns
-  } from "./colums";
   import XLSX from "xlsx";
   export default {
-    name: "RiverCollectWater",
+    name: "AutoCollectWater",
     components: {},
     data() {
       return {
@@ -75,12 +71,40 @@
         locale,
         datasource: {},
         // 表格数据接口
-        url: autonomyWaterFunctionTotalUrl,
+        // url: autonomyWaterFunctionTotalUrl,
         selection: [],
-        tableColumns,
+        // tableColumns,
         // 表格列配置
-        columns: [
-          ...tableColumns,
+        columns: [{
+            title: "监测断面名称",
+            dataIndex: "sectionName",
+            sorter: true,
+          },
+          {
+            title: "时间",
+            dataIndex: "samplingTime",
+            sorter: true,
+          },
+          {
+            title: "水质目标",
+            dataIndex: "waterQualityGoal",
+            sorter: true,
+          },
+          {
+            title: "水质类别",
+            dataIndex: "waterQualityCategory",
+            sorter: true,
+          },
+          {
+            title: "达标情况",
+            dataIndex: "standard",
+            sorter: true,
+          },
+          {
+            title: "达标率",
+            dataIndex: "standardRate",
+            sorter: true,
+          },
         ],
         // 表格搜索条件
         where: {},
@@ -90,13 +114,7 @@
         waterSystemList: [],
       };
     },
-    mounted() {
-      this.loading = true;
-      this.$refs.table.reload({
-        where: this.where,
-      });
-      this.loading = false;
-    },
+
     created() {
       listInfo().then((res) => {
         if (res.data.code == 0) {
@@ -116,12 +134,16 @@
       /* 刷新表格 */
       reload() {
         this.loading = true;
-        console.log(this.where);
-        this.$refs.table.reload({
-        where: this.where,
-      });
-      console.log(this.url);
-      this.loading = false;
+        listNationalYoy(this.where).then((res) => {
+          console.log(res.data.data);
+          if (res.data.code == 0) {
+              this.datasource = res.data.data;
+          } else {
+            this.$message.error(res.data.msg);
+          }
+          this.loading = false;
+        });
+        this.loading = false;
       },
       /* 重置搜索 */
       reset() {