县级监测数据

2021-12-10 09:45:12 +08:00
parent 77ae7e4124
commit f7a430f8ca
4 changed files with 160 additions and 25 deletions
--- a/src/views/water/drinking-water/statistic/components/search.vue
+++ b/src/views/water/drinking-water/statistic/components/search.vue
@@ -77,7 +77,7 @@
      </a-col>
    </a-row>

-    <a-modal v-model:visible="visible" width="700px" title="监测指标" @ok="handleOk" @cancel="handleCancel">
+    <a-modal v-model:visible="visible" width="760px" title="监测指标" @ok="handleOk" @cancel="handleCancel">
        <div :style="{ borderBottom: '1px solid #E9E9E9', marginBottom: '5px', paddingBottom: '5px' }">
            <a-checkbox
            v-model:checked="checkAll"
--- a/src/views/water/drinking-water/statistic/county/base.vue
+++ b/src/views/water/drinking-water/statistic/county/base.vue
@@ -9,18 +9,26 @@
        @search="searchData"
        @exportFile="exportFile"
        @filterColumns="changeFilter"
+        :visiable="visiable"
+        :loading="loading"
      />
      <!-- 表格 -->
      <ele-pro-table
        v-model:selection="selectionList"
        ref="table"
        row-key="drinkingWaterId"
-        :datasource="url"
+        :datasource="datasource"
        :columns="columns"
        :where="where"
        :scroll="{ x: 'max-content' }"
        @done="(d) => (data = d.data)"
      >
+      <template #footer>
+        <div class="footer">
+          饮用水源水质监测累积月份统计样品数：10个
+        </div>
+      </template>
+
        <template #waterCode="{ text, record }">
          <span>
            {{
@@ -54,7 +62,7 @@
 <script>
 import XLSX from "xlsx";
 import {
-  countyPageBsaeListUrl
+  countyPageBsaeData
 } from "@/api/ecology/new-drinking-water";
 import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
 import { tableColumns } from "./../colums/base";
@@ -79,14 +87,18 @@ export default {
        return [];
      },
    },
+    visiable:{
+        typeof:Boolean
+    }
  },
  data() {
    return {
+      current:0,
      data: [],
      locale,
      bill: {},
      // 表格数据接口
-      url: countyPageBsaeListUrl,
+      datasource: [],
      selection: [],
      columns: [...tableColumns],

@@ -94,11 +106,11 @@ export default {
      regionLevelOptions: [],
      // 表格搜索条件
      where: {
-        checked: 1,
-        ionLevel:'县级'
+        
      },
      // 表格选中数据
      selectionList: [],
+      loading:false
    };
  },
  watch: {
@@ -110,6 +122,23 @@ export default {
    // this.loadOptionData();
  },
  methods: {
+
+        // 获取列表数据
+        getPageData(){
+            this.loading = true;
+            countyPageBsaeData(this.where).then(res=>{
+                 this.loading = false;
+                if(res.data.code){
+                    this.$message.error(res.data.msg);
+                    this.datasource = []
+                }else{
+                    this.datasource = res.data.data
+                }
+            }).catch(()=>{
+                 this.loading = false;
+            })
+        },
+
    JumpFieldClick(record, column) {
      console.log(column.dataIndex);
    },
@@ -140,24 +169,25 @@ export default {

    // 执行搜索
    searchData(data) {
-      this.where = {...this.where,...data};
+      this.where = data;
      this.$emit("search", this.where);
      this.reload();
    },
    /* 刷新表格 */
    reload() {
-      this.$refs.table.reload({
-        where: this.where,
-      });
+      this.getPageData()
+      // this.$refs.table.reload({
+      //   where: this.where,
+      // });
    },
    /* 重置搜索 */
    reset() {
      this.where = {
        checked: 1,
-        ionLevel:'县级'
      };
      this.reload();
    },
+
    exportFile() {
      const columns = [...tableColumns];
      const arr = [];
@@ -175,4 +205,7 @@ export default {
 </script>

 <style scoped lang="less">
+.footer{
+  text-align: right;
+}
 </style>
--- a/src/views/water/drinking-water/statistic/county/index.vue
+++ b/src/views/water/drinking-water/statistic/county/index.vue
@@ -0,0 +1,99 @@
+<template>
+    <div>
+        <a-tabs v-model:activeKey="activeKey">
+            <a-tab-pane tab="监测数据报送表" key="base" >
+              <base-statistic :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base'"></base-statistic>
+            </a-tab-pane>
+            <!-- <a-tab-pane tab="报送情况说明表" key="base1">
+              <city-appraise  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base1'"></city-appraise>
+            </a-tab-pane>
+            <a-tab-pane tab="取水量统计" key="base3">
+              <city-water-withdrawal  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base3'"></city-water-withdrawal>
+            </a-tab-pane>
+            <a-tab-pane tab="超标评价" key="base4">
+              <city-over-standard  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base4'"></city-over-standard>
+            </a-tab-pane>
+            <a-tab-pane tab="水质类别" key="base2" >
+              <city-water-quality :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base2'"></city-water-quality>
+            </a-tab-pane>
+
+            <a-tab-pane tab="水质统计" key="base7" >
+              <water-quality-count :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base7'"></water-quality-count>
+            </a-tab-pane>
+            <a-tab-pane tab="水质达标情况" key="base8" >
+              <water-quality-up :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base8'"></water-quality-up>
+            </a-tab-pane>
+            <a-tab-pane tab="备用水源营养指数" key="base5">
+              <water-nutritional :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeKey=='base5'"></water-nutritional>
+            </a-tab-pane> -->
+          </a-tabs>
+    </div>
+</template>
+
+
+<script>
+  /**
+   *
+   *
+   *
+   */
+  //市级监测数据报表
+  import BaseStatistic from "./base.vue"
+  // 报送情况说明
+//   import cityAppraise from "./situation.vue"
+//   // 取水量
+//   import cityWaterWithdrawal from "./waterCount.vue"
+//   // 超标评价
+//   import cityOverStandard from './overStandard.vue'
+//   // 水质类别
+//   import cityWaterQuality from "./waterQuality.vue"
+//   // 水质统计
+//   import waterQualityCount from "./waterQualityCount.vue";
+//   // 水质达标情况
+//   import waterQualityUp from "./waterQualityUp.vue";
+//   //综合营养指数
+
+//   import waterNutritional from "./waterNutritional.vue"
+
+
+
+
+
+  export default {
+    name: 'city-com',
+    components: {
+      BaseStatistic,
+    //   cityAppraise,
+    //   cityWaterQuality,
+    //   waterQualityCount,
+    //   waterQualityUp,
+    //   waterNutritional,
+    //   cityWaterWithdrawal,
+    //   cityOverStandard
+    },
+    data() {
+      return {
+        activeKey:'base',
+        searchForm:{
+            checked: 1,
+            page:1,
+            limit:10,
+            drinkingWaterAnalyse:{
+                regionLevel:"县级"
+            },
+        },
+        filterKeys:[]
+      };
+
+    },
+    methods: {
+      changeSearch(data){
+          this.searchForm = data
+      },
+      changeFilter(data){
+          this.filterKeys = data
+      }
+    }
+
+  }
+</script>
--- a/src/views/water/drinking-water/statistic/index.vue
+++ b/src/views/water/drinking-water/statistic/index.vue
@@ -7,7 +7,8 @@
        </a-tab-pane>

        <a-tab-pane key="county" tab="县级">
-          <a-tabs v-model:active="activeCounty">
+          <County />
+          <!-- <a-tabs v-model:active="activeCounty">
            <a-tab-pane tab="监测数据报送表" key="County">
              <county-data :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></county-data>
            </a-tab-pane>
@@ -26,7 +27,7 @@
             <a-tab-pane tab="综合指数" key="base5">
              <county-avg-index></county-avg-index>
            </a-tab-pane>
-          </a-tabs>
+          </a-tabs> -->
        </a-tab-pane>

        <a-tab-pane key="village" tab="农村">
@@ -56,6 +57,7 @@
 <script>

 import City from './city/index.vue'
+import County from './county/index.vue'

  /**
   *
@@ -65,36 +67,37 @@ import City from './city/index.vue'

 //县级监测数据报表
  // import countyData from "./countyData.vue"
-  import countyData from "./county/base.vue"
+  // import countyData from "./county/base.vue"

  import village from "./villageData.vue"

-  import countyAppraise from "./countyAppraise.vue"
+  // import countyAppraise from "./countyAppraise.vue"
  import villageAppraise from "./villageAppraise.vue"
-  import countyWaterQuality from "./countyWaterQuality.vue"
+  // import countyWaterQuality from "./countyWaterQuality.vue"
  import villageWaterQuality from "./villageWaterQuality.vue"
-  import countyAvgIndex from "./county-avg-index.vue"
+  // import countyAvgIndex from "./county-avg-index.vue"
  import villageAvgIndex from "./village-avg-index.vue"
-  import countyMonthStandard from "./county-base-standard.vue"
+  // import countyMonthStandard from "./county-base-standard.vue"
  import villageMonthStandard from "./village-base-standard.vue"
-  import countyWaterWithdrawal from "./countyWaterWithdrawal.vue"
+  // import countyWaterWithdrawal from "./countyWaterWithdrawal.vue"


  export default {
    name: 'DrinkWaterCollectIndex',
    components: {
      City,
-      countyData,
+      County,
+      // countyData,
      village,
-      countyAppraise,
+      // countyAppraise,
      villageAppraise,
-      countyWaterQuality,
+      // countyWaterQuality,
      villageWaterQuality,
-      countyAvgIndex,
+      // countyAvgIndex,
      villageAvgIndex,
-      countyMonthStandard,
+      // countyMonthStandard,
      villageMonthStandard,
-      countyWaterWithdrawal,
+      // countyWaterWithdrawal,
      
    },
    data() {