|
|
|
@ -1,179 +1,191 @@ |
|
|
|
<!-- 维修记录-堤防 --> |
|
|
|
<script> |
|
|
|
import { putDFMaintenanceRecords, deleteDFMaintenanceRecords, postDFMaintenanceRecords, postDFMaintenanceRecordsList, getDFMaintenanceRecords, getDicts, postDFMaintenancePlanList, getDFMaintenancePlan, listUser } from '@/api/management' |
|
|
|
import { |
|
|
|
putDFMaintenanceRecords, |
|
|
|
deleteDFMaintenanceRecords, |
|
|
|
postDFMaintenanceRecords, |
|
|
|
getDFMaintenanceRecords, |
|
|
|
getDicts, |
|
|
|
postDFMaintenancePlanList, |
|
|
|
getDFMaintenancePlan, |
|
|
|
listUser, |
|
|
|
} from "@/api/management"; |
|
|
|
|
|
|
|
import { getDikeYhRecordList } from "@/api/dike"; |
|
|
|
export default { |
|
|
|
name: 'InspectionItems', |
|
|
|
name: "InspectionItems", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
searchInput: '', |
|
|
|
createTimeArr: [], |
|
|
|
updateTimeArr: [], |
|
|
|
repairCostArr: ["", ""], |
|
|
|
selectStatus: "", // 选中筛选状态 |
|
|
|
searchInput: "", |
|
|
|
dialogVisible: false, |
|
|
|
prohibitEditing: false, |
|
|
|
statusList: [], // 状态列表 |
|
|
|
personnelList: [], // 用户列表 |
|
|
|
planData: { |
|
|
|
dikeCode: '', |
|
|
|
planTime: '', |
|
|
|
nationalSupplement: '', |
|
|
|
selfSupplement: '', |
|
|
|
budget: '', |
|
|
|
location: '', |
|
|
|
content: '' |
|
|
|
dikeCode: "", |
|
|
|
planTime: "", |
|
|
|
nationalSupplement: "", |
|
|
|
selfSupplement: "", |
|
|
|
budget: "", |
|
|
|
location: "", |
|
|
|
content: "", |
|
|
|
}, // 计划信息 |
|
|
|
planList: [], |
|
|
|
embankmentList: [ |
|
|
|
{ |
|
|
|
label: '堤防1', |
|
|
|
value: '1', |
|
|
|
id: '1', |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '堤防2', |
|
|
|
value: '2', |
|
|
|
id: '2', |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '堤防3', |
|
|
|
value: '3', |
|
|
|
id: '3', |
|
|
|
} |
|
|
|
], // 堤防名称列表 |
|
|
|
selectStatus: '2', // 选中筛选状态 |
|
|
|
tableData: [], // 检查列表 |
|
|
|
pageData: { |
|
|
|
pageNum: 1, // 当前页 |
|
|
|
pageSize: 10, // 请求数量 |
|
|
|
pageSizes: [10, 20, 50, 100], |
|
|
|
total: 0 // 总数量 |
|
|
|
total: 0, // 总数量 |
|
|
|
}, |
|
|
|
ruleForm: { |
|
|
|
name: '', |
|
|
|
planId: '', |
|
|
|
before: '', |
|
|
|
middle: '', |
|
|
|
after: '', |
|
|
|
name: "", |
|
|
|
planId: "", |
|
|
|
before: "", |
|
|
|
middle: "", |
|
|
|
after: "", |
|
|
|
maintenanceFunds: 0, |
|
|
|
operators: [], |
|
|
|
selectUser: [], |
|
|
|
implement: '', |
|
|
|
remark: '', |
|
|
|
implement: "", |
|
|
|
remark: "", |
|
|
|
status: 0, |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
planId: [ |
|
|
|
{ required: true, message: '请输入维养计划名称', trigger: 'blur' } |
|
|
|
{ required: false, message: "请输入维养计划名称", trigger: "blur" }, |
|
|
|
], |
|
|
|
before: [ |
|
|
|
{ required: true, message: '请输入维修养护前', trigger: 'blur' } |
|
|
|
{ required: true, message: "请输入维修养护前", trigger: "blur" }, |
|
|
|
], |
|
|
|
middle: [ |
|
|
|
{ required: true, message: '请输入维修养护过程', trigger: 'blur' } |
|
|
|
{ required: true, message: "请输入维修养护过程", trigger: "blur" }, |
|
|
|
], |
|
|
|
after: [ |
|
|
|
{ required: true, message: '请输入维修养护结束后', trigger: 'blur' } |
|
|
|
] |
|
|
|
} |
|
|
|
} |
|
|
|
{ required: true, message: "请输入维修养护结束后", trigger: "blur" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
dialogVisible(newVal, oldVal) { |
|
|
|
if (oldVal) { |
|
|
|
this.prohibitEditing = false |
|
|
|
this.prohibitEditing = false; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 删除对应维修记录 |
|
|
|
deleteTableItem(row) { |
|
|
|
deleteDFMaintenanceRecords(row.id).then((res) => { |
|
|
|
console.log('🚀res🚀', res) |
|
|
|
this.getTableData() |
|
|
|
this.$message.success('删除成功'); |
|
|
|
}) |
|
|
|
console.log("🚀res🚀", res); |
|
|
|
this.getTableData(); |
|
|
|
this.$message.success("删除成功"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 查看或编辑记录详情 |
|
|
|
viewOrEditPlanDetails(row, edit = false) { |
|
|
|
if (!edit) { |
|
|
|
this.prohibitEditing = true |
|
|
|
this.prohibitEditing = true; |
|
|
|
} |
|
|
|
getDFMaintenanceRecords(row.id).then((res) => { |
|
|
|
// 遍历用户数据让select组件渲染选项 |
|
|
|
if (res.data.operators) { |
|
|
|
this.personnelList = [] |
|
|
|
res.data.operators?.forEach(element => { |
|
|
|
this.personnelList = []; |
|
|
|
res.data.operators?.forEach((element) => { |
|
|
|
listUser({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
timeField: "create_time" |
|
|
|
timeField: "create_time", |
|
|
|
}, |
|
|
|
}, |
|
|
|
cv: { |
|
|
|
name: "nickName", |
|
|
|
type: "like", |
|
|
|
value: element.name |
|
|
|
value: element.name, |
|
|
|
}, |
|
|
|
pageSize: 10, |
|
|
|
pageNum: 1 |
|
|
|
pageNum: 1, |
|
|
|
}).then((res) => { |
|
|
|
this.personnelList.push(res.records[0]) |
|
|
|
}) |
|
|
|
this.personnelList.push(res.records[0]); |
|
|
|
}); |
|
|
|
}); |
|
|
|
if (res.data.plan) { |
|
|
|
this.planData = res.data.plan; |
|
|
|
this.planData.budget = |
|
|
|
res.data.plan.nationalSupplement + res.data.plan.selfSupplement; |
|
|
|
} |
|
|
|
} |
|
|
|
this.ruleForm = res.data |
|
|
|
this.ruleForm = res.data; |
|
|
|
// 渲染选中项 |
|
|
|
this.ruleForm.selectUser = [] |
|
|
|
res.data.operators?.forEach(element => { |
|
|
|
this.ruleForm.selectUser = []; |
|
|
|
res.data.operators?.forEach((element) => { |
|
|
|
let a = { |
|
|
|
id: element.uid, |
|
|
|
lebel: element.name |
|
|
|
} |
|
|
|
this.ruleForm.selectUser.push(a) |
|
|
|
lebel: element.name, |
|
|
|
}; |
|
|
|
this.ruleForm.selectUser.push(a); |
|
|
|
}); |
|
|
|
this.dialogVisible = true |
|
|
|
}) |
|
|
|
this.dialogVisible = true; |
|
|
|
}); |
|
|
|
}, |
|
|
|
resetForm(){ |
|
|
|
this.$refs.ruleForm.resetFields() |
|
|
|
this.dialogVisible = false |
|
|
|
// 确认记录 |
|
|
|
confirmPlanDetails(row) {}, |
|
|
|
resetForm() { |
|
|
|
this.$refs.ruleForm.resetFields(); |
|
|
|
this.dialogVisible = false; |
|
|
|
}, |
|
|
|
// 保存维修记录 |
|
|
|
submitForm(formName, confirm = false) { |
|
|
|
this.$refs[formName].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
let user = [] |
|
|
|
this.ruleForm.selectUser.forEach(element => { |
|
|
|
let user = []; |
|
|
|
this.ruleForm.selectUser?.forEach((element) => { |
|
|
|
let a = { |
|
|
|
name: element.nickName, |
|
|
|
uid: element.id |
|
|
|
} |
|
|
|
user.push(a) |
|
|
|
uid: element.id, |
|
|
|
}; |
|
|
|
user.push(a); |
|
|
|
}); |
|
|
|
console.log('🚀user🚀', user) |
|
|
|
this.ruleForm.operators = user |
|
|
|
console.log("🚀user🚀", user); |
|
|
|
this.ruleForm.operators = user; |
|
|
|
if (confirm) { |
|
|
|
this.ruleForm.status = 1 |
|
|
|
this.ruleForm.status = 1; |
|
|
|
} |
|
|
|
this.ruleForm.maintenanceFunds = Number(this.ruleForm.maintenanceFunds) |
|
|
|
this.ruleForm.maintenanceFunds = Number( |
|
|
|
this.ruleForm.maintenanceFunds |
|
|
|
); |
|
|
|
if (this.ruleForm.id) { |
|
|
|
putDFMaintenanceRecords(this.ruleForm).then(() => { |
|
|
|
this.getTableData() |
|
|
|
this.dialogVisible = false |
|
|
|
putDFMaintenanceRecords({ |
|
|
|
dikeCode: this.$route.query.dikeCode, |
|
|
|
...this.ruleForm, |
|
|
|
}).then(() => { |
|
|
|
this.getTableData(); |
|
|
|
this.dialogVisible = false; |
|
|
|
this.$message({ |
|
|
|
message: confirm ? '确认成功' : '保存成功', |
|
|
|
type: 'success' |
|
|
|
}) |
|
|
|
}) |
|
|
|
message: confirm ? "确认成功" : "保存成功", |
|
|
|
type: "success", |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
postDFMaintenanceRecords(this.ruleForm).then(() => { |
|
|
|
this.getTableData() |
|
|
|
this.dialogVisible = false |
|
|
|
postDFMaintenanceRecords({ |
|
|
|
dikeCode: this.$route.query.dikeCode, |
|
|
|
...this.ruleForm, |
|
|
|
}).then(() => { |
|
|
|
this.getTableData(); |
|
|
|
this.dialogVisible = false; |
|
|
|
this.$message({ |
|
|
|
message: confirm ? '确认成功' : '保存成功', |
|
|
|
type: 'success' |
|
|
|
}) |
|
|
|
}) |
|
|
|
message: confirm ? "确认成功" : "保存成功", |
|
|
|
type: "success", |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} else { |
|
|
|
console.log('校验不通过'); |
|
|
|
console.log("校验不通过"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -183,189 +195,321 @@ export default { |
|
|
|
postDFMaintenancePlanList({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
timeField: "create_time" |
|
|
|
timeField: "create_time", |
|
|
|
}, |
|
|
|
}, |
|
|
|
cv: { |
|
|
|
name: "name", |
|
|
|
type: "like", |
|
|
|
value |
|
|
|
value, |
|
|
|
}, |
|
|
|
pageSize: 100, |
|
|
|
pageNum: 1 |
|
|
|
pageNum: 1, |
|
|
|
}).then((res) => { |
|
|
|
if (res) { |
|
|
|
this.planList = res.records |
|
|
|
this.planList = res.records; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 改变选中计划 |
|
|
|
changeSelectPlan() { |
|
|
|
getDFMaintenancePlan(this.ruleForm.planId).then((res) => { |
|
|
|
if (res.data) { |
|
|
|
this.ruleForm.name = res.data.name |
|
|
|
this.planData = res.data |
|
|
|
this.planData.budget = res.data.nationalSupplement + res.data.selfSupplement |
|
|
|
this.ruleForm.name = res.data.name; |
|
|
|
this.planData = res.data; |
|
|
|
this.planData.budget = |
|
|
|
res.data.nationalSupplement + res.data.selfSupplement; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 搜索用户 |
|
|
|
searchUser(e) { |
|
|
|
listUser({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
timeField: "create_time" |
|
|
|
timeField: "create_time", |
|
|
|
}, |
|
|
|
}, |
|
|
|
cv: { |
|
|
|
name: "nickName", |
|
|
|
type: "like", |
|
|
|
value: e |
|
|
|
value: e, |
|
|
|
}, |
|
|
|
pageSize: 100, |
|
|
|
pageNum: 1 |
|
|
|
pageNum: 1, |
|
|
|
}).then((res) => { |
|
|
|
this.personnelList = res.records |
|
|
|
console.log('🚀用户数据🚀', res) |
|
|
|
console.log('🚀用户数据🚀', this.ruleForm.operators) |
|
|
|
}) |
|
|
|
this.personnelList = res.records; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 关闭dialog |
|
|
|
closeDialog(ruleForm = 'ruleForm') { |
|
|
|
console.log('触发关闭dialog', ruleForm); |
|
|
|
closeDialog(ruleForm = "ruleForm") { |
|
|
|
console.log("触发关闭dialog", ruleForm); |
|
|
|
this.$refs[ruleForm].resetFields(); |
|
|
|
this.ruleForm = { |
|
|
|
name: '', |
|
|
|
planId: '', |
|
|
|
before: '', |
|
|
|
middle: '', |
|
|
|
after: '', |
|
|
|
name: "", |
|
|
|
planId: "", |
|
|
|
before: "", |
|
|
|
middle: "", |
|
|
|
after: "", |
|
|
|
maintenanceFunds: 0, |
|
|
|
operators: [], |
|
|
|
implement: '', |
|
|
|
remark: '', |
|
|
|
implement: "", |
|
|
|
remark: "", |
|
|
|
status: 0, |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
// 获取数据 |
|
|
|
getTableData(value = '', status = '') { |
|
|
|
postDFMaintenanceRecordsList({ |
|
|
|
getTableData() { |
|
|
|
getDikeYhRecordList({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
timeField: "create_time" |
|
|
|
}, |
|
|
|
status: status == 2 ? '' : status |
|
|
|
startCreatedTime: this.createTimeArr[0], |
|
|
|
endCreatedTime: this.createTimeArr[1], |
|
|
|
startUpdateTime: this.updateTimeArr[0], |
|
|
|
endUpdateTime: this.updateTimeArr[1], |
|
|
|
minRepairCost: this.repairCostArr[0], |
|
|
|
maxRepairCost: this.repairCostArr[1], |
|
|
|
status: this.selectStatus, |
|
|
|
}, |
|
|
|
cv: { |
|
|
|
name: "name", |
|
|
|
type: "like", |
|
|
|
value |
|
|
|
}, |
|
|
|
pageSize: this.pageData.pageSize, |
|
|
|
pageNum: this.pageData.pageNum |
|
|
|
pageNum: this.pageData.pageNum, |
|
|
|
}).then((res) => { |
|
|
|
if (res) { |
|
|
|
this.tableData = res.records |
|
|
|
this.pageData.total = res.total |
|
|
|
this.tableData = res.records; |
|
|
|
this.pageData.total = res.total; |
|
|
|
} |
|
|
|
console.log('🚀表格数据🚀', res) |
|
|
|
}) |
|
|
|
console.log("🚀表格数据🚀", res); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 重置搜索 |
|
|
|
resetSearch() { |
|
|
|
this.searchInput = '' |
|
|
|
this.selectStatus = '2' |
|
|
|
this.getTableData() |
|
|
|
} |
|
|
|
this.createTimeArr = []; |
|
|
|
this.updateTimeArr = []; |
|
|
|
this.repairCostArr = ["", ""]; |
|
|
|
this.selectStatus = ""; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
// 拿到路由参数 |
|
|
|
if (this.$route.query.name) { |
|
|
|
this.searchInput = this.$route.query.name |
|
|
|
} |
|
|
|
// 获取列表数据 |
|
|
|
this.getTableData(this.$route.query.name || '') |
|
|
|
this.searchPlan('') |
|
|
|
this.getTableData(); |
|
|
|
this.searchPlan(""); |
|
|
|
// 获取状态字典 |
|
|
|
getDicts('xs_yh_record_status').then((res) => { |
|
|
|
getDicts("xs_yh_record_status").then((res) => { |
|
|
|
if (res.data && Array.isArray(res.data)) { |
|
|
|
this.statusList = res.data |
|
|
|
this.statusList = res.data; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<div class="slider-right"> |
|
|
|
<div class="top-title"> |
|
|
|
基础信息管理 |
|
|
|
</div> |
|
|
|
<div class="top-title">基础信息管理</div> |
|
|
|
<div class="table-box"> |
|
|
|
<div class="top-search"> |
|
|
|
<span>维养计划名称：</span> |
|
|
|
<el-input class="search-input" v-model="searchInput" placeholder="请输入维养计划名称" /> |
|
|
|
<span>状态：</span> |
|
|
|
<el-select v-model="selectStatus" placeholder="请选择"> |
|
|
|
<el-option label="全部" value="2" /> |
|
|
|
<el-option v-for="item in statusList" :label="item.dictLabel" :value="item.dictValue" |
|
|
|
:key="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
<el-button class="search-btn" type="success" @click="getTableData(searchInput, selectStatus)">搜索</el-button> |
|
|
|
<el-button @click="resetSearch()">重置</el-button> |
|
|
|
<div class="flex items-start"> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<span>创建时间：</span> |
|
|
|
<el-date-picker |
|
|
|
v-model="createTimeArr" |
|
|
|
class="w-360" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<span class="ml-30">更新时间：</span> |
|
|
|
<el-date-picker |
|
|
|
v-model="updateTimeArr" |
|
|
|
type="daterange" |
|
|
|
class="w-360" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
></el-date-picker> |
|
|
|
</div> |
|
|
|
<div class="mt-12"> |
|
|
|
<span>维修费用：</span> |
|
|
|
<el-input v-model="repairCostArr[0]" class="w-160"></el-input> |
|
|
|
<span> - </span> |
|
|
|
<el-input class="w-160" v-model="repairCostArr[1]"></el-input> |
|
|
|
<span class="ml-30">维修状态：</span> |
|
|
|
<el-select |
|
|
|
v-model="selectStatus" |
|
|
|
class="w-360" |
|
|
|
placeholder="请选择" |
|
|
|
> |
|
|
|
<el-option label="全部" value="" /> |
|
|
|
<el-option |
|
|
|
v-for="item in statusList" |
|
|
|
:label="item.dictLabel" |
|
|
|
:value="item.dictValue" |
|
|
|
:key="item.id" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-button |
|
|
|
class="search-btn !ml-24" |
|
|
|
type="success" |
|
|
|
@click="getTableData()" |
|
|
|
>搜索</el-button |
|
|
|
> |
|
|
|
<el-button @click="resetSearch()">重置</el-button> |
|
|
|
</div> |
|
|
|
<el-button |
|
|
|
class="search-btn" |
|
|
|
style="margin-right: 16px; margin-bottom: 8px" |
|
|
|
type="success" |
|
|
|
@click="dialogVisible = true" |
|
|
|
>添加</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<el-button class="search-btn" style=" margin-right: 16px;margin-bottom: 8px; float: right;" type="success" |
|
|
|
@click="dialogVisible = true">添加</el-button> |
|
|
|
<el-table class="table" height="625" :data="tableData" border> |
|
|
|
<el-table class="table" height="615" :data="tableData" border> |
|
|
|
<el-table-column type="index" align="center" label="序号" width="100" /> |
|
|
|
<el-table-column prop="name" align="center" label="维养计划名称" /> |
|
|
|
<el-table-column prop="before" align="center" label="维修养护前" /> |
|
|
|
<el-table-column prop="middle" align="center" label="维修养护过程" /> |
|
|
|
<el-table-column prop="after" align="center" label="维修养护结束后" /> |
|
|
|
<el-table-column prop="maintenanceFunds" align="center" label="维修养护费用" /> |
|
|
|
<el-table-column |
|
|
|
prop="maintenanceFunds" |
|
|
|
align="center" |
|
|
|
label="维修养护费用" |
|
|
|
/> |
|
|
|
<el-table-column prop="status" align="center" label="状态"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.status == '0'" class="is-save">已保存</span> |
|
|
|
<span v-else class="is-confirm">已确认</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="createTime" align="center" sortable label="创建时间"> |
|
|
|
<el-table-column |
|
|
|
prop="createTime" |
|
|
|
align="center" |
|
|
|
sortable |
|
|
|
label="创建时间" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="updateTime" align="center" sortable label="更新时间"> |
|
|
|
<el-table-column |
|
|
|
prop="updateTime" |
|
|
|
align="center" |
|
|
|
sortable |
|
|
|
label="更新时间" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="viewOrEditPlanDetails(scope.row)" type="text" size="small">查看</el-button> |
|
|
|
<el-button @click="viewOrEditPlanDetails(scope.row, true)" type="text" v-if="!scope.row.status" |
|
|
|
size="small">编辑</el-button> |
|
|
|
<el-popconfirm v-if="!scope.row.status" confirm-button-text='确定' cancel-button-text='取消' icon="el-icon-info" |
|
|
|
icon-color="red" title="确定删除吗？" @confirm="deleteTableItem(scope.row)"> |
|
|
|
<el-button style="color: red; margin-left: 10px;" type="text" size="small" slot="reference">删除</el-button> |
|
|
|
<el-button |
|
|
|
@click="viewOrEditPlanDetails(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
@click="viewOrEditPlanDetails(scope.row, true)" |
|
|
|
type="text" |
|
|
|
v-if="scope.row.status == '0'" |
|
|
|
size="small" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
<el-popconfirm |
|
|
|
v-if="scope.row.status == '0'" |
|
|
|
confirm-button-text="确定" |
|
|
|
cancel-button-text="取消" |
|
|
|
icon="el-icon-info" |
|
|
|
icon-color="red" |
|
|
|
title="确定确认吗？" |
|
|
|
class="ml-10" |
|
|
|
@confirm="confirmPlanDetails(scope.row)" |
|
|
|
> |
|
|
|
<el-button type="text" size="small" slot="reference" |
|
|
|
>确认</el-button |
|
|
|
> |
|
|
|
</el-popconfirm> |
|
|
|
<el-popconfirm |
|
|
|
v-if="scope.row.status == '0'" |
|
|
|
confirm-button-text="确定" |
|
|
|
cancel-button-text="取消" |
|
|
|
icon="el-icon-info" |
|
|
|
icon-color="red" |
|
|
|
title="确定删除吗？" |
|
|
|
@confirm="deleteTableItem(scope.row)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="color: red; margin-left: 10px" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
slot="reference" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination background class="pagination" style="margin-top: 16px;margin-right: 16px;float: right;" |
|
|
|
:current-page="pageData.pageNum" :page-sizes="pageData.pageSizes" layout="total, prev, pager, next, sizes, jumper" |
|
|
|
:total="pageData.total" @size-change="getTableData()"> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
class="pagination" |
|
|
|
style="margin-top: 16px; margin-right: 16px; float: right" |
|
|
|
:current-page="pageData.pageNum" |
|
|
|
:page-sizes="pageData.pageSizes" |
|
|
|
layout="total, prev, pager, next, sizes, jumper" |
|
|
|
:total="pageData.total" |
|
|
|
@size-change="getTableData()" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
<el-dialog title="新增/编辑维养计划" @close="closeDialog" :visible.sync="dialogVisible" width="720px"> |
|
|
|
<div style="display: flex; margin-bottom: 16px;"> |
|
|
|
<div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div><span |
|
|
|
style="font-weight: 600;">基础信息</span> |
|
|
|
|
|
|
|
<!-- 弹窗 --> |
|
|
|
<el-dialog |
|
|
|
title="新增/编辑维养记录" |
|
|
|
@close="closeDialog" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="720px" |
|
|
|
> |
|
|
|
<div style="display: flex; margin-bottom: 16px"> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
width: 5px; |
|
|
|
height: 16px; |
|
|
|
background-color: #31a08e; |
|
|
|
margin-right: 8px; |
|
|
|
" |
|
|
|
></div> |
|
|
|
<span style="font-weight: 600">基础信息</span> |
|
|
|
</div> |
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> |
|
|
|
<el-form-item label-width="130px" label="维养计划名称" prop="planId"> |
|
|
|
<el-select v-model="ruleForm.planId" filterable remote :remote-method="searchPlan" placeholder="请输入" |
|
|
|
@change="changeSelectPlan" :disabled="prohibitEditing"> |
|
|
|
<el-option v-for="item in planList" :key="item.id" :label="item.name" :value="item.id"> |
|
|
|
<el-select |
|
|
|
v-model="ruleForm.planId" |
|
|
|
filterable |
|
|
|
remote |
|
|
|
:remote-method="searchPlan" |
|
|
|
placeholder="请输入" |
|
|
|
@change="changeSelectPlan" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in planList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-button :disabled="true" class="ml-6" type="success" size="small">详情</el-button> |
|
|
|
<el-button :disabled="true" class="ml-6" type="success" size="small">打开地图</el-button> |
|
|
|
<el-button :disabled="true" class="!ml-10" type="success" size="small" |
|
|
|
>详情</el-button |
|
|
|
> |
|
|
|
<el-button :disabled="true" class="ml-6" type="success" size="small" |
|
|
|
>打开地图</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="display: flex"> |
|
|
|
<el-form-item label-width="130px" label="堤防名称"> |
|
|
|
<el-input v-model="planData.dikeCode" disabled /> |
|
|
|
</el-form-item> |
|
|
|
@ -374,17 +518,27 @@ export default { |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="display: flex"> |
|
|
|
<el-form-item label-width="130px" label="国补资金"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-input v-model="planData.nationalSupplement" type="number" disabled style="margin-right: 5px;" /> |
|
|
|
<div style="width: 50px;">万元</div> |
|
|
|
<div style="display: flex"> |
|
|
|
<el-input |
|
|
|
v-model="planData.nationalSupplement" |
|
|
|
type="number" |
|
|
|
disabled |
|
|
|
style="margin-right: 5px" |
|
|
|
/> |
|
|
|
<div style="width: 50px">万元</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="90px" label="自筹资金"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-input v-model="planData.selfSupplement" type="number" disabled style="margin-right: 5px;" /> |
|
|
|
<div style="width: 50px;">万元</div> |
|
|
|
<div style="display: flex"> |
|
|
|
<el-input |
|
|
|
v-model="planData.selfSupplement" |
|
|
|
type="number" |
|
|
|
disabled |
|
|
|
style="margin-right: 5px" |
|
|
|
/> |
|
|
|
<div style="width: 50px">万元</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="90px" label="项目预算"> |
|
|
|
@ -392,52 +546,135 @@ export default { |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<el-form-item label-width="130px" label="具体地点"> |
|
|
|
<el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="planData.location" |
|
|
|
disabled /> |
|
|
|
<el-input |
|
|
|
:autosize="{ minRows: 5 }" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
v-model="planData.location" |
|
|
|
disabled |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="维修养护内容"> |
|
|
|
<el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="planData.content" |
|
|
|
disabled /> |
|
|
|
<el-input |
|
|
|
:autosize="{ minRows: 5 }" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
v-model="planData.content" |
|
|
|
disabled |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<div style="display: flex; margin-bottom: 16px;"> |
|
|
|
<div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div><span |
|
|
|
style="font-weight: 600;">维修养护记录</span> |
|
|
|
<div style="display: flex; margin-bottom: 16px"> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
width: 5px; |
|
|
|
height: 16px; |
|
|
|
background-color: #31a08e; |
|
|
|
margin-right: 8px; |
|
|
|
" |
|
|
|
></div> |
|
|
|
<span style="font-weight: 600">维修养护记录</span> |
|
|
|
</div> |
|
|
|
<el-form-item label-width="130px" label="维修养护前" prop="before"> |
|
|
|
<el-input v-model="ruleForm.before" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" /> |
|
|
|
<el-input |
|
|
|
v-model="ruleForm.before" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 202px" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="维修养护过程" prop="middle"> |
|
|
|
<el-input v-model="ruleForm.middle" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" /> |
|
|
|
<el-input |
|
|
|
v-model="ruleForm.middle" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 202px" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="维修养护结束后" prop="after"> |
|
|
|
<el-input v-model="ruleForm.after" placeholder="请输入" style="width: 202px;" :disabled="prohibitEditing" /> |
|
|
|
<el-input |
|
|
|
v-model="ruleForm.after" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 202px" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="维修养护费用" prop="maintenanceFunds"> |
|
|
|
<el-input v-model="ruleForm.maintenanceFunds" placeholder="请输入" style="width: 165px;" type="number" |
|
|
|
:disabled="prohibitEditing" /> 万元 |
|
|
|
<el-form-item |
|
|
|
label-width="130px" |
|
|
|
label="维修养护费用" |
|
|
|
prop="maintenanceFunds" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-model="ruleForm.maintenanceFunds" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 165px" |
|
|
|
type="number" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
万元 |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="养护人员" prop="operators"> |
|
|
|
<!-- <el-input v-model="ruleForm.operators" placeholder="请输入" style="width: 202px;" /> --> |
|
|
|
<el-select v-model="ruleForm.selectUser" multiple filterable remote :remote-method="searchUser" value-key="id" |
|
|
|
:disabled="prohibitEditing" placeholder="请输入关键词搜索用户" prop="selectUser"> |
|
|
|
<el-option v-for="item in personnelList" :key="item.id" :label="item.nickName" :value="item"> |
|
|
|
<el-select |
|
|
|
v-model="ruleForm.selectUser" |
|
|
|
multiple |
|
|
|
filterable |
|
|
|
remote |
|
|
|
:remote-method="searchUser" |
|
|
|
value-key="id" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
placeholder="请输入关键词搜索用户" |
|
|
|
prop="selectUser" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in personnelList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.nickName" |
|
|
|
:value="item" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="落实情况" prop="implement"> |
|
|
|
<el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit |
|
|
|
v-model="ruleForm.implement" placeholder="请输入" :disabled="prohibitEditing" /> |
|
|
|
<el-input |
|
|
|
:autosize="{ minRows: 5 }" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
v-model="ruleForm.implement" |
|
|
|
placeholder="请输入" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label-width="130px" label="备注" prop="remark"> |
|
|
|
<el-input :autosize="{ minRows: 5 }" type="textarea" maxlength="500" show-word-limit v-model="ruleForm.remark" |
|
|
|
placeholder="请输入" :disabled="prohibitEditing" /> |
|
|
|
<el-input |
|
|
|
:autosize="{ minRows: 5 }" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
v-model="ruleForm.remark" |
|
|
|
placeholder="请输入" |
|
|
|
:disabled="prohibitEditing" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button size="mini" @click="resetForm('ruleForm')">取 消</el-button> |
|
|
|
<el-button v-if="!prohibitEditing" size="mini" type="primary" @click="submitForm('ruleForm')">保存</el-button> |
|
|
|
<el-button v-if="this.ruleForm.status == 0 && prohibitEditing" size="mini" type="primary" |
|
|
|
@click="submitForm('ruleForm', true)">确认</el-button> |
|
|
|
<el-button |
|
|
|
v-if="!prohibitEditing" |
|
|
|
size="mini" |
|
|
|
type="primary" |
|
|
|
@click="submitForm('ruleForm')" |
|
|
|
>保存</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="this.ruleForm.status == 0 && prohibitEditing" |
|
|
|
size="mini" |
|
|
|
type="primary" |
|
|
|
@click="submitForm('ruleForm', true)" |
|
|
|
>确认</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -462,7 +699,9 @@ export default { |
|
|
|
|
|
|
|
.top-search { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: flex-start; |
|
|
|
justify-content: space-between; |
|
|
|
width: 100% !important; |
|
|
|
margin-bottom: 8px; |
|
|
|
|
|
|
|
.search-input { |
|
|
|
@ -503,13 +742,20 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ml-6{ |
|
|
|
margin-left: 6px; |
|
|
|
.w-160 { |
|
|
|
width: 170px; |
|
|
|
} |
|
|
|
.w-240 { |
|
|
|
width: 240px; |
|
|
|
} |
|
|
|
.w-360 { |
|
|
|
width: 360px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-input__count { |
|
|
|
height: 15px; |
|
|
|
line-height: 15px; |
|
|
|
margin-right: 10px; |
|
|
|
margin-bottom: -4px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
panyuyi
1 year ago
