|
|
@ -1,18 +1,18 @@ |
|
|
|
<!-- 调度运用管理-堤防 --> |
|
|
|
<script> |
|
|
|
import {getDicts} from "@/api/management"; |
|
|
|
import { getDicts } from "@/api/management"; |
|
|
|
import { getAreasData } from "@/api/areas/index"; |
|
|
|
import { getDikeProjectList } from "@/api/dike/index"; |
|
|
|
let that |
|
|
|
import { getRunProjectList } from "@/api/dike/index"; |
|
|
|
let that; |
|
|
|
export default { |
|
|
|
name: "dike", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
searchForm: { |
|
|
|
adcdStart: '', |
|
|
|
adcdEnd: '', |
|
|
|
adcdStart: "", |
|
|
|
adcdEnd: "", |
|
|
|
dikeGrad: -1, |
|
|
|
dikeName: '' |
|
|
|
dikeName: "", |
|
|
|
}, |
|
|
|
searchInput: "", |
|
|
|
searchType: 3, |
|
|
@ -34,22 +34,22 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
that = this |
|
|
|
that = this; |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
// 过滤类型 |
|
|
|
filterembankment (price) { |
|
|
|
const data = that.embankmentType.filter((res) => res.dictValue == price) |
|
|
|
return data[0] ? data[0].dictLabel : '/' |
|
|
|
filterembankment(price) { |
|
|
|
const data = that.embankmentType.filter((res) => res.dictValue == price); |
|
|
|
return data[0] ? data[0].dictLabel : "/"; |
|
|
|
}, |
|
|
|
// 过滤区域 |
|
|
|
filterAdcd (price) { |
|
|
|
let name = '' |
|
|
|
filterAdcd(price) { |
|
|
|
let name = ""; |
|
|
|
if (that.adcdOptions.filter((res) => res.id == price)[0]) { |
|
|
|
name = that.adcdOptions.filter((res) => res.id == price)[0].name |
|
|
|
} |
|
|
|
return name |
|
|
|
name = that.adcdOptions.filter((res) => res.id == price)[0].name; |
|
|
|
} |
|
|
|
return name; |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleGoManage(row) { |
|
|
@ -73,21 +73,22 @@ export default { |
|
|
|
// 重置搜索 |
|
|
|
resetSearch() { |
|
|
|
this.pageData.pageNum = 1; |
|
|
|
if (!this.$refs['searchForm']) return |
|
|
|
this.$refs['searchForm'].resetFields() |
|
|
|
if (!this.$refs["searchForm"]) return; |
|
|
|
this.$refs["searchForm"].resetFields(); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
// 获取列表数据 |
|
|
|
getTableData() { |
|
|
|
getDikeProjectList({ |
|
|
|
getRunProjectList({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
timeField: "create_time", |
|
|
|
}, |
|
|
|
adcdStart: this.searchForm.adcdStart, |
|
|
|
adcdEnd: this.searchForm.adcdEnd, |
|
|
|
dikeGrad: this.searchForm.dikeGrad == -1 ? "" : this.searchForm.dikeGrad, |
|
|
|
dikeName: this.searchForm.dikeName |
|
|
|
dikeGrad: |
|
|
|
this.searchForm.dikeGrad == -1 ? "" : this.searchForm.dikeGrad, |
|
|
|
dikeName: this.searchForm.dikeName, |
|
|
|
}, |
|
|
|
cv: { |
|
|
|
name: "name", |
|
|
@ -105,7 +106,7 @@ export default { |
|
|
|
// 获取地区树数据 |
|
|
|
getTreeData() { |
|
|
|
getAreasData().then((items) => { |
|
|
|
this.adcdOptions = items.data |
|
|
|
this.adcdOptions = items.data; |
|
|
|
if (items?.data) { |
|
|
|
let res = []; |
|
|
|
let getChildren = (res, pid) => { |
|
|
@ -127,7 +128,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
async mounted () { |
|
|
|
async mounted() { |
|
|
|
// 获取堤防类型 |
|
|
|
getDicts("embankment_type").then((res) => { |
|
|
|
this.embankmentType = res.data; |
|
|
@ -147,7 +148,12 @@ export default { |
|
|
|
<div class="slider-right"> |
|
|
|
<div class="top-title">堤防动态监测</div> |
|
|
|
<div class="table-box"> |
|
|
|
<el-form inline :model="searchForm" ref="searchForm" class="demo-ruleForm"> |
|
|
|
<el-form |
|
|
|
inline |
|
|
|
:model="searchForm" |
|
|
|
ref="searchForm" |
|
|
|
class="demo-ruleForm" |
|
|
|
> |
|
|
|
<el-form-item label="起/终点所在地:" prop="adcd"> |
|
|
|
<el-cascader |
|
|
|
:options="areasOptions" |
|
|
@ -181,10 +187,16 @@ export default { |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="堤防名称:" prop="dikeName"> |
|
|
|
<el-input v-model="searchForm.dikeName" class="search-input" placeholder="请输入堤防名称"></el-input> |
|
|
|
<el-input |
|
|
|
v-model="searchForm.dikeName" |
|
|
|
class="search-input" |
|
|
|
placeholder="请输入堤防名称" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button class="search-btn" type="success" @click="search">查询</el-button> |
|
|
|
<el-button class="search-btn" type="success" @click="search" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button @click="resetSearch">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
@ -202,7 +214,7 @@ export default { |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="dikeLen" align="center" label="堤防长度"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.dikeLen + '米' }} |
|
|
|
{{ scope.row.dikeLen + "米" }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column align="center" label="起/终点所在地"> |
|
|
@ -211,7 +223,11 @@ export default { |
|
|
|
{{ scope.row.adcdEnd | filterAdcd }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="engineeringManagementUnit" align="center" label="管理机构"> |
|
|
|
<el-table-column |
|
|
|
prop="engineeringManagementUnit" |
|
|
|
align="center" |
|
|
|
label="管理机构" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|