饮用水前端页面更新（参数和接口需要修改）

src/views/water/drinking-water/statistic/villageAppraise.vue

@@ -52,6 +52,24 @@
               </a-select>
             </a-form-item>
           </a-col> -->
+
+          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+            <a-form-item label="水源类型:">
+              <a-select
+                v-model:value="where.waterSourceType"
+                allowClear
+                showSearch
+              >
+                <a-select-option :value="'地表水'">地表水</a-select-option>
+                <a-select-option :value="'地下水'">地下水</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+
+          <a-form-item label="上报时间:">
+            <a-range-picker separator="~" v-model:value="reportTimeScope" />
+          </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>
@@ -74,7 +92,6 @@
         :scroll="{ x: 'max-content' }"
         @done="(d) => (data = d.data)"
       >
-        
       </ele-pro-table>
     </a-card>
   </div>
@@ -88,7 +105,6 @@ import XLSX from "xlsx";
 import {
   pageDrinkingWaterVillageStatisticUrl,
   // getColumnOptions
-
 } from "@/api/ecology/drinking-water-village";
 // import pageDictUrl from "@/api/ecology/drinking-water-dict"
 import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
@@ -100,7 +116,6 @@ export default {
   name: "DrinkingWaterBase",
   components: {},
 
-  
   data() {
     return {
       data: [],
@@ -109,24 +124,23 @@ export default {
       // 表格数据接口
       url: pageDrinkingWaterVillageStatisticUrl,
       selection: [],
-      columns:[
-        {title:"城市名称",dataIndex:"city",},
-        {title:"水源地名称",dataIndex:"place",},
-        {title:"取水量（万m3）",dataIndex:"waterWithdrawal",},
-        {title:"超标水源地取水量",dataIndex:"",},
-        {title:"超标项目",dataIndex:"",},
-        {title:"水源地性质",dataIndex:"waterSourceProperty",},
+      columns: [
+        { title: "城市名称", dataIndex: "city" },
+        { title: "水源地名称", dataIndex: "place" },
+        { title: "取水量（万m3）", dataIndex: "waterWithdrawal" },
+        { title: "超标水源地取水量", dataIndex: "" },
+        { title: "超标项目", dataIndex: "" },
+        { title: "水源地性质", dataIndex: "waterSourceProperty" },
       ],
-        
-        
-      
-      
+
       // 表格列配置
-      
+
       // palceOptions: [],
       // areaOptions: [],
       // roadOptions: [],
       regionLevelOptions: [],
+    
+      reportTimeScope: [],
       // 表格搜索条件
       where: {
         checked: 1,
@@ -140,8 +154,8 @@ export default {
   },
   methods: {
     JumpFieldClick(record, column) {
-        console.log(column.dataIndex)
-      },
+      console.log(column.dataIndex);
+    },
 
     /**获取下来框数据 */
     // loadOptionData() {
@@ -180,7 +194,6 @@ export default {
     // },
     /* 刷新表格 */
     reload() {
-      
       this.$refs.table.reload({
         where: this.where,
       });
@@ -193,9 +206,7 @@ export default {
       this.reload();
     },
     exportFile() {
-      const columns = [
-         ...tableColumns3,
-      ];
+      const columns = [...tableColumns3];
       const arr = [];
       const th = columns.map((item) => item.title);
       arr.push(th);