weitingdong
12 months ago
commit
55da446de2
4 changed files with 662 additions and 58 deletions
@ -0,0 +1,451 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-tabs :option="option" |
||||
@change="handleChange"></avue-tabs> |
||||
<span v-if="type.prop==='information'"> |
||||
<avue-crud :option="information_option" |
||||
v-model="information_form" |
||||
ref="information_from" |
||||
:class="frame_class"> |
||||
</avue-crud> |
||||
</span> |
||||
<span v-else-if="type.prop==='result'"> |
||||
<avue-crud :data="parameters_data" |
||||
:table-loading="loading" |
||||
:option="optionParam" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
:header-cell-class-name="headerClass" |
||||
v-model="parameters_form" |
||||
ref="crud" |
||||
@row-del="parameters_rowDel" |
||||
@row-update="parameters_rowUpdate" |
||||
@row-save="parameters_rowSave"> |
||||
</avue-crud> |
||||
</span> |
||||
<div class="container"> |
||||
<span > |
||||
<el-button type="primary" |
||||
size="large" |
||||
@click="handleFormSubmit" |
||||
v-if="addUpdateShowButton"> |
||||
确定</el-button> |
||||
</span> |
||||
</div> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getList, getDetail, add, update, remove} from "@/api/inspection/inspectiontasks"; |
||||
import {mapGetters} from "vuex"; |
||||
import {auditing, reject} from "@/api/leger/equipmentledger"; |
||||
import expUtil from "@/util/exportUtil"; |
||||
import {getToken} from "@/util/auth"; |
||||
|
||||
export default { |
||||
name: "inspectiontasksDetail", |
||||
data() { |
||||
return { |
||||
frame_class: '', |
||||
type: {}, |
||||
readonlyForm:{}, |
||||
option: { |
||||
column: [{ |
||||
label: '基本信息', |
||||
prop: 'information', |
||||
} |
||||
] |
||||
}, |
||||
information_form: {}, |
||||
information_option: { |
||||
submitBtn: false, |
||||
emptyBtn: false, |
||||
column: [ |
||||
{ |
||||
label: "任务编号", |
||||
prop: "id", |
||||
span: 6, |
||||
maxlength: 20, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入主键", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "任务名称", |
||||
prop: "taskName", |
||||
search: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入任务名称", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "场站", |
||||
prop: "station", |
||||
search: true, |
||||
dicUrl: "/api/daf-system/dict/dictionary?code=station", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey" |
||||
}, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入场站", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "任务生成日期", |
||||
prop: "taskStartDate", |
||||
search: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入任务生成日期", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "任务完成日期", |
||||
prop: "taskEndDate", |
||||
search: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入任务完成日期", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "责任人", |
||||
prop: "responsiblePerson", |
||||
search: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入责任人", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "状态", |
||||
prop: "taskStatus", |
||||
search: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入任务状态", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "取消原因", |
||||
prop: "cancelReason", |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入取消原因", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "巡检对象主键", |
||||
prop: "inspectionObjId", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入巡检对象主键", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "巡检路线主键", |
||||
prop: "inspectionRouteId", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入巡检路线主键", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "巡检计划主键", |
||||
prop: "inspectionPlanId", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入巡检计划主键", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "对象名称", |
||||
prop: "objectName", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入对象名称", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "对象类型", |
||||
prop: "objectType", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入对象类型", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "路线名称", |
||||
prop: "routeName", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入路线名称", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "路线类型", |
||||
prop: "routeType", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入路线类型", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "计划名称", |
||||
prop: "planName", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入计划名称", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "计划类型", |
||||
prop: "planType", |
||||
hide: true, |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入计划类型", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
] |
||||
}, |
||||
data: [] |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
// this.option.column = this.option.column.filter(v => { |
||||
// return this.permission['inspectiontasks_col_' + v.prop] |
||||
// }) |
||||
return { |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
delBtn: false, |
||||
editBtn: false |
||||
}; |
||||
}, |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(","); |
||||
} |
||||
}, |
||||
methods: { |
||||
rowSave(row, done, loading) { |
||||
add(row).then(() => { |
||||
done(); |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
}, error => { |
||||
window.console.log(error); |
||||
loading(); |
||||
}); |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
}); |
||||
}, |
||||
handleDetailAdd() { |
||||
this.$router.push({ |
||||
path: "/inspection/inspectiontasksDetail", |
||||
query: { |
||||
frameMode:"add" |
||||
}, |
||||
}); |
||||
}, |
||||
handleDetailSearch(row) { |
||||
debugger |
||||
this.$router.push({ |
||||
path: "/inspection/inspectiontasksDetail", |
||||
query: { |
||||
frameMode:"search", |
||||
id: row.id |
||||
}, |
||||
}); |
||||
}, |
||||
resultAdd(row) { |
||||
this.$router.push({ |
||||
path: "/inspection/inspectionresult", |
||||
query: { |
||||
frameMode:"add", |
||||
id: row.id |
||||
}, |
||||
}); |
||||
}, |
||||
handleDelete() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning("请选择至少一条数据"); |
||||
return; |
||||
} |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return remove(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
this.$refs.crud.toggleSelection(); |
||||
}); |
||||
}, |
||||
handleAction() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning("请选择至少一条数据"); |
||||
return; |
||||
} |
||||
this.$confirm("是否将选择巡检任务启动?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return Action(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
this.$refs.crud.toggleSelection(); |
||||
}); |
||||
}, |
||||
handleStop() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning("请选择至少一条数据"); |
||||
return; |
||||
} |
||||
this.$confirm("是否将选择巡检任务停止?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}) |
||||
.then(() => { |
||||
return reject(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!" |
||||
}); |
||||
this.$refs.crud.toggleSelection(); |
||||
}); |
||||
}, |
||||
handleExport() { |
||||
this.$confirm("是否导出数据?", "提示", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}).then(() => { |
||||
expUtil.excelExport(`/api/equipmentledger/export?daf-auth=${getToken()}`, this.search, ['station', 'userStatus']); |
||||
}); |
||||
}, |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then(res => { |
||||
this.form = res.data.data; |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
selectionChange(list) { |
||||
this.selectionList = list; |
||||
}, |
||||
selectionClear() { |
||||
this.selectionList = []; |
||||
this.$refs.crud.toggleSelection(); |
||||
}, |
||||
currentChange(currentPage){ |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize){ |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
this.selectionClear(); |
||||
}); |
||||
}, |
||||
headerClass() { |
||||
return 'header-class' |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
.header-class{ |
||||
background-color: #3366cc !important; |
||||
color: #FFFFFF !important; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue