结构

src/views/atmosphere/air/statistic/base.vue

@@ -4,6 +4,7 @@
       <!-- 搜索表单 -->
       <a-form
         :model="where"
+        layout="vertical"
         :label-col="{ md: { span: 6 }, sm: { span: 24 } }"
         :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
       >
@@ -19,37 +20,14 @@
               </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.place" allowClear showSearch>
-                <a-select-option
-                  v-for="(item) in palceOptions"
-                  :key="item.value"
-                  >{{ item.label }}</a-select-option
-                >
-              </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.area" allowClear showSearch>
-                <a-select-option
-                  v-for="(item) in areaOptions"
-                  :key="item.value"
-                  >{{ item.label }}</a-select-option
-                >
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
+        </a-row>
+        <a-row>
+          <a-col :lg="24" :md="24" :sm="24" :xs="24">
               <a-space>
                 <a-button type="primary" @click="reload">查询</a-button>
                 <a-button @click="reset">重置</a-button>
                 <a-button @click="exportFile">导出Excel</a-button>
               </a-space>
-            </a-form-item>
           </a-col>
         </a-row>
       </a-form>
@@ -57,7 +35,7 @@
       <ele-pro-table
         v-model:selection="selectionList"
         ref="table"
-        row-key="airId"
+        row-key="ambientAirId"
         :datasource="url"
         :columns="columns"
         :where="where"
@@ -74,7 +52,7 @@
 <script>
 // import _ from "lodash";
 import XLSX from "xlsx";
-import { pageAirUrl, getColumnOptions } from "@/api/ecology/air";
+import { pageAirUrl, getColumnOptions,listAllAir } from "@/api/ecology/air";
 import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
 import moment from "moment";
 //   import utils from "./utils";
@@ -168,8 +146,6 @@ export default {
           sorter: true,
         }
       ],
-      palceOptions: [],
-      areaOptions: [],
       regionLevelOptions: [],
       // 表格搜索条件
       where: {
@@ -185,22 +161,6 @@ export default {
   methods: {
     /**获取下来框数据 */
     loadOptionData() {
-      getColumnOptions("place").then((res) => {
-        this.palceOptions = res.data.data.map((item) => {
-          return {
-            label: item,
-            value: item,
-          };
-        });
-      });
-      getColumnOptions("area").then((res) => {
-        this.areaOptions = res.data.data.map((item) => {
-          return {
-            label: item,
-            value: item,
-          };
-        });
-      });
       getColumnOptions("region_level").then((res) => {
         this.regionLevelOptions = res.data.data.map((item) => {
           return {
@@ -212,8 +172,6 @@ export default {
     },
     /* 刷新表格 */
     reload() {
-      console.log(this.$route);
-      console.log(this.$router);
       this.$refs.table.reload({
         where: this.where,
       });
@@ -226,6 +184,7 @@ export default {
       this.reload();
     },
     exportFile() {
+
      const columns = [
         {
           title: "监测日期",
@@ -307,12 +266,17 @@ export default {
       const arr = [];
       const th = columns.map((item) => item.title);
       arr.push(th);
-      this.data.forEach((d) => {
-        const td = columns.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());
+      listAllAir(this.where).then(res=>{
+        if(res.data.code == 0){
+          res.data.data.forEach((d) => {
+            const td = columns.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());
+        }
+      })
+
     },
   },
 };