gxwebsoft/jczxw-java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
710356044
2021-11-30 14:45:46 +08:00
parent c96991618b
commit 72d9573629
17 changed files with 1612 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/views/water/drinking-water/statistic/cityDate.vue
View File

@@ -9,49 +9,59 @@
>
<a-row>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="区域等级:">
<a-select v-model:value="where.regionLevel" allowClear showSearch>
<a-select-option
v-for="(item) in regionLevelOptions"
:key="item.value"
>{{ item.label }}</a-select-option
>
<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-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-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 label="市级名称:">
<a-select v-model:value="where.city" allowClear showSearch>
<a-select-option :value="'1'">1</a-select-option>
<a-select-option :value="'2'">2</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.road" allowClear showSearch>
<a-select-option
v-for="(item) in roadOptions"
<a-form-item label="县级名称:">
<a-select
mode="tags"
:size="size"
placeholder="选择县级名称 "
style="width: 200px"
@change="handleChange"
v-model:value="where.county"
>
<!-- <a-select-option
v-for="item in sourceWaterName"
: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
>
>{{ item.label }}
</a-select-option> -->
<a-select-option :value="'1'">1</a-select-option>
<a-select-option :value="'2'">2</a-select-option>
<a-select-option :value="'3'">3</a-select-option>
<a-select-option :value="'4'">4</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-space>
@@ -74,18 +84,27 @@
:scroll="{ x: 'max-content' }"
@done="(d) => (data = d.data)"
>
<template #waterCode="{text,record}">
<span>
<template #waterCode="{ text, record }">
<span>
{{
record.reportTime==null?text="":
record.reportTime.substr(5,2)=="01" || record.reportTime.substr(5,2) == "02" ||record.reportTime.substr(5,2) == "03" ||record.reportTime.substr(5,2)=="12"
? text="K":
record.reportTime.substr(5,2)=="04" || record.reportTime.substr(5,2) == "05" ||record.reportTime.substr(5,2)=="10"||record.reportTime.substr(5,2)=="11"
? text="P":
record.reportTime.substr(5,2)=="06" || record.reportTime.substr(5,2) == "07" ||record.reportTime.substr(5,2)=="08"||record.reportTime.substr(5,2)=="09"
? text="F":text="无采样时间"
record.reportTime == null
? (text = "")
: record.reportTime.substr(5, 2) == "01" ||
record.reportTime.substr(5, 2) == "02" ||
record.reportTime.substr(5, 2) == "03" ||
record.reportTime.substr(5, 2) == "12"
? (text = "K")
: record.reportTime.substr(5, 2) == "04" ||
record.reportTime.substr(5, 2) == "05" ||
record.reportTime.substr(5, 2) == "10" ||
record.reportTime.substr(5, 2) == "11"
? (text = "P")
: record.reportTime.substr(5, 2) == "06" ||
record.reportTime.substr(5, 2) == "07" ||
record.reportTime.substr(5, 2) == "08" ||
record.reportTime.substr(5, 2) == "09"
? (text = "F")
: (text = "无采样时间")
}}
</span>
</template>
@@ -102,7 +121,6 @@ import XLSX from "xlsx";
import {
pageDrinkingWaterStatisticUrl,
// getColumnOptions
} from "@/api/ecology/drinking-water";
// import pageDictUrl from "@/api/ecology/drinking-water-dict"
import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
@@ -114,7 +132,6 @@ export default {
name: "DrinkingWaterBase",
components: {},
data() {
return {
data: [],
@@ -123,21 +140,18 @@ export default {
// 表格数据接口
url: pageDrinkingWaterStatisticUrl,
selection: [],
columns:[
// {
// title: "水期代码",
columns: [
// {
// title: "水期代码",
// dataIndex: "waterPhaseCode",
// sorter: true,
// sorter: true,
// slots:{customRender:'waterCode' }
// },
...tableColumns,
],
// 表格列配置
// palceOptions: [],
// areaOptions: [],
// roadOptions: [],
@@ -155,8 +169,8 @@ export default {
},
methods: {
JumpFieldClick(record, column) {
console.log(column.dataIndex)
},
console.log(column.dataIndex);
},
/**获取下来框数据 */
// loadOptionData() {
@@ -195,7 +209,6 @@ export default {
// },
/* 刷新表格 */
reload() {
this.$refs.table.reload({
where: this.where,
});
@@ -208,9 +221,7 @@ export default {
this.reload();
},
exportFile() {
const columns = [
...tableColumns,
];
const columns = [...tableColumns];
const arr = [];
const th = columns.map((item) => item.title);
arr.push(th);