|
@ -14,12 +14,15 @@ export default { |
|
|
name: "InspectionItems", |
|
|
name: "InspectionItems", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
searchInput: "", |
|
|
paramsData: { |
|
|
controlInput: "", |
|
|
name: "", |
|
|
selectLevel: "", |
|
|
dikeName: "", |
|
|
selectType: "", |
|
|
selectLevel: "", |
|
|
|
|
|
selectType: "", |
|
|
|
|
|
}, |
|
|
dialogVisible: false, |
|
|
dialogVisible: false, |
|
|
prohibitEditing: false, |
|
|
prohibitEditing: false, |
|
|
|
|
|
dikeTypeList: [], |
|
|
personnelList: [], // 人员列表 |
|
|
personnelList: [], // 人员列表 |
|
|
patrolType: [], // 提醒周期类型 |
|
|
patrolType: [], // 提醒周期类型 |
|
|
workMonth: [], // 工作月份 |
|
|
workMonth: [], // 工作月份 |
|
@ -97,6 +100,27 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
// 获取堤防等级 |
|
|
|
|
|
resolveDikeGrad(dikeGrad) { |
|
|
|
|
|
return ( |
|
|
|
|
|
this.dikeLevel.find((v) => v.dictValue === dikeGrad)?.dictLabel || |
|
|
|
|
|
dikeGrad |
|
|
|
|
|
); |
|
|
|
|
|
}, |
|
|
|
|
|
// 获取堤防类型 |
|
|
|
|
|
resolveDikeType(dikeType) { |
|
|
|
|
|
return ( |
|
|
|
|
|
this.dikeTypeList.find((v) => v.dictValue == dikeType)?.dictLabel || |
|
|
|
|
|
dikeType |
|
|
|
|
|
); |
|
|
|
|
|
}, |
|
|
|
|
|
// 获取防治类型 |
|
|
|
|
|
resolveType(type) { |
|
|
|
|
|
console.log("type >>>>> ", type); |
|
|
|
|
|
return ( |
|
|
|
|
|
this.controlType.find((v) => v.dictValue == type)?.dictLabel || type |
|
|
|
|
|
); |
|
|
|
|
|
}, |
|
|
// 打开新增弹窗 |
|
|
// 打开新增弹窗 |
|
|
openAddDialog() { |
|
|
openAddDialog() { |
|
|
// 获取字典数据 |
|
|
// 获取字典数据 |
|
@ -217,7 +241,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 关闭dialog |
|
|
// 关闭dialog |
|
|
closeDialog(ruleForm = "ruleForm") { |
|
|
closeDialog(ruleForm = "ruleForm") { |
|
|
console.log("触发关闭dialog", ruleForm); |
|
|
|
|
|
this.$refs[ruleForm].resetFields(); |
|
|
this.$refs[ruleForm].resetFields(); |
|
|
this.ruleForm = { |
|
|
this.ruleForm = { |
|
|
dikeCode: "", |
|
|
dikeCode: "", |
|
@ -249,11 +272,16 @@ export default { |
|
|
timeView: { |
|
|
timeView: { |
|
|
timeField: "create_time", |
|
|
timeField: "create_time", |
|
|
}, |
|
|
}, |
|
|
|
|
|
name: this.paramsData.name, |
|
|
|
|
|
type: this.paramsData.type, |
|
|
|
|
|
dikeName: this.paramsData.dikeName, |
|
|
|
|
|
dikeGrad: this.paramsData.dikeGrad, |
|
|
|
|
|
dikeType: this.paramsData.dikeType, |
|
|
}, |
|
|
}, |
|
|
cv: { |
|
|
cv: { |
|
|
name: "name", |
|
|
name: "name", |
|
|
type: "like", |
|
|
type: "like", |
|
|
value: this.searchInput, |
|
|
value: this.name, |
|
|
}, |
|
|
}, |
|
|
params: { |
|
|
params: { |
|
|
orderBy: "create_time", |
|
|
orderBy: "create_time", |
|
@ -270,7 +298,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 重置搜索 |
|
|
// 重置搜索 |
|
|
resetSearch() { |
|
|
resetSearch() { |
|
|
this.searchInput = ""; |
|
|
this.name = ""; |
|
|
this.selectStatus = "2"; |
|
|
this.selectStatus = "2"; |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
@ -306,6 +334,11 @@ export default { |
|
|
// this.dikeDetailsDialog.id = res?.id || '' |
|
|
// this.dikeDetailsDialog.id = res?.id || '' |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
created() { |
|
|
|
|
|
this.getDicts("embankment_type").then((response) => { |
|
|
|
|
|
this.dikeTypeList = response.data; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
// 获取列表数据 |
|
|
// 获取列表数据 |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
@ -328,17 +361,17 @@ export default { |
|
|
<span>防治计划名称:</span> |
|
|
<span>防治计划名称:</span> |
|
|
<el-input |
|
|
<el-input |
|
|
class="search-input" |
|
|
class="search-input" |
|
|
v-model="searchInput" |
|
|
v-model="paramsData.name" |
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
/> |
|
|
/> |
|
|
<span>防治堤防:</span> |
|
|
<span>防治堤防:</span> |
|
|
<el-input |
|
|
<el-input |
|
|
class="search-input" |
|
|
class="search-input" |
|
|
v-model="controlInput" |
|
|
v-model="paramsData.dikeName" |
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
/> |
|
|
/> |
|
|
<span>堤防级别:</span> |
|
|
<span>堤防级别:</span> |
|
|
<el-select v-model="selectLevel" placeholder="请选择"> |
|
|
<el-select v-model="paramsData.dikeGrad" placeholder="请选择"> |
|
|
<el-option label="全部" value="0" /> |
|
|
<el-option label="全部" value="0" /> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="item in dikeLevel" |
|
|
v-for="item in dikeLevel" |
|
@ -348,7 +381,7 @@ export default { |
|
|
/> |
|
|
/> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<span style="margin-left: 10px">防治类型:</span> |
|
|
<span style="margin-left: 10px">防治类型:</span> |
|
|
<el-select v-model="selectType" placeholder="请选择"> |
|
|
<el-select v-model="paramsData.type" placeholder="请选择"> |
|
|
<el-option label="全部" value="3" /> |
|
|
<el-option label="全部" value="3" /> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="item in controlType" |
|
|
v-for="item in controlType" |
|
@ -373,9 +406,19 @@ export default { |
|
|
<el-table-column type="index" align="center" label="序号" width="100" /> |
|
|
<el-table-column type="index" align="center" label="序号" width="100" /> |
|
|
<el-table-column prop="name" align="center" label="防治计划名称" /> |
|
|
<el-table-column prop="name" align="center" label="防治计划名称" /> |
|
|
<el-table-column prop="dikeCode" align="center" label="堤防名称" /> |
|
|
<el-table-column prop="dikeCode" align="center" label="堤防名称" /> |
|
|
<el-table-column prop="location" align="center" label="堤防级别" /> |
|
|
<el-table-column prop="dikeGrad" align="center" label="堤防级别"> |
|
|
<el-table-column prop="content" align="center" label="堤防类型" /> |
|
|
<template #default="{ row }"> |
|
|
<el-table-column prop="type" align="center" label="防治类型" /> |
|
|
{{ resolveDikeGrad(row.dikeGrad) }} |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="dikeType" align="center" label="堤防类型"> |
|
|
|
|
|
<template #default="{ row }">{{ |
|
|
|
|
|
resolveDikeType(row.dikeType) |
|
|
|
|
|
}}</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="type" align="center" label="防治类型"> |
|
|
|
|
|
<template #default="{ row }">{{ resolveType(row.type) }}</template> |
|
|
|
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="createTime" |
|
|
prop="createTime" |
|
|
align="center" |
|
|
align="center" |
|
|