hejunjie
1 month ago
7 changed files with 898 additions and 169 deletions
@ -0,0 +1,396 @@ |
|||||
|
<template> |
||||
|
<div class="slider-right"> |
||||
|
<!-- <div class="top-title">{{ $router.currentRoute.meta.title }}</div> --> |
||||
|
<TopBackTitle></TopBackTitle> |
||||
|
<div class="table-box"> |
||||
|
<div class="form-row-title">缺陷信息</div> |
||||
|
<div class="defectInformation"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防名称：</div> |
||||
|
<div class="tc-text1">{{ form.dikeName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防巡查责任人：</div> |
||||
|
<div class="tc-text1">{{ form.createName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">巡查类别：</div> |
||||
|
<div class="tc-text1"> |
||||
|
{{getDictLabelName(form.category, "maintenanceCategory") }} |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防巡查开始/结束时间：</div> |
||||
|
<div class="tc-text1">{{ form.startDate }}/{{ form.endDate }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">巡查部位：</div> |
||||
|
<div class="tc-text1">{{ form.partsName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">问题位置：</div> |
||||
|
<div class="tc-text1">{{ form.position }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">问题等级：</div> |
||||
|
<div class="tc-text1"> |
||||
|
{{getDictLabelName(form.problemLevel, "maintenanceLevel") }} |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">具体描述：</div> |
||||
|
<div class="tc-text1">{{ form.content }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<div class="tc-text2">缺陷图片：</div> |
||||
|
<div class="tc-text1"> |
||||
|
<el-image |
||||
|
v-for="item in form.problemImages" |
||||
|
style="width: 240px; height: 135px;margin-right: 16px;" |
||||
|
:src="item" |
||||
|
:preview-src-list="form.problemImages"> |
||||
|
</el-image> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
<div class="form-row-title">养护记录</div> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="top"> |
||||
|
<el-row :gutter="48"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="维养责任人:" prop="userName"> |
||||
|
<el-input |
||||
|
disabled |
||||
|
placeholder="请输入内容" |
||||
|
v-model="form.userName"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="维养开始/结束时间：" prop="time"> |
||||
|
<el-date-picker |
||||
|
size="small" |
||||
|
class="ml-10" |
||||
|
style="width: 100%;" |
||||
|
v-model="form.time" |
||||
|
type="daterange" |
||||
|
value-format="yyyy-MM-dd HH:mm:ss" |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="维养详情：" prop="describe"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:rows="4" |
||||
|
placeholder="请输入内容" |
||||
|
maxlength="200" |
||||
|
show-word-limit |
||||
|
v-model="form.describe"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-form-item label="附件：" prop="describe"> |
||||
|
<el-image |
||||
|
v-for="item in form.images" |
||||
|
style="width: 240px; height: 135px;margin-right: 16px;" |
||||
|
:src="item.url" |
||||
|
:preview-src-list="form.images"> |
||||
|
</el-image> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:height="tableHeight" |
||||
|
:data="fileData" |
||||
|
style="margin-bottom: 16px;" |
||||
|
border |
||||
|
> |
||||
|
<el-table-column type="index" align="center" label="序号" /> |
||||
|
<el-table-column prop="name" align="center" label="附件名称" /> |
||||
|
<el-table-column prop="url" align="center" label="附件详情" /> |
||||
|
<el-table-column align="center" label="操作" fixed="right" width="168"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div style="display:flex;"> |
||||
|
<el-button disabled size="small" style="margin-right: 10px;" type="text">上传</el-button> |
||||
|
<el-button |
||||
|
style="color: red" |
||||
|
type="text" |
||||
|
size="small" |
||||
|
disabled |
||||
|
slot="reference" |
||||
|
v-hasPermi="['df:run:checking:item:delete']" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="form-row-title">验收意见</div> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right"> |
||||
|
<el-row gutter="48"> |
||||
|
<el-col span="8"> |
||||
|
<el-form-item label="复核人:" prop="operator"> |
||||
|
<el-input |
||||
|
placeholder="请输入内容" |
||||
|
v-model="form.operator"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col span="8"> |
||||
|
<el-form-item label="复核时间：" prop="approvalTime"> |
||||
|
<el-date-picker |
||||
|
size="small" |
||||
|
class="ml-10" |
||||
|
style="width: 100%;" |
||||
|
v-model="form.approvalTime" |
||||
|
type="date" |
||||
|
value-format="yyyy-MM-dd HH:mm:ss" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col span="16"> |
||||
|
<el-form-item label="复核意见：" prop="comment"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:rows="4" |
||||
|
placeholder="请输入内容" |
||||
|
maxlength="200" |
||||
|
show-word-limit |
||||
|
v-model="form.comment"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:height="tableHeight" |
||||
|
:data="tableData" |
||||
|
style="margin-bottom: 16px;" |
||||
|
border |
||||
|
> |
||||
|
<el-table-column prop="nspectionLocation" align="center" label="巡查部位" /> |
||||
|
<el-table-column prop="inspectionContent" align="center" label="检查内容" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="bottom-btns" v-if="$route.query.mode !== 'check'"> |
||||
|
<el-button type="primary" @click="handleAccept(true)" |
||||
|
>通过</el-button |
||||
|
> |
||||
|
<el-button type="danger" @click="handleAccept(false)" |
||||
|
>驳回</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
||||
|
import {calcTableHeight} from "@/mixins/calcTableHeight"; |
||||
|
import SyMixMap from "@/views/components/SyMixMap.vue"; |
||||
|
import {getRecordDetails, getRecordTraceList} from "@/api/dike"; |
||||
|
import {getV2Yh, postV2Yh, getV2ApprovalComment, gettV2Record, postV2ApprovalPassed, postV2ApprovalRejected} from "@/api/dike/patrolMaintenance"; |
||||
|
import {getDictMapData} from "@/api/system/dict/data"; |
||||
|
import {mapGetters} from "vuex"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
SyMixMap, |
||||
|
TopBackTitle, |
||||
|
}, |
||||
|
mixins: [calcTableHeight], |
||||
|
data() { |
||||
|
return { |
||||
|
entries: {}, |
||||
|
traceList: [], |
||||
|
fileData: [], |
||||
|
maintenanceCategory: [], |
||||
|
maintenanceLevel: [], |
||||
|
tableData: [{ |
||||
|
nspectionLocation: '堤坡与戗台', |
||||
|
inspectionContent: '是否坚实平整', |
||||
|
}], |
||||
|
form: { |
||||
|
images: '', |
||||
|
createName: '', |
||||
|
userName: '', |
||||
|
dikeName: '', |
||||
|
category: '', |
||||
|
parts: '', |
||||
|
partsName: '', |
||||
|
content: '', |
||||
|
describe: '', |
||||
|
position: '', |
||||
|
problemImages: '', |
||||
|
problemLevel: '', |
||||
|
createUid: '', |
||||
|
dikeCode: '', |
||||
|
dikeType: '', |
||||
|
type: '', |
||||
|
time: [], |
||||
|
scope: '', |
||||
|
}, |
||||
|
rules: { |
||||
|
userName: [{required: true}], |
||||
|
projectName: [{required: true}], |
||||
|
dikeName: [{required: true}], |
||||
|
inspectionCategory: [{required: true}], |
||||
|
time: [{required: true}], |
||||
|
describe: [{required: true}], |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getDicts("patrol_maintenance_category").then((response) => { |
||||
|
this.maintenanceCategory = response.data; |
||||
|
}); |
||||
|
this.getDicts("patrol_maintenance_level").then((response) => { |
||||
|
this.maintenanceLevel = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData() |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters({ |
||||
|
userId: "uid", |
||||
|
userName: "name", |
||||
|
}), |
||||
|
}, |
||||
|
methods: { |
||||
|
async initData() { |
||||
|
const checking = await gettV2Record(this.$route.query.recordId) |
||||
|
console.log('checking',checking) |
||||
|
console.log('checking',this.userName) |
||||
|
this.form.createName = checking.data.createName |
||||
|
this.form.userName = this.userName |
||||
|
this.form.userId = this.userId |
||||
|
this.form.dikeName = checking.data.dikeName |
||||
|
this.form.checkingId = checking.data.checkingId |
||||
|
this.form.checkingName = checking.data.checkingName |
||||
|
this.form.status = checking.data.status |
||||
|
this.form.problems = checking.data.problems |
||||
|
this.form.category = checking.data.category |
||||
|
this.form.createUid = checking.data.createUid |
||||
|
this.form.dikeCode = checking.data.dikeCode |
||||
|
this.form.dikeType = checking.data.dikeType |
||||
|
this.form.type = checking.data.type |
||||
|
this.form.startDate = checking.data.startDate |
||||
|
this.form.endDate = checking.data.endDate |
||||
|
console.log(checking) |
||||
|
checking.data.problems.forEach(item => { |
||||
|
if(item.id === this.$route.query.defectId) { |
||||
|
this.form.content = item.content |
||||
|
this.form.position = item.position |
||||
|
this.form.parts = item.parts |
||||
|
getDictMapData("df_xs_c_classfy").then((res) => { |
||||
|
let parts = '' |
||||
|
item.parts.forEach((part) => { |
||||
|
if (parts) { |
||||
|
parts = parts + ':' + part |
||||
|
} else { |
||||
|
parts = part |
||||
|
} |
||||
|
}) |
||||
|
this.form.partsName = res.data[parts] |
||||
|
}) |
||||
|
this.form.problemLevel = item.problemLevel |
||||
|
this.form.problemImages = item.problemImages |
||||
|
} |
||||
|
}) |
||||
|
const Yh = await getV2Yh(this.$route.query.id) |
||||
|
console.log(ApprovalComment) |
||||
|
this.form.time[0] = Yh.data.startDate |
||||
|
this.form.time[1] = Yh.data.endDate |
||||
|
this.form.describe = Yh.data.content |
||||
|
this.form.time = [...this.form.time] |
||||
|
this.form.images = Yh.data.doc.images |
||||
|
this.fileData = Yh.data.doc.docs |
||||
|
if (this.$route.query.id) { |
||||
|
const ApprovalComment = await getV2ApprovalComment(this.$route.query.fromId) |
||||
|
this.form.approvalTime = ApprovalComment.data.approvalTime |
||||
|
this.form.comment = ApprovalComment.data.comment |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getDictLabelName(type, dictListName) { |
||||
|
if (!this[dictListName]) return ""; |
||||
|
return ( |
||||
|
this[dictListName].find((item) => item.dictValue === type)?.dictLabel || |
||||
|
"" |
||||
|
); |
||||
|
}, |
||||
|
handleAccept(type) { |
||||
|
const data = { |
||||
|
approvalTime: this.form.approvalTime, |
||||
|
comment: this.form.comment, |
||||
|
formId: this.form.formId, |
||||
|
id: this.form.id, |
||||
|
status: this.form.status, |
||||
|
submitTime: this.form.submitTime, |
||||
|
detail: { |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
console.log(data) |
||||
|
// if (type) { |
||||
|
// postV2ApprovalPassed(data, id).then(res => { |
||||
|
// this.$message.success('通过成功') |
||||
|
// this.$router.go(-1) |
||||
|
// }) |
||||
|
// } else { |
||||
|
// postV2ApprovalRejected(data, id).then(res => { |
||||
|
// this.$message.success('驳回成功') |
||||
|
// this.$router.go(-1) |
||||
|
// }) |
||||
|
// } |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss"> |
||||
|
.table-box { |
||||
|
width: 100%; |
||||
|
height: calc(100% - 50px - 24px); |
||||
|
margin-top: 24px; |
||||
|
padding: 16px; |
||||
|
padding-bottom: 80px; |
||||
|
background-color: white; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.form-row-title { |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
margin-bottom: 16px; |
||||
|
border-left: 4px solid #36b29e; |
||||
|
padding-left: 8px; |
||||
|
} |
||||
|
.row-item { |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
line-height: 22px; |
||||
|
margin-bottom: 16px; |
||||
|
& > div { |
||||
|
width: 50%; |
||||
|
} |
||||
|
} |
||||
|
.defectInformation { |
||||
|
.el-row { |
||||
|
margin-bottom: 16px; |
||||
|
.el-col { |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,446 @@ |
|||||
|
<template> |
||||
|
<div class="slider-right"> |
||||
|
<!-- <div class="top-title">{{ $router.currentRoute.meta.title }}</div> --> |
||||
|
<TopBackTitle></TopBackTitle> |
||||
|
<div class="table-box"> |
||||
|
<div class="form-row-title">缺陷信息</div> |
||||
|
<div class="defectInformation"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防名称：</div> |
||||
|
<div class="tc-text1">{{ form.dikeName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防巡查责任人：</div> |
||||
|
<div class="tc-text1">{{ form.createName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">巡查类别：</div> |
||||
|
<div class="tc-text1"> |
||||
|
{{getDictLabelName(form.category, "maintenanceCategory") }} |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">堤防巡查开始/结束时间：</div> |
||||
|
<div class="tc-text1">{{ form.startDate }}/{{ form.endDate }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">巡查部位：</div> |
||||
|
<div class="tc-text1">{{ form.partsName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">问题位置：</div> |
||||
|
<div class="tc-text1">{{ form.position }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">问题等级：</div> |
||||
|
<div class="tc-text1"> |
||||
|
{{getDictLabelName(form.problemLevel, "maintenanceLevel") }} |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="tc-text2">具体描述：</div> |
||||
|
<div class="tc-text1">{{ form.content }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<div class="tc-text2">缺陷图片：</div> |
||||
|
<div class="tc-text1"> |
||||
|
<el-image |
||||
|
v-for="item in form.problemImages" |
||||
|
style="width: 240px; height: 135px;margin-right: 16px;" |
||||
|
:src="item" |
||||
|
:preview-src-list="form.problemImages"> |
||||
|
</el-image> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
<div class="form-row-title">养护记录</div> |
||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="top"> |
||||
|
<el-row :gutter="48"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="维养责任人:" prop="userName"> |
||||
|
<el-input |
||||
|
disabled |
||||
|
placeholder="请输入内容" |
||||
|
v-model="form.userName"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="维养开始/结束时间：" prop="time"> |
||||
|
<el-date-picker |
||||
|
size="small" |
||||
|
class="ml-10" |
||||
|
style="width: 100%;" |
||||
|
v-model="form.time" |
||||
|
type="daterange" |
||||
|
:disabled="$route.query.mode === 'check'" |
||||
|
value-format="yyyy-MM-dd HH:mm:ss" |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="维养详情：" prop="describe"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:rows="4" |
||||
|
:disabled="$route.query.mode === 'check'" |
||||
|
placeholder="请输入内容" |
||||
|
maxlength="200" |
||||
|
show-word-limit |
||||
|
v-model="form.describe"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-form-item label="附件：" prop="images"> |
||||
|
<el-upload |
||||
|
class="" |
||||
|
action="#" |
||||
|
:http-request="handleUploadProject1" |
||||
|
:before-upload="beforeUploadProject1" |
||||
|
:show-file-list="false" |
||||
|
accept=".png,.jpg,.jpeg" |
||||
|
> |
||||
|
<el-button :disabled="$route.query.mode === 'check'" size="small" style="margin-bottom: 16px;" type="primary">上传</el-button> |
||||
|
</el-upload> |
||||
|
<el-image |
||||
|
v-for="item in form.images" |
||||
|
style="width: 240px; height: 135px;margin-right: 16px;" |
||||
|
:src="item.url" |
||||
|
:preview-src-list="form.images"> |
||||
|
</el-image> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-table |
||||
|
:height="tableHeight" |
||||
|
:data="fileData" |
||||
|
style="margin-bottom: 16px;" |
||||
|
border |
||||
|
> |
||||
|
<el-table-column type="index" align="center" label="序号" /> |
||||
|
<el-table-column prop="name" align="center" label="附件名称" /> |
||||
|
<el-table-column prop="url" align="center" label="附件详情" /> |
||||
|
<el-table-column align="center" label="操作" fixed="right" width="168"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div style="display:flex;"> |
||||
|
<el-upload |
||||
|
class="" |
||||
|
action="#" |
||||
|
:http-request="(e) => {handleUploadProject(e, scope.row)}" |
||||
|
:before-upload="(e) => {beforeUploadProject(e, scope.row)}" |
||||
|
:show-file-list="false" |
||||
|
accept=".png,.jpg,.jpeg" |
||||
|
> |
||||
|
<el-button :disabled="$route.query.mode === 'check'" size="small" style="margin-right: 10px;" type="text">上传</el-button> |
||||
|
</el-upload> |
||||
|
<el-popconfirm |
||||
|
confirm-button-text="确定" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-info" |
||||
|
icon-color="red" |
||||
|
title="确定删除吗？" |
||||
|
@confirm="deleteTableItem(scope.row)" |
||||
|
> |
||||
|
<el-button |
||||
|
style="color: red" |
||||
|
type="text" |
||||
|
size="small" |
||||
|
:disabled="$route.query.mode === 'check'" |
||||
|
slot="reference" |
||||
|
v-hasPermi="['df:run:checking:item:delete']" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</el-popconfirm> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="bottom-btns" v-if="$route.query.mode !== 'check'"> |
||||
|
<el-button type="primary" @click="handleSave(true)" |
||||
|
>保存并提交</el-button |
||||
|
> |
||||
|
<el-button type="primary" @click="handleSave(false)" |
||||
|
>保存</el-button |
||||
|
> |
||||
|
<el-button @click="$router.go(-1)">返回</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
||||
|
import { calcTableHeight } from "@/mixins/calcTableHeight"; |
||||
|
import SyMixMap from "@/views/components/SyMixMap.vue"; |
||||
|
import { uploadFileData } from "@/api/system/upload"; |
||||
|
import { getV2Yh, postV2Yh, gettV2Record } from "@/api/dike/patrolMaintenance"; |
||||
|
import { getDictMapData } from "@/api/system/dict/data"; |
||||
|
import { mapGetters } from "vuex"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
SyMixMap, |
||||
|
TopBackTitle, |
||||
|
}, |
||||
|
mixins: [calcTableHeight], |
||||
|
data() { |
||||
|
return { |
||||
|
entries: {}, |
||||
|
traceList: [], |
||||
|
fileData: [ |
||||
|
{ |
||||
|
name: '工作票', |
||||
|
url: '' |
||||
|
}, |
||||
|
{ |
||||
|
name: '操作票', |
||||
|
url: '' |
||||
|
} |
||||
|
], |
||||
|
maintenanceCategory: [], |
||||
|
maintenanceLevel: [], |
||||
|
tableData: [{ |
||||
|
nspectionLocation: '堤坡与戗台', |
||||
|
inspectionContent: '是否坚实平整', |
||||
|
}], |
||||
|
form: { |
||||
|
images: [], |
||||
|
createName: '', |
||||
|
userName: '', |
||||
|
dikeName: '', |
||||
|
category: '', |
||||
|
parts: '', |
||||
|
partsName: '', |
||||
|
content: '', |
||||
|
describe: '', |
||||
|
position: '', |
||||
|
problemImages: '', |
||||
|
problemLevel: '', |
||||
|
createUid: '', |
||||
|
dikeCode: '', |
||||
|
dikeType: '', |
||||
|
type: '', |
||||
|
time: [], |
||||
|
scope: '', |
||||
|
}, |
||||
|
rules: { |
||||
|
userName: [{required: true}], |
||||
|
projectName: [{required: true}], |
||||
|
dikeName: [{required: true}], |
||||
|
inspectionCategory: [{required: true}], |
||||
|
time: [{required: true}], |
||||
|
describe: [{required: true}], |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getDicts("patrol_maintenance_category").then((response) => { |
||||
|
this.maintenanceCategory = response.data; |
||||
|
}); |
||||
|
this.getDicts("patrol_maintenance_level").then((response) => { |
||||
|
this.maintenanceLevel = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData() |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters({ |
||||
|
userId: "uid", |
||||
|
userName: "name", |
||||
|
}), |
||||
|
}, |
||||
|
methods: { |
||||
|
async initData() { |
||||
|
const checking = await gettV2Record(this.$route.query.recordId) |
||||
|
this.form.createName = checking.data.createName |
||||
|
this.form.userName = this.userName |
||||
|
this.form.userId = this.userId |
||||
|
this.form.dikeName = checking.data.dikeName |
||||
|
this.form.checkingId = checking.data.checkingId |
||||
|
this.form.checkingName = checking.data.checkingName |
||||
|
this.form.status = checking.data.status |
||||
|
this.form.problems = checking.data.problems |
||||
|
this.form.category = checking.data.category |
||||
|
this.form.createUid = checking.data.createUid |
||||
|
this.form.dikeCode = checking.data.dikeCode |
||||
|
this.form.dikeType = checking.data.dikeType |
||||
|
this.form.type = checking.data.type |
||||
|
this.form.startDate = checking.data.startDate |
||||
|
this.form.endDate = checking.data.endDate |
||||
|
checking.data.problems.forEach(item => { |
||||
|
if(item.id === this.$route.query.defectId) { |
||||
|
this.form.content = item.content |
||||
|
this.form.position = item.position |
||||
|
this.form.parts = item.parts |
||||
|
getDictMapData("df_xs_c_classfy").then((res) => { |
||||
|
let parts = '' |
||||
|
item.parts.forEach((part) => { |
||||
|
if (parts) { |
||||
|
parts = parts + ':' + part |
||||
|
} else { |
||||
|
parts = part |
||||
|
} |
||||
|
}) |
||||
|
this.form.partsName = res.data[parts] |
||||
|
}) |
||||
|
this.form.problemLevel = item.problemLevel |
||||
|
this.form.problemImages = item.problemImages |
||||
|
} |
||||
|
}) |
||||
|
if (this.$route.query.id) { |
||||
|
const ApprovalComment = await getV2Yh(this.$route.query.id) |
||||
|
console.log(ApprovalComment) |
||||
|
this.form.time[0] = ApprovalComment.data.startDate |
||||
|
this.form.time[1] = ApprovalComment.data.endDate |
||||
|
this.form.describe = ApprovalComment.data.content |
||||
|
this.form.time = [...this.form.time] |
||||
|
this.form.images = ApprovalComment.data.doc.images |
||||
|
this.fileData = ApprovalComment.data.doc.docs |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getDictLabelName(type, dictListName) { |
||||
|
if (!this[dictListName]) return ""; |
||||
|
return ( |
||||
|
this[dictListName].find((item) => item.dictValue === type)?.dictLabel || |
||||
|
"" |
||||
|
); |
||||
|
}, |
||||
|
// 图片上传后 |
||||
|
handleUploadProject(e, row) { |
||||
|
const { file } = e; |
||||
|
let fData = new FormData(); |
||||
|
fData.append("file", file); |
||||
|
uploadFileData(fData) |
||||
|
.then((res) => { |
||||
|
row.url = res.url; |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
console.log("err >>>>> ", err); |
||||
|
}); |
||||
|
}, |
||||
|
// 图片上传前 |
||||
|
beforeUploadProject(e, row) { |
||||
|
const { name, size } = e; |
||||
|
if (!/\.(jpg|png|jpeg)$/.test(name)) { |
||||
|
this.$message.warning("文件格式不正确"); |
||||
|
return false; |
||||
|
} |
||||
|
if (row.problemImages?.length >= 3) { |
||||
|
this.$message({ |
||||
|
message: "最多上传3份", |
||||
|
type: "warning", |
||||
|
}); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
}, |
||||
|
// 图片上传后 |
||||
|
handleUploadProject1(e, row) { |
||||
|
const { file } = e; |
||||
|
let fData = new FormData(); |
||||
|
fData.append("file", file); |
||||
|
uploadFileData(fData) |
||||
|
.then((res) => { |
||||
|
this.form.images.push({ |
||||
|
name: res.name, |
||||
|
url: res.url |
||||
|
}); |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
console.log("err >>>>> ", err); |
||||
|
}); |
||||
|
}, |
||||
|
// 图片上传前 |
||||
|
beforeUploadProject1(e, row) { |
||||
|
const { name, size } = e; |
||||
|
if (!/\.(jpg|png|jpeg)$/.test(name)) { |
||||
|
this.$message.warning("文件格式不正确"); |
||||
|
return false; |
||||
|
} |
||||
|
if (this.form.images?.length >= 3) { |
||||
|
this.$message({ |
||||
|
message: "最多上传3份", |
||||
|
type: "warning", |
||||
|
}); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
}, |
||||
|
deleteTableItem(row) { |
||||
|
row.url = '' |
||||
|
}, |
||||
|
handleSave(commit) { |
||||
|
const data = { |
||||
|
name: this.form.checkingName, |
||||
|
checkingId: this.form.checkingId, |
||||
|
content: this.form.describe, |
||||
|
dutyHolderId: this.form.userId, |
||||
|
dutyHolderName: this.form.userName, |
||||
|
issueLevel: this.form.problemLevel, |
||||
|
problemId: this.$route.query.defectId, |
||||
|
recordId: this.$route.query.recordId, |
||||
|
doc: { |
||||
|
images: this.form.images, |
||||
|
docs: this.fileData, |
||||
|
}, |
||||
|
startDate: this.form.time && this.form.time.length > 1 ? this.form.time[0] : '', |
||||
|
endDate: this.form.time && this.form.time.length > 1 ? this.form.time[1] : '', |
||||
|
} |
||||
|
console.log(data) |
||||
|
if (this.$route.query.id) { |
||||
|
data.id = this.$route.query.id |
||||
|
} |
||||
|
postV2Yh(data, commit).then(res => { |
||||
|
this.$message.success('保存成功') |
||||
|
this.$router.go(-1) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss"> |
||||
|
.table-box { |
||||
|
width: 100%; |
||||
|
height: calc(100% - 50px - 24px); |
||||
|
margin-top: 24px; |
||||
|
padding: 16px; |
||||
|
padding-bottom: 80px; |
||||
|
background-color: white; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.form-row-title { |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
margin-bottom: 16px; |
||||
|
border-left: 4px solid #36b29e; |
||||
|
padding-left: 8px; |
||||
|
} |
||||
|
.row-item { |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
line-height: 22px; |
||||
|
margin-bottom: 16px; |
||||
|
& > div { |
||||
|
width: 50%; |
||||
|
} |
||||
|
} |
||||
|
.defectInformation { |
||||
|
.el-row { |
||||
|
margin-bottom: 16px; |
||||
|
.el-col { |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue