大更新
This commit is contained in:
@@ -4,31 +4,28 @@
|
||||
<!-- 搜索表单 -->
|
||||
<a-form
|
||||
:model="where"
|
||||
layout="vertical"
|
||||
:label-col="{ md: { span: 6 }, sm: { span: 24 } }"
|
||||
:wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
|
||||
layout="inline"
|
||||
>
|
||||
<a-row>
|
||||
<a-col :lg="6" :md="12" :sm="24" :xs="24">
|
||||
<a-form-item label="时间范围:">
|
||||
<a-range-picker v-model:value="time"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="6" :md="12" :sm="24" :xs="24">
|
||||
<a-form-item label="起始日期:">
|
||||
<a-date-picker valueFormat="YYYY-MM-DD 00:00:00" v-model:value="where.timeStart"></a-date-picker>
|
||||
</a-form-item>
|
||||
<a-form-item label="结束日期:">
|
||||
<a-date-picker valueFormat="YYYY-MM-DD 23:59:59" v-model:value="where.timeEnd"></a-date-picker>
|
||||
</a-form-item>
|
||||
<a-form-item label="起始时间:">
|
||||
|
||||
</a-form-item>
|
||||
<a-form-item label="区域等级:">
|
||||
<a-select v-model:value="where.regionLevel" allowClear showSearch>
|
||||
<a-select v-model:value="where.regionLevel" placeholder="选择区域等级" allowClear showSearch>
|
||||
<a-select-option
|
||||
v-for="(item) in regionLevelOptions"
|
||||
:key="item.value"
|
||||
>{{ item.label }}
|
||||
</a-select-option
|
||||
>
|
||||
</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.place" allowClear showSearch>
|
||||
<a-select v-model:value="where.place" placeholder="选择监测点" allowClear showSearch>
|
||||
<a-select-option
|
||||
v-for="(item) in placeOptions"
|
||||
:key="item.value"
|
||||
@@ -37,17 +34,12 @@
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</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-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 表格 -->
|
||||
<ele-pro-table
|
||||
@@ -59,6 +51,7 @@
|
||||
:where="where"
|
||||
:scroll="{ x: 'max-content' }"
|
||||
@done="(d) => (data = d.data)"
|
||||
:init-load="false"
|
||||
>
|
||||
|
||||
</ele-pro-table>
|
||||
@@ -70,7 +63,7 @@
|
||||
<script>
|
||||
// import _ from "lodash";
|
||||
import XLSX from "xlsx";
|
||||
import {pageAirUrl, getColumnOptions, listAllAir} from "@/api/ecology/air";
|
||||
import {pageAirUrl, getColumnOptions, listAllAir} from "@/api/ecology/atmosphere/air";
|
||||
import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
|
||||
import moment from "moment";
|
||||
// import utils from "./utils";
|
||||
@@ -78,6 +71,7 @@ export default {
|
||||
name: "StatisticAirBase",
|
||||
components: {},
|
||||
data() {
|
||||
const year = new Date().getFullYear();
|
||||
return {
|
||||
data: [],
|
||||
locale,
|
||||
@@ -91,7 +85,7 @@ export default {
|
||||
title: "监测日期",
|
||||
dataIndex: "monitorTime",
|
||||
sorter: true,
|
||||
customRender: ({text}) => moment(text).format("YYYY-MM-DD HH:mm")
|
||||
customRender: ({text}) => moment(text).format("YYYY-MM-DD")
|
||||
},
|
||||
{
|
||||
title: "城市",
|
||||
@@ -175,6 +169,8 @@ export default {
|
||||
// 表格搜索条件
|
||||
where: {
|
||||
checked: 1,
|
||||
timeStart: moment(`${year}-01-01 00:00:00`).format("YYYY-MM-DD 00:00:00"),
|
||||
timeEnd: moment().format("YYYY-MM-DD 23:59:59")
|
||||
},
|
||||
// 表格选中数据
|
||||
selectionList: [],
|
||||
@@ -182,6 +178,7 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
this.loadOptionData();
|
||||
this.reload();
|
||||
},
|
||||
methods: {
|
||||
/**获取下来框数据 */
|
||||
|
||||
Reference in New Issue
Block a user