声

src/views/sound/road/dict/place.vue

@@ -4,8 +4,6 @@
 
             <a-form
                 :model="where"
-                layout="vertical"
-                :label-col="{ md: { span: 6 }, sm: { span: 24 } }"
                 :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
             >
                 <a-row>
@@ -20,16 +18,16 @@
                             </a-select>
                         </a-form-item>
                     </a-col>
-                </a-row>
-                <a-row>
-                    <a-col :lg="24" :md="24" :sm="24" :xs="24">
+                    <a-col :lg="6" :md="12" :sm="24" :xs="24">
                         <a-space>
                             <a-button type="primary" @click="reload">查询</a-button>
-
                             <a-button @click="reset">重置</a-button>
                         </a-space>
                     </a-col>
                 </a-row>
+                <a-row>
+
+                </a-row>
             </a-form>
             <a-modal
                 v-model:visible="showNYear"
@@ -66,7 +64,7 @@
                     :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
                 >
                     <a-form-item label="年份" name="year">
-                        <a-input v-model:value="form.year" placeholder="请输入年份" allow-clear/>
+                        <a-input-number  v-model:value="form.year" :min="1970" :max="2050" />
                     </a-form-item>
                     <a-form-item label="测点名称" name="placeName">
                         <a-input v-model:value="form.placeName" placeholder="请输入测点名称" allow-clear/>
@@ -127,6 +125,8 @@
                 :columns="columns"
                 :where="where"
                 :scroll="{ x: 'max-content' }"
+                :need-page="false"
+                @done="(d) => (data = d.data)"
             >
                 <template #toolbar>
                     <a-space>
@@ -159,6 +159,7 @@
                             >删除
                             </a-button>
                         </a-popconfirm>
+                        <a-button @click="exportData" type="primary">导出</a-button>
                     </a-space>
                 </template>
                 <template #action="{ record }">
@@ -202,6 +203,7 @@ import {
     getColumnOptions
 } from "@/api/ecology/noise/road-noise-place";
 import {DownOutlined} from '@ant-design/icons-vue';
+import XLSX from "xlsx";
 // import moment from "moment";
 export default {
     name: "RoadNoisePlace",
@@ -319,6 +321,7 @@ export default {
             form: {},
             loading: false,
             rules: {
+                year: [{required: true, message: '请输入年份'}],
                 placeName: [{required: true, message: '请选择测点名称'}],
                 placeLng: [{required: true, message: '请输入测点经度',},],
                 placeLat: [{required: true, message: '请输入测点纬度',},],
@@ -458,6 +461,19 @@ export default {
             }).finally(() => {
                 hide();
             })
+        },
+        exportData(){
+            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]);
+                arr.push(td);
+            });
+
+            let sheet = XLSX.utils.aoa_to_sheet(arr);
+            this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
         }
 
     },