From 77737f4e73f7267170b9b06fc73d1610c29c0661 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 12 十一月 2024 13:18:35 +0800 Subject: [PATCH] 新增 --- src/views/newSpecialWorkSystem/workTicket/wdsq/components/fireDialog.vue | 388 ++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 297 insertions(+), 91 deletions(-) diff --git a/src/views/newSpecialWorkSystem/workTicket/wdsq/components/fireDialog.vue b/src/views/newSpecialWorkSystem/workTicket/wdsq/components/fireDialog.vue index fdf1be0..9c43bdb 100644 --- a/src/views/newSpecialWorkSystem/workTicket/wdsq/components/fireDialog.vue +++ b/src/views/newSpecialWorkSystem/workTicket/wdsq/components/fireDialog.vue @@ -1,7 +1,7 @@ <template> - <div class="home-container"> - <el-dialog v-model="showDialog" title="修改申报" @close="clearFile()" width="80%" :close-on-click-modal="false"> - <el-form :model="form" label-width="180px" :rules="applyRules" ref="ruleFormRef"> +<!-- <div class="home-container">--> + <el-dialog v-model="showDialog" :title="title" @close="clearFile()" width="80%" :close-on-click-modal="false"> + <el-form :model="form" label-width="180px" :disabled="isDisabled" :rules="applyRules" ref="ruleFormRef"> <div class="homeCard"> <el-row> <el-col :span="12"> @@ -46,33 +46,21 @@ </el-row> <el-row> <el-col :span="12"> - <el-form-item label="动火方式" prop="workDetail.workMethod"> - <el-input - v-model="form.workDetail.workMethod" - :autosize="{ minRows: 1 }" - type="textarea" - placeholder="请输入动火方式" - /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="作业人" prop="operatorUids"> - <el-select v-model="form.operatorUids" filterable multiple clearable> + <el-form-item label="动火方式" prop="workDetail.methodList"> +<!-- <el-input--> +<!-- v-model="form.workDetail.workMethod"--> +<!-- :autosize="{ minRows: 1 }"--> +<!-- type="textarea"--> +<!-- placeholder="请输入动火方式"--> +<!-- />--> + <el-select v-model="form.workDetail.methodList" filterable multiple clearable> <el-option - v-for="item in lists.spList.opList" - :key="item.uid" - :label="item.realName" - :value="item.uid" + v-for="item in fireWorkList" + :key="item.id" + :label="item.name" + :value="item.name" /> </el-select> -<!-- <el-cascader style="width: 100%" v-model="form.operatorUids" :options="lists.spList.opList" :props="cas2Props" @change="singleSelect($event,'作业人')" filterable :show-all-levels="false"/>--> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="12"> - <el-form-item label="作业单位" prop="workDepId"> - <el-cascader style="width: 100%" v-model="form.workDepId" :props="depProps" :options="lists.departList" :show-all-levels="false"/> </el-form-item> </el-col> <el-col :span="12"> @@ -85,7 +73,39 @@ :value="item.uid" /> </el-select> -<!-- <el-cascader style="width: 100%" v-model="form.headUids" :options="lists.workerList" :props="casProps" @change="getStartEndIds" filterable :show-all-levels="false"/>--> + <!-- <el-cascader style="width: 100%" v-model="form.headUids" :options="lists.workerList" :props="casProps" @change="getStartEndIds" filterable :show-all-levels="false"/>--> + </el-form-item> + </el-col> + </el-row> + <el-row v-if="form.workDetail.methodList.find(i=>i == '其他')"> + <el-col :span="12"> + <el-form-item label="其他方式" prop="workDetail.other"> + <el-input + v-model="form.workDetail.other" + :autosize="{ minRows: 1 }" + type="textarea" + placeholder="请输入其他动火方式" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="作业单位" prop="workDepIds"> + <el-cascader style="width: 100%" v-model="form.workDepIds" :props="depProps" @change="getWorkerList" :options="lists.departList" :show-all-levels="false"/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="作业人" prop="operatorUids"> +<!-- <el-select v-model="form.operatorUids" filterable multiple clearable>--> +<!-- <el-option--> +<!-- v-for="item in zyList"--> +<!-- :key="item.uid"--> +<!-- :label="item.realName"--> +<!-- :value="item.uid"--> +<!-- />--> +<!-- </el-select>--> + <el-cascader style="width: 100%" v-model="form.operatorUids" :options="zyList?zyList:lists.spList.opList" :props="cas2Props" @change="singleSelect($event,'作业人')" filterable :show-all-levels="false"/> </el-form-item> </el-col> </el-row> @@ -281,8 +301,8 @@ </el-row> <el-row> <el-col :span="12"> - <el-form-item label="完工验收" prop="acceptUid"> - <el-select v-model="form.acceptUid" filterable clearable> + <el-form-item label="完工验收" prop="acceptUids"> + <el-select v-model="form.acceptUids" filterable multiple clearable> <el-option v-for="item in lists.workerList" :key="item.uid" @@ -307,29 +327,29 @@ </el-form-item> </el-col> </el-row> - <el-row> - <el-col :span="12"> - <el-form-item label="最终审批人" prop="lastApprover"> - <el-select v-model="form.lastApprover" filterable clearable> - <el-option - v-for="item in lists.workerList" - :key="item.uid" - :label="item.username" - :value="item.uid" - /> - </el-select> -<!-- <el-cascader style="width: 100%" v-model="form.lastApprover" :options="lists.workerList" :props="cas4Props" filterable :show-all-levels="false"/>--> - </el-form-item> - </el-col> - </el-row> +<!-- <el-row>--> +<!-- <el-col :span="12">--> +<!-- <el-form-item label="最终审批人" prop="lastApprover">--> +<!-- <el-select v-model="form.lastApprover" filterable clearable>--> +<!-- <el-option--> +<!-- v-for="item in lists.workerList"--> +<!-- :key="item.uid"--> +<!-- :label="item.username"--> +<!-- :value="item.uid"--> +<!-- />--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> +<!-- </el-row>--> </div> </el-form> <div class="applyBtn"> - <el-button type="primary" size="large" plain v-throttle @click="submitForm(ruleFormRef)">提交修改</el-button> + <el-button v-if="title == '修改'" type="primary" size="large" plain v-throttle @click="submitForm(ruleFormRef)">提交修改</el-button> + <el-button v-if="title == '续票'" type="primary" size="large" plain v-throttle @click="submitForm(ruleFormRef)">一键续票</el-button> </div> <work-select ref="workSelectRef" @refreshWorks="getSelected()"></work-select> </el-dialog> - </div> +<!-- </div>--> </template> <script lang="ts"> @@ -346,12 +366,17 @@ import {userApi} from "/@/api/systemManage/user"; interface stateType { form: Object, + isDisabled: boolean + title: string workLevelList: Array<any>, + fireWorkList: Array<any>, equipmentDialog: boolean, tabLoading: boolean showDialog: boolean + zyList: [] props1:{} depProps:{} + cas2Props: {} safetyMeasureBasicList: [] } export default defineComponent({ @@ -366,6 +391,9 @@ showDialog: false, equipmentDialog: false, safetyMeasureBasicList: [], + zyList: [], + isDisabled: false, + title: '修改', form: { id: null, workType: 1, @@ -378,19 +406,21 @@ headUids: [], analystUids: [], guardianUids: [], - workDepId: null, + workDepIds: [], workContent: '', workLocation: '', riskIdentification: [], involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], - acceptUid: null, + acceptUids: [], lastApprover: null, startOrEndUids: [], cameraIds: [], workDetail: { - workMethod: '' + workMethod: '', + methodList: [], + other: '' }, remark: '' }, @@ -408,16 +438,70 @@ value: 3 } ], + fireWorkList: [ + { + name: "电焊", + id: 1 + }, + { + name: "气割", + id: 2 + }, + { + name: "切割", + id: 3 + }, + { + name: "打磨", + id: 4 + }, + { + name: "钻孔", + id: 5 + }, + { + name: "喷灯", + id: 6 + }, + { + name: "烘烤", + id: 7 + }, + { + name: "喷砂", + id: 8 + }, + { + name: "破碎地面", + id: 9 + }, + { + name: "清洗机", + id: 10 + }, + { + name: "其他", + id: 11 + } + ], props1:{ expandTrigger: 'hover', label: 'depName', value: 'depId', emitPath: false }, + cas2Props: { + value: 'uid', + label: 'realName', + multiple: true, + checkStrictly: true, + children: 'certList' + }, depProps:{ expandTrigger: 'hover', label: 'depName', value: 'depId', + multiple: true, checkStrictly: true, emitPath: false } @@ -429,7 +513,7 @@ workContent: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], workLocation: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], operatorUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], - workDepId: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + workDepIds: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], headUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], analystUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], guardianUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], @@ -438,29 +522,77 @@ expStartTime: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], expEndTime: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], safetyMeasureUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], - acceptUid: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + acceptUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], lastApprover: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], startOrEndUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], - "workDetail.workMethod": [{ required: true, message: '该内容不能为空', trigger: 'blur' }] + "workDetail.methodList": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + "workDetail.other": [{ required: true, message: '该内容不能为空', trigger: 'blur' }] }); const workSelectRef = ref() // 页面载入时执行方法 onMounted(() => { - getBasicData() + // getBasicData() }) onUpdated(()=>{ console.log('false loading') }) + const getWorkerList = ()=>{ + let idList:Array<any> = [] + for(let i of state.form.workDepIds){ + idList = idList.concat(getListFromDep(getIdListsFormDepId(props.lists.departList,i))) + } + const depLists = [...new Set(idList)] + const filteredList = props.lists.spList.opList.filter(i => depLists.includes(i.depId)); + if(filteredList && filteredList.length>0){ + state.zyList = filteredList + }else{ + state.zyList = props.lists.spList.opList + } + } - const openDialog = (row)=>{ + const getListFromDep = (dep) =>{ + let depIds = [] + depIds.push(dep.depId) + if (Array.isArray(dep.children)) { + for (let child of dep.children) { + depIds = depIds.concat(getListFromDep(child)); + } + } + return depIds; + } + + const getIdListsFormDepId=(DepList:Array<any>,id:number)=>{ + for(const i of DepList){ + if(i.depId === id){ + return i + } + if(Array.isArray(i.children)){ + const node:any = getIdListsFormDepId(i.children,id) + if(node){ + return node + } + } + } + return null + } + const openDialog = (row,type)=>{ + clearFile() + state.zyList = props.lists.spList.opList + getBasicData() Object.keys(state.form).forEach(key => { if (row.hasOwnProperty(key)) { state.form[key] = JSON.parse(JSON.stringify(row))[key] } }) - state.form.operatorUids = row.operatorList.map(i=>i.userId) + state.form.operatorUids = row.operatorList.map(i=>{ + if(i.certExpiredAt && i.certExpiredAt !==''){ + return [i.userId,i.certificate + ',' + i.certExpiredAt] + }else{ + return [i.userId] + } + }) state.form.headUids = row.headList.map(i=>i.userId) state.form.analystUids = row.analystList.map(i=>i.userId) state.form.guardianUids = row.guardianList.map(i=>i.userId) @@ -469,15 +601,37 @@ state.form.cameraIds = row.workApprovalDeviceList.map(i=>i.deviceId) state.form.safetyMeasureUids = row.safetyMeasureList.map(i=>i.userId) state.form.approvalDepBasicList = row.approvalDepList.map((item)=>({ - content: item.content, - approvalDepBasicId: item.approvalDepBasicId, - approvalUids: item.approvalPersonList.filter(j=>j.type == 5).map(i=>i.userId), - approvalType: item.approvalType + content: item.content, + approvalDepBasicId: item.approvalDepBasicId, + approvalUids: item.approvalPersonList.filter(j=>j.type == 5).map(i=>i.userId), + approvalType: item.approvalType })) - state.form.acceptUid = row.acceptUser.userId + state.form.acceptUids = row.acceptUserList.map(i=>i.userId) state.form.startOrEndUids = row.startOrEndList.map(i=>i.userId) - state.form.lastApprover = row.lastApprover.userId - console.log(state.form,'form') + // state.form.lastApprover = row.lastApprover.userId + state.form.workDetail.methodList = state.form.workDetail.workMethod.split(',') + if(row.workDepList && row.workDepList.length>0){ + state.form.workDepIds = row.workDepList.map(i=>i.workDepId) + }else{ + state.form.workDepIds.push(row.workDepId) + } + for(let i in state.form.workDetail.methodList){ + if(!state.fireWorkList.find(item=>item.name == state.form.workDetail.methodList[i])){ + state.form.workDetail.other = state.form.workDetail.methodList[i] + state.form.workDetail.methodList[i] = '其他' + } + } + if(type == 'edit'){ + state.isDisabled = false + state.title = '修改' + }else{ + if(!state.form.id){ + state.form.id = row.workApplyId + } + state.isDisabled = true + state.title = '续票' + } + getWorkerList() state.showDialog = true } @@ -494,19 +648,21 @@ headUids: [], analystUids: [], guardianUids: [], - workDepId: null, + workDepIds: [], workContent: '', workLocation: '', riskIdentification: [], involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], - acceptUid: null, + acceptUids: [], lastApprover: null, startOrEndUids: [], cameraIds: [], workDetail: { - workMethod: '' + workMethod: '', + methodList: [], + other: '' }, remark: '' } @@ -525,6 +681,26 @@ // state.form.applyDepId = state.form.depIdList[state.form.depIdList.length - 1] // state.form.seDepId = state.form.depIdList[0] state.form.seDepId = findTopLevelId(props.lists.departList2,state.form.applyDepId) + } + + const singleSelect=(value,type)=>{ + let selected = value + if(selected.length>1){ + const temp = [] + for(let i of selected){ + const index = temp.findIndex(item => item[0] === i[0]); + if (index !== -1) { + temp[index] = i + }else{ + temp.push(i) + } + } + if(type == '作业人'){state.form.operatorUids = JSON.parse(JSON.stringify(temp))} + // if(type == '分析人'){state.form.analystUids = temp} + if(type == '监护人'){state.form.guardianUids = temp} + if(type == '确认人'){state.form.safetyMeasureUids = temp} + if(type == '结束人'){state.form.startOrEndUids = temp} + } } // 获取基础数据 @@ -584,9 +760,9 @@ return arr.map((i)=>{ return { uid: i[0], - certificate: i[1].split(',')[0], - certExpiredAt: i[1].split(',')[1], - certTypeName: i[1].split(',')[2] + certificate: i[1]?i[1].split(',')[0]:'', + certExpiredAt: i[1]?i[1].split(',')[1]:'', + certTypeName: '' } }) } @@ -628,33 +804,62 @@ // } state.form.riskIdentification = state.form.riskIdentification.join(',') const {...data} = state.form - data.operatorUids = transform2Arr(data.operatorUids) + data.workDetail.methodList = data.workDetail.methodList.map(item=>{ + if(item == '其他'){ + item = data.workDetail.other + } + return item + }) + data.workDetail.workMethod = data.workDetail.methodList.join(',') + // data.operatorUids = transform2Arr(data.operatorUids) + data.operatorUids = transformArr(data.operatorUids) data.headUids = transform2Arr(data.headUids) // data.analystUids = transformArr(data.analystUids) data.guardianUids = transform2Arr(data.guardianUids) data.safetyMeasureUids = transform2Arr(data.safetyMeasureUids) data.startOrEndUids = transform2Arr(data.startOrEndUids) - data.acceptUid = transform2EObj(data.acceptUid) + data.acceptUids = transform2Arr(data.acceptUids) data.lastApprover = transform2EObj(data.lastApprover) - const res = await workApplyApi().modFireApply(data) - if (res.data.code === '200') { - ElMessage({ - type: 'success', - message: '提交成功!' - }); - formEl.resetFields() - state.form.guardianUids = [] - state.form.involveOtherWork = [] - getBasicData() - clearFile() - context.emit('refresh') - } else { - ElMessage({ - type: 'warning', - message: res.data.msg - }) - // state.form.involveOtherWork = state.form.involveOtherWork.split(',') - state.form.riskIdentification = state.form.riskIdentification.split(',') + if(state.title == '修改'){ + const res = await workApplyApi().modFireApply(data) + if (res.data.code === '200') { + ElMessage({ + type: 'success', + message: '提交成功!' + }); + formEl.resetFields() + state.form.guardianUids = [] + state.form.involveOtherWork = [] + getBasicData() + clearFile() + context.emit('refresh') + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }) + state.form.riskIdentification = state.form.riskIdentification.split(',') + } + }else{ + const res = await workApplyApi().renewalHot(data) + if (res.data.code === '200') { + ElMessage({ + type: 'success', + message: '续票成功!' + }); + formEl.resetFields() + state.form.guardianUids = [] + state.form.involveOtherWork = [] + getBasicData() + clearFile() + context.emit('refresh') + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }) + state.form.riskIdentification = state.form.riskIdentification.split(',') + } } } else { console.log('error submit!', fields) @@ -697,11 +902,13 @@ renderMenu, getBasicData, getStartEndIds, + getWorkerList, getSafetyIds, isFirstRow, submitForm, findParent, openWorkSelect, + singleSelect, getSelected, openDialog, workSelectRef, @@ -718,7 +925,6 @@ <style scoped lang="scss"> .home-container { width: 100%; - height: 100vh; overflow: hidden; overflow-y: scroll; &::-webkit-scrollbar{ -- Gitblit v1.9.2