江河模块修改

This commit is contained in:
shixiaoman
2021-12-06 14:01:02 +08:00
parent 77f31ce301
commit 1b58bd132a
15 changed files with 82 additions and 99 deletions

View File

@@ -7,13 +7,14 @@
:wrapper-col="{ md: { span: 16 }, sm: { span: 24 } }"> :wrapper-col="{ md: { span: 16 }, sm: { span: 24 } }">
<a-row> <a-row>
<a-form-item label="断面名称"> <a-form-item label="断面名称">
<a-select v-model:value="where.name" allowClear showSearch> <a-select allow-clear mode="multiple" placeholder="请选择断面名称" v-model:value="where.name">
<a-select-option v-for="item in sectionInfo" :key="item.stationName">{{ item.stationName }} <a-select-option v-for="item in sectionInfo" :key="item.stationName" :value="item.stationName">
{{ item.stationName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="月份:"> <a-form-item label="时间:">
<a-month-picker v-model:value="where.time" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.time" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-form-item label="类型:" style="width:100px"> <a-form-item label="类型:" style="width:100px">
<a-select v-model:value="where.type" allowClear showSearch> <a-select v-model:value="where.type" allowClear showSearch>

View File

@@ -7,21 +7,17 @@
:wrapper-col="{ md: { span: 16 }, sm: { span: 24 } }"> :wrapper-col="{ md: { span: 16 }, sm: { span: 24 } }">
<a-row> <a-row>
<a-form-item label="断面名称"> <a-form-item label="断面名称">
<a-select v-model:value="where.name" allowClear showSearch> <a-select allow-clear mode="multiple" placeholder="请选择断面名称" v-model:value="where.name">
<a-select-option v-for="item in sectionInfo" :key="item.stationName">{{ item.stationName }} <a-select-option v-for="item in sectionInfo" :key="item.stationName" :value="item.stationName">
{{ item.stationName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<!-- <a-form-item label="年份:"> <a-form-item label="时间:">
<a-date-picker valueFormat="YYYY" v-model:value="where.year"></a-date-picker>
</a-form-item>
<a-form-item label="月份:">
<a-date-picker valueFormat="MM" v-model:value="where.month"></a-date-picker>
</a-form-item> -->
<a-form-item label="月份:">
<a-month-picker <a-month-picker
v-model:value="where.time" v-model:value="where.time"
:disabled-date="disabledDate" :disabled-date="disabledDate"
valueFormat="YYYY-MM"
/> />
</a-form-item> </a-form-item>
<a-form-item label="类型:" style="width:100px"> <a-form-item label="类型:" style="width:100px">

View File

@@ -245,7 +245,7 @@
console.log('判断222' + resp.data.data); console.log('判断222' + resp.data.data);
if (resp.data.data == "true") { if (resp.data.data == "true") {
Modal.confirm({ Modal.confirm({
title: resp.data.msg + '有重复数据,确认是否覆盖?', title: '有重复数据,确认是否覆盖?',
onOk() { onOk() {
tasks.push( tasks.push(
saveRiverBill({ saveRiverBill({
@@ -376,7 +376,7 @@
if (resp.data.code == 0) { if (resp.data.code == 0) {
if (resp.data.data == "true") { if (resp.data.data == "true") {
Modal.confirm({ Modal.confirm({
title: resp.data.msg + '有重复数据,确认是否覆盖?', title: '有重复数据,确认是否覆盖?',
onOk() { onOk() {
tasks.push( tasks.push(
saveWaterFunctionAreaBill({ saveWaterFunctionAreaBill({
@@ -442,7 +442,7 @@
console.log('判断222' + resp.data.data); console.log('判断222' + resp.data.data);
if (resp.data.data == "true") { if (resp.data.data == "true") {
Modal.confirm({ Modal.confirm({
title: resp.data.msg + '有重复数据,确认是否覆盖?', title:'有重复数据,确认是否覆盖?',
onOk() { onOk() {
tasks.push( tasks.push(
saveRiverStationBill({ saveRiverStationBill({
@@ -570,7 +570,7 @@
if (resp.data.code == 0) { if (resp.data.code == 0) {
if (resp.data.data == "true") { if (resp.data.data == "true") {
Modal.confirm({ Modal.confirm({
title: resp.data.msg + '有重复数据,确认是否覆盖?', title:'有重复数据,确认是否覆盖?',
onOk() { onOk() {
tasks.push( tasks.push(
saveRiverSiteBill({ saveRiverSiteBill({

View File

@@ -214,6 +214,8 @@
title: "断面类别", title: "断面类别",
dataIndex: "sectionGenre", dataIndex: "sectionGenre",
sorter: true, sorter: true,
customRender:({text})=> text == "1"?"国控断面":text == "2"?"省控断面":text == "3"?"市控断面":text == "4"?"水环境功能区监控断面":text == "5"?"重点流域断面":""
}, },
{ {
title: "水质目标", title: "水质目标",

View File

@@ -33,10 +33,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="开始时间:"> <a-form-item label="开始时间:">
<a-month-picker v-model:value="where.startTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-form-item label="结束时间:"> <a-form-item label="结束时间:">
<a-month-picker v-model:value="where.endTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">

View File

@@ -32,17 +32,12 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<!-- <a-form-item label="年份:">
<a-date-picker valueFormat="YYYY" v-model:value="where.year"></a-date-picker>
</a-form-item>
<a-form-item label="月份:">
<a-date-picker valueFormat="MM" v-model:value="where.month"></a-date-picker>
</a-form-item> -->
<a-form-item label="开始时间:"> <a-form-item label="开始时间:">
<a-month-picker v-model:value="where.startTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-form-item label="结束时间:"> <a-form-item label="结束时间:">
<a-month-picker v-model:value="where.endTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">

View File

@@ -32,17 +32,11 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<!-- <a-form-item label="年份:">
<a-date-picker valueFormat="YYYY" v-model:value="where.year"></a-date-picker>
</a-form-item>
<a-form-item label="月份:">
<a-date-picker valueFormat="MM" v-model:value="where.month"></a-date-picker>
</a-form-item> -->
<a-form-item label="开始时间:"> <a-form-item label="开始时间:">
<a-month-picker v-model:value="where.startTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-form-item label="结束时间:"> <a-form-item label="结束时间:">
<a-month-picker v-model:value="where.endTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">

View File

@@ -32,17 +32,12 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<!-- <a-form-item label="年份:">
<a-date-picker valueFormat="YYYY" v-model:value="where.year"></a-date-picker>
</a-form-item>
<a-form-item label="月份:">
<a-date-picker valueFormat="MM" v-model:value="where.month"></a-date-picker>
</a-form-item> -->
<a-form-item label="开始时间:"> <a-form-item label="开始时间:">
<a-month-picker v-model:value="where.startTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-form-item label="结束时间:"> <a-form-item label="结束时间:">
<a-month-picker v-model:value="where.endTime" :disabled-date="disabledDate" /> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime" :disabled-date="disabledDate" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">

View File

@@ -3,41 +3,24 @@
<div class="ele-body"> <div class="ele-body">
<a-card :bordered="false"> <a-card :bordered="false">
<!-- 搜索表单 --> <!-- 搜索表单 -->
<!-- <a-form :model="where" :label-col="{ md: { span: 8 }, sm: { span: 36 } }"
:wrapper-col="{ md: { span: 16 }, sm: { span: 24 } }">
<a-row>
<a-form-item label="断面名称">
<a-select v-model:value="where.sectionName" allowClear showSearch>
<a-select-option v-for="item in sectionInfo" :key="item.sectionName">{{ item.sectionName }}
</a-select-option>
</a-select>
</a-form-item>
<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-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 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> -->
<a-form :model="where" layout="inline"> <a-form :model="where" layout="inline">
<a-form-item label="起始日期:"> <a-form-item label="开始时间:">
<a-date-picker valueFormat="YYYY-MM-DD 00:00:00" v-model:value="where.timeStart"></a-date-picker> <a-month-picker
</a-form-item> v-model:value="where.startTime"
<a-form-item label="结束日期:"> :disabled-date="disabledDate"
<a-date-picker valueFormat="YYYY-MM-DD 23:59:59" v-model:value="where.timeEnd"></a-date-picker> valueFormat="YYYY-MM"
</a-form-item> placeholder="开始时间"
/>
</a-form-item>
<a-form-item label="结束时间:">
<a-month-picker
v-model:value="where.endTime"
:disabled-date="disabledDate"
valueFormat="YYYY-MM"
placeholder="结束时间"
/>
</a-form-item>
<a-form-item label="断面名称"> <a-form-item label="断面名称">
<a-select allow-clear mode="multiple" placeholder="请选择断面名称" v-model:value="where.name"> <a-select allow-clear mode="multiple" placeholder="请选择断面名称" v-model:value="where.name">
<a-select-option v-for="item in sectionInfo" :key="item.sectionName" :value="item.sectionName"> <a-select-option v-for="item in sectionInfo" :key="item.sectionName" :value="item.sectionName">
@@ -46,7 +29,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="河段名称"> <a-form-item label="河段名称">
<a-select v-model:value="where.waterBody" allowClear showSearch> <a-select v-model:value="where.riverLakeLibrary" allowClear showSearch>
<a-select-option v-for="item in waterSystemList" :key="item">{{ item }} <a-select-option v-for="item in waterSystemList" :key="item">{{ item }}
</a-select-option> </a-select-option>
</a-select> </a-select>
@@ -174,6 +157,12 @@
console.log(res.data.data) console.log(res.data.data)
this.visibleWater = true; this.visibleWater = true;
this.sectionInfo = res.data.data this.sectionInfo = res.data.data
res.data.data.forEach((m) => {
this.waterSystemList.push(m.waterBody);
this.waterBodyList.push(m.riverSystem);
})
this.waterSystemList = [...new Set(this.waterSystemList)];
this.waterBodyList = [...new Set(this.waterBodyList)];
} else { } else {
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }

View File

@@ -26,7 +26,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="查询日期:"> <a-form-item label="查询日期:">
<a-date-picker valueFormat="YYYY" v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY" v-model:value="where.startTime" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
@@ -171,7 +171,7 @@
this.visibleWater = true; this.visibleWater = true;
this.sectionInfo = res.data.data this.sectionInfo = res.data.data
res.data.data.forEach((m) => { res.data.data.forEach((m) => {
this.waterSystemList.push(m.waterBody); this.waterSystemList.push(m.riverLakeLibrary);
}) })
this.waterSystemList = [...new Set(this.waterSystemList)]; this.waterSystemList = [...new Set(this.waterSystemList)];
} else { } else {

View File

@@ -26,10 +26,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="起始日期:"> <a-form-item label="起始日期:">
<a-date-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-form-item label="结束日期:"> <a-form-item label="结束日期:">
<a-date-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
@@ -123,7 +123,7 @@
this.visibleWater = true; this.visibleWater = true;
this.sectionInfo = res.data.data this.sectionInfo = res.data.data
res.data.data.forEach((m) => { res.data.data.forEach((m) => {
this.waterSystemList.push(m.waterBody); this.waterSystemList.push(m.riverLakeLibrary);
}) })
this.waterSystemList = [...new Set(this.waterSystemList)]; this.waterSystemList = [...new Set(this.waterSystemList)];
} else { } else {

View File

@@ -26,10 +26,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="起始日期:"> <a-form-item label="起始日期:">
<a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-form-item label="结束日期:"> <a-form-item label="结束日期:">
<a-date-picker valueFormat="YYYY-MM-DD" v-model:value="where.endTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
@@ -45,7 +45,7 @@
</a-form> </a-form>
<!-- 表格 --> <!-- 表格 -->
<a-spin :spinning="loading"> <a-spin :spinning="loading">
<ele-pro-table ref="table" :datasource="url" :columns="columns" :where="where" <ele-pro-table ref="table" :datasource="datasource" :columns="columns" :where="where"
:scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)"> :scroll="{ x: 'max-content' }" @done="(d) => (data = d.data)">
</ele-pro-table> </ele-pro-table>
</a-spin> </a-spin>
@@ -56,7 +56,7 @@
<script> <script>
import { import {
autonomyWaterFunctionTotalUrl, autonomyWaterFunctionTotal,
} from "@/api/ecology/river-statis"; } from "@/api/ecology/river-statis";
import { import {
listInfo listInfo
@@ -75,7 +75,7 @@
locale, locale,
datasource: {}, datasource: {},
// 表格数据接口 // 表格数据接口
url: autonomyWaterFunctionTotalUrl, // url: autonomyWaterFunctionTotalUrl,
selection: [], selection: [],
tableColumns, tableColumns,
// 表格列配置 // 表格列配置
@@ -104,7 +104,8 @@
this.visibleWater = true; this.visibleWater = true;
this.sectionInfo = res.data.data this.sectionInfo = res.data.data
res.data.data.forEach((m) => { res.data.data.forEach((m) => {
this.waterSystemList.push(m.waterBody); this.waterSystemList.push(m.riverLakeLibrary);
console.log(this.waterSystemList);
}) })
this.waterSystemList = [...new Set(this.waterSystemList)]; this.waterSystemList = [...new Set(this.waterSystemList)];
} else { } else {
@@ -116,11 +117,21 @@
/* 刷新表格 */ /* 刷新表格 */
reload() { reload() {
this.loading = true; this.loading = true;
console.log(this.where); // console.log(this.where);
this.$refs.table.reload({ // this.$refs.table.reload({
where: this.where, // where: this.where,
}); // });
console.log(this.url); // console.log(this.url);
autonomyWaterFunctionTotal(this.where).then((res) => {
console.log(res.data.data);
if (res.data.code == 0) {
this.$message.success(res.data.msg);
this.datasource=res.data.data;
} else {
this.$message.error(res.data.msg);
}
this.loading = false;
});
this.loading = false; this.loading = false;
}, },
/* 重置搜索 */ /* 重置搜索 */

View File

@@ -26,7 +26,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="查询日期:"> <a-form-item label="查询日期:">
<a-date-picker valueFormat="YYYY" v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY" v-model:value="where.startTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
@@ -171,7 +171,7 @@
this.visibleWater = true; this.visibleWater = true;
this.sectionInfo = res.data.data this.sectionInfo = res.data.data
res.data.data.forEach((m) => { res.data.data.forEach((m) => {
this.waterSystemList.push(m.waterBody); this.waterSystemList.push(m.riverLakeLibrary);
}) })
this.waterSystemList = [...new Set(this.waterSystemList)]; this.waterSystemList = [...new Set(this.waterSystemList)];
} else { } else {

View File

@@ -26,10 +26,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="起始日期:"> <a-form-item label="起始日期:">
<a-date-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime" />
</a-form-item> </a-form-item>
<a-form-item label="结束日期:"> <a-form-item label="结束日期:">
<a-date-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime" />
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }"> <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">

View File

@@ -26,10 +26,10 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="起始日期:"> <a-form-item label="起始日期:">
<a-date-picker valueFormat="YYYY-MM-DD " v-model:value="where.startTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.startTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-form-item label="结束日期:"> <a-form-item label="结束日期:">
<a-date-picker valueFormat="YYYY-MM-DD " v-model:value="where.endTime"></a-date-picker> <a-month-picker valueFormat="YYYY-MM" v-model:value="where.endTime"></a-month-picker>
</a-form-item> </a-form-item>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="6" :md="12" :sm="24" :xs="24">