From 20b0ce2db27b64a60de60aee05dedd448099e330 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期一, 08 七月 2024 10:12:16 +0800 Subject: [PATCH] xiugai --- src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue | 336 +++++++++++++++++++++++++++++++++---------------------- 1 files changed, 199 insertions(+), 137 deletions(-) diff --git a/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue b/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue index 635a6f8..e5d46c7 100644 --- a/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue +++ b/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue @@ -4,8 +4,8 @@ <div class="homeCard"> <el-row> <el-col :span="12"> - <el-form-item label="作业申请单位" prop="applyDepId"> - <el-cascader style="width: 100%" v-model="form.applyDepId" :options="departList2" :props="props" :show-all-levels="false" placeholder="明确到具体车间" @change="findParent" clearable/> + <el-form-item label="作业申请单位" prop="depIdList"> + <el-cascader style="width: 100%" v-model="form.depIdList" :options="lists.departList2" :props="props1" :show-all-levels="false" placeholder="明确到具体车间" @change="findParent" clearable/> </el-form-item> </el-col> </el-row> @@ -65,9 +65,9 @@ </el-col> <el-col :span="12"> <el-form-item label="用电人" prop="workDetail.electricityUids"> - <el-select v-model="form.workDetail.electricityUids" multiple clearable> + <el-select v-model="form.workDetail.electricityUids" filterable multiple clearable> <el-option - v-for="item in workerList" + v-for="item in lists.workerList" :key="item.uid" :label="item.username" :value="item.uid" @@ -76,53 +76,53 @@ </el-form-item> </el-col> </el-row> - <el-row> - <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 spList.opList"--> -<!-- :key="item.uid"--> -<!-- :label="item.realName"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.operatorUids" :options="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="headUids"> + <el-select v-model="form.headUids" multiple filterable @change="getStartEndIds" 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.headUids" :options="lists.workerList" :props="casProps" @change="getStartEndIds" 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="departList" :show-all-levels="false"/> + <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="headUids"> -<!-- <el-select v-model="form.headUids" multiple filterable @change="getStartEndIds" clearable>--> -<!-- <el-option--> -<!-- v-for="item in workerList"--> -<!-- :key="item.uid"--> -<!-- :label="item.username"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.headUids" :options="workerList" :props="casProps" @change="getStartEndIds" filterable :show-all-levels="false"/> + <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="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="analystUids"> -<!-- <el-select v-model="form.analystUids" filterable multiple clearable>--> -<!-- <el-option--> -<!-- v-for="item in workerList"--> -<!-- :key="item.uid"--> -<!-- :label="item.username"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.analystUids" :options="workerList" :props="casProps" filterable @change="singleSelect($event,'分析人')" :show-all-levels="false"/> + <el-select v-model="form.analystUids" filterable multiple 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.analystUids" :options="lists.workerList" :props="casProps" filterable @change="singleSelect($event,'分析人')" :show-all-levels="false"/>--> </el-form-item> </el-col> <el-col :span="12" class="valueSelect"> @@ -136,7 +136,7 @@ <!-- />--> <!-- </el-select>--> <el-select v-model="form.involveOtherWork" multiple clearable :teleported="false" @click="openWorkSelect"> - <el-option v-for="item in otherWorks" :key="item.workApplyId" :label="item.workContent" :value="item.workApplyId"> + <el-option v-for="item in lists.otherWorks" :key="item.workApplyId" :label="item.workContent" :value="item.workApplyId"> </el-option> </el-select> </el-form-item> @@ -145,22 +145,22 @@ <el-row> <el-col :span="12"> <el-form-item label="监护人" prop="guardianUids"> -<!-- <el-select v-model="form.guardianUids" multiple filterable @change="getSafetyIds" clearable>--> -<!-- <el-option--> -<!-- v-for="item in spList.jhList"--> -<!-- :key="item.uid"--> -<!-- :label="item.realName"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.guardianUids" :options="spList.jhList" :props="cas3Props" filterable @change="singleSelect($event,'监护人')" :show-all-levels="false"/> + <el-select v-model="form.guardianUids" multiple filterable clearable> + <el-option + v-for="item in lists.spList.jhList" + :key="item.uid" + :label="item.realName" + :value="item.uid" + /> + </el-select> +<!-- <el-cascader style="width: 100%" v-model="form.guardianUids" :options="lists.spList.jhList" :props="cas3Props" filterable @change="singleSelect($event,'监护人')" :show-all-levels="false"/>--> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="绑定执法仪" prop="cameraIds"> - <el-select v-model="form.cameraIds" multiple clearable> + <el-select v-model="form.cameraIds" multiple filterable clearable> <el-option - v-for="item in deviceList" + v-for="item in lists.deviceList" :key="item.id" :label="item.name" :value="item.id" @@ -209,12 +209,14 @@ <el-row> <el-col :span="12"> <el-form-item label="风险辨识" prop="riskIdentification"> - <el-input - v-model="form.riskIdentification" - :autosize="{ minRows: 1 }" - type="textarea" - placeholder="请输入风险辨识" - /> + <el-select v-model="form.riskIdentification" multiple clearable> + <el-option + v-for="item in lists.riskList" + :key="item.id" + :label="item.content" + :value="item.content" + /> + </el-select> </el-form-item> </el-col> <el-col :span="12"> @@ -229,7 +231,7 @@ </el-col> </el-row> <el-row style="display: flex;justify-content: center"> - <el-table :data="safetyMeasureBasicList" style="width: 90%" border> + <el-table :data="safetyMeasureBasicList" style="width: 90%" border v-loading="tabLoading"> <el-table-column type="index" label="序号" width="100px" align="center"/> <el-table-column prop="measureContent" label="安全措施"/> <!-- <el-table-column prop="address" label="确认人">--> @@ -247,15 +249,15 @@ <el-row> <el-col :span="12"> <el-form-item label="安全措施确认人" prop="safetyMeasureUids"> -<!-- <el-select v-model="form.safetyMeasureUids" filterable multiple clearable>--> -<!-- <el-option--> -<!-- v-for="item in workerList"--> -<!-- :key="item.uid"--> -<!-- :label="item.username"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.safetyMeasureUids" :options="workerList" :props="casProps" filterable @change="singleSelect($event,'确认人')" :show-all-levels="false"/> + <el-select v-model="form.safetyMeasureUids" filterable multiple 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.safetyMeasureUids" :options="lists.workerList" :props="casProps" filterable @change="singleSelect($event,'确认人')" :show-all-levels="false"/>--> </el-form-item> </el-col> </el-row> @@ -280,11 +282,11 @@ <!-- </el-col>--> <!-- </el-row>--> <el-row style="display: flex;justify-content: center"> - <el-table :data="form.approvalDepBasicList" style="width: 90%" border> + <el-table :data="form.approvalDepBasicList" style="width: 90%" border v-loading="tabLoading"> <el-table-column prop="content" label="审批签字项目" align="center"/> <el-table-column prop="approvalType" label="是否必签" align="center"> <template #default="scope"> - <el-form-item label="" prop="acceptUid"> + <el-form-item label="" prop="acceptUid" label-width="0"> <el-radio-group v-model="scope.row.approvalType"> <el-radio :label="0">所有必签</el-radio> <el-radio :label="1">任一</el-radio> @@ -297,7 +299,7 @@ <template #default="scope"> <el-select v-model="scope.row.approvalUids" filterable multiple :disabled="isFirstRow(scope.$index)" clearable> <el-option - v-for="item in workerList" + v-for="item in lists.workerList" :key="item.uid" :label="item.username" :value="item.uid" @@ -310,35 +312,50 @@ <el-row> <el-col :span="12"> <el-form-item label="完工验收" prop="acceptUid"> -<!-- <el-select v-model="form.acceptUid" filterable clearable>--> -<!-- <el-option--> -<!-- v-for="item in workerList"--> -<!-- :key="item.uid"--> -<!-- :label="item.username"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.acceptUid" :options="workerList" :props="cas4Props" filterable :show-all-levels="false"/> + <el-select v-model="form.acceptUid" 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.acceptUid" :options="lists.workerList" :props="cas4Props" filterable :show-all-levels="false"/>--> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="现场开始结束确认人" prop="startOrEndUids"> -<!-- <el-select v-model="form.startOrEndUids" filterable multiple clearable>--> -<!-- <el-option--> -<!-- v-for="item in workerList"--> -<!-- :key="item.uid"--> -<!-- :label="item.username"--> -<!-- :value="item.uid"--> -<!-- />--> -<!-- </el-select>--> - <el-cascader style="width: 100%" v-model="form.startOrEndUids" :options="workerList" :props="casProps" filterable @change="singleSelect($event,'结束人')" :show-all-levels="false"/> + <el-select v-model="form.startOrEndUids" filterable multiple 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.startOrEndUids" :options="lists.workerList" :props="casProps" filterable @change="singleSelect($event,'结束人')" :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-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> </div> </el-form> <div class="applyBtn"> - <el-button type="primary" size="large" plain @click="submitForm(ruleFormRef)">提交申报</el-button> + <el-button type="primary" size="large" plain v-throttle @click="submitForm(ruleFormRef)">提交申报</el-button> </div> <work-select ref="workSelectRef" @refreshWorks="getSelected()"></work-select> </div> @@ -359,27 +376,32 @@ interface stateType { form: Object, equipmentDialog: boolean, - props:{}, + zyList: [] + props1:{}, depProps:{}, casProps:{} cas2Props: {} cas3Props: {} cas4Props: {} safetyMeasureBasicList: [] + tabLoading: boolean } export default defineComponent({ name: 'powerForm', components: {workSelect}, - props:['departList','departList2','workerList','deviceList','otherWorks','spList'], + props:['lists'], setup(props: any, context: any) { const userInfo = useUserInfo() const { userInfos } = storeToRefs(userInfo); const state = reactive<stateType>({ + tabLoading: false, equipmentDialog: false, safetyMeasureBasicList: [], + zyList: [], form: { workType: 7, workLevel: 0, + depIdList: [], applyDepId: null, seDepId: null, expStartTime: '', @@ -388,14 +410,15 @@ headUids: [], analystUids: [], guardianUids: [], - workDepId: null, + workDepIds: [], workContent: '', workLocation: '', - riskIdentification: '', + riskIdentification: [], involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], acceptUid: null, + lastApprover: null, startOrEndUids: [], cameraIds: [], workDetail: { @@ -405,20 +428,21 @@ electricityUids: [] } }, - props:{ + props1:{ expandTrigger: 'hover', label: 'depName', - value: 'depId', - emitPath: false + value: 'depId' }, depProps:{ expandTrigger: 'hover', label: 'depName', value: 'depId', + multiple: true, checkStrictly: true, emitPath: false }, casProps: { + expandTrigger: 'hover', value: 'uid', label: 'username', multiple: true, @@ -426,8 +450,8 @@ async lazyLoad(node, resolve){ const { value, level } = node let nodes = [] - if(value == 0){ - nodes = props.workerList + if(level == 0){ + nodes = props.lists.workerList }else{ let res = await userApi().getCtf({uid: value}) if(res.data.code == 200){ @@ -448,6 +472,7 @@ } }, cas2Props: { + expandTrigger: 'hover', value: 'uid', label: 'realName', multiple: true, @@ -456,8 +481,8 @@ async lazyLoad(node, resolve){ const { value, level } = node let nodes = [] - if(value == 0){ - nodes = props.spList.opList + if(level == 0){ + nodes = props.lists.spList.opList }else{ let res = await userApi().getCtf({uid: value}) if(res.data.code == 200){ @@ -478,6 +503,7 @@ } }, cas3Props: { + expandTrigger: 'hover', value: 'uid', label: 'realName', multiple: true, @@ -485,8 +511,8 @@ async lazyLoad(node, resolve){ const { value, level } = node let nodes = [] - if(value == 0){ - nodes = props.spList.jhList + if(level == 0){ + nodes = props.lists.spList.jhList }else{ let res = await userApi().getCtf({uid: value}) if(res.data.code == 200){ @@ -507,14 +533,15 @@ } }, cas4Props: { + expandTrigger: 'hover', value: 'uid', label: 'username', lazy: true, async lazyLoad(node, resolve){ const { value, level } = node let nodes = [] - if(value == 0){ - nodes = props.workerList + if(level == 0){ + nodes = props.lists.workerList }else{ let res = await userApi().getCtf({uid: value}) if(res.data.code == 200){ @@ -537,12 +564,12 @@ }); const ruleFormRef = ref<FormInstance>() const applyRules = reactive<FormRules>({ - applyDepId: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + depIdList: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], workLevel: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], 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' }], @@ -552,6 +579,7 @@ expEndTime: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], safetyMeasureUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], acceptUid: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + lastApprover: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], startOrEndUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.powerAccessPoint": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.workingVoltage": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], @@ -561,21 +589,31 @@ const workSelectRef = ref() // 页面载入时执行方法 onMounted(() => { - + state.zyList = props.lists.spList.opList + getBasicData() }); const openWorkSelect = ()=>{ workSelectRef.value.openDialog(state.form.involveOtherWork) + } + const getWorkerList = (val)=>{ + const filteredList = props.lists.spList.opList.filter(i => state.form.workDepIds.includes(i.depId)); + if(filteredList && filteredList.length>0){ + state.zyList = filteredList + }else{ + state.zyList = props.lists.spList.opList + } } const getSelected = ()=>{ state.form.involveOtherWork = workSelectRef.value.selected } const findParent = ()=>{ - state.form.seDepId = findNearestDepLevel2DepId(props.departList2,state.form.applyDepId) - console.log(state.form.seDepId,'state.form.seDepId') + state.form.applyDepId = state.form.depIdList[state.form.depIdList.length - 1] + state.form.seDepId = state.form.depIdList[0] } // 获取基础数据 const getBasicData = async ()=>{ + state.tabLoading = true const res = await workApplyApi().getFormData(7) if (res.data.code === '200') { state.safetyMeasureBasicList = JSON.parse(JSON.stringify(res.data.data.safetyMeasureBasicList)) @@ -595,24 +633,27 @@ message: res.data.msg }); } + state.tabLoading = false }; const getStartEndIds = (value)=>{ - 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) - } - } - state.form.headUids = temp - } + // 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) + // } + // } + // state.form.headUids = temp + // } + // state.form.startOrEndUids = state.form.headUids + // state.form.approvalDepBasicList[0].approvalUids = [...new Set(state.form.headUids.map((i)=>i[0]))] state.form.startOrEndUids = state.form.headUids - state.form.approvalDepBasicList[0].approvalUids = [...new Set(state.form.headUids.map((i)=>i[0]))] + state.form.approvalDepBasicList[0].approvalUids = state.form.headUids } const getSafetyIds = ()=>{ @@ -634,12 +675,23 @@ }) } - const transform2Obj = (arr: Array<any>)=>{ + const transform2Arr = (arr: Array<any>)=>{ + return arr.map((i)=>{ + return { + uid: i, + certificate: '', + certExpiredAt: '', + certTypeName: '' + } + }) + } + + const transform2Obj = (id:any)=>{ return { - uid: arr[0], - certificate: arr[1].split(',')[0], - certExpiredAt: arr[1].split(',')[1], - certTypeName: arr[1].split(',')[2] + uid: id, + certificate: '', + certExpiredAt: '', + certTypeName: '' } } @@ -656,7 +708,7 @@ } } if(type == '作业人'){state.form.operatorUids = temp} - if(type == '分析人'){state.form.analystUids = 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} @@ -680,14 +732,16 @@ // state.form.involveOtherWork = state.form.involveOtherWork.join(',') // } state.form.workDetail.electricityUids = state.form.workDetail.electricityUids.join(',') - const data = state.form - data.operatorUids = transformArr(data.operatorUids) - data.headUids = transformArr(data.headUids) - data.analystUids = transformArr(data.analystUids) - data.guardianUids = transformArr(data.guardianUids) - data.safetyMeasureUids = transformArr(data.safetyMeasureUids) - data.startOrEndUids = transformArr(data.startOrEndUids) + state.form.riskIdentification = state.form.riskIdentification.join(',') + const {depIdList,...data} = state.form + data.operatorUids = transform2Arr(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 = transform2Obj(data.acceptUid) + data.lastApprover = transform2Obj(data.lastApprover) const res = await workApplyApi().submitPowerApply(data) if (res.data.code === '200') { ElMessage({ @@ -695,6 +749,8 @@ message: '提交成功!' }); formEl.resetFields() + state.form.guardianUids = [] + state.form.involveOtherWork = [] getBasicData() } else { ElMessage({ @@ -703,9 +759,14 @@ }); // state.form.involveOtherWork = state.form.involveOtherWork.split(',') state.form.workDetail.electricityUids = state.form.workDetail.electricityUids.split(',') + state.form.riskIdentification = state.form.riskIdentification.split(',') } } else { console.log('error submit!', fields) + ElMessage({ + type: 'warning', + message: '有表单内容未完成,请再次检查完善' + }) } }) } @@ -749,6 +810,7 @@ return { renderMenu, getBasicData, + getWorkerList, getStartEndIds, getSafetyIds, isFirstRow, -- Gitblit v1.9.2