From a8ef7c1a4b2ab6acd91a0520e6258bd753d17f20 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 16 八月 2023 15:58:20 +0800 Subject: [PATCH] 人员证书类型 --- src/views/newSpecialWorkSystem/workTicket/zysq/components/fire.vue | 128 +++++++++++++++++------------------------- 1 files changed, 51 insertions(+), 77 deletions(-) diff --git a/src/views/newSpecialWorkSystem/workTicket/zysq/components/fire.vue b/src/views/newSpecialWorkSystem/workTicket/zysq/components/fire.vue index 24af233..008a6a7 100644 --- a/src/views/newSpecialWorkSystem/workTicket/zysq/components/fire.vue +++ b/src/views/newSpecialWorkSystem/workTicket/zysq/components/fire.vue @@ -56,11 +56,11 @@ </el-col> <el-col :span="12"> <el-form-item label="作业人及证件编号" prop="operatorUids"> - <el-select v-model="form.operatorUids" multiple clearable> + <el-select v-model="form.operatorUids" filterable multiple clearable> <el-option - v-for="item in workerList" + v-for="item in spList.opList" :key="item.uid" - :label="item.username" + :label="item.realName" :value="item.uid" /> </el-select> @@ -75,7 +75,7 @@ </el-col> <el-col :span="12"> <el-form-item label="作业负责人" prop="headUids"> - <el-select v-model="form.headUids" multiple @change="getStartEndIds" clearable> + <el-select v-model="form.headUids" multiple filterable @change="getStartEndIds" clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -89,7 +89,7 @@ <el-row> <el-col :span="12"> <el-form-item label="分析人" prop="analystUids"> - <el-select v-model="form.analystUids" multiple clearable> + <el-select v-model="form.analystUids" filterable multiple clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -99,15 +99,11 @@ </el-select> </el-form-item> </el-col> - <el-col :span="12"> - <el-form-item label="关联其他特殊作业" prop="involveOtherWork"> - <el-select v-model="form.involveOtherWork" multiple clearable> - <el-option - v-for="item in otherWorkList" - :key="item.value" - :label="item.label" - :value="item.label" - /> + <el-col :span="12" class="valueSelect"> + <el-form-item label="关联其他特殊作业"> + <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> </el-select> </el-form-item> </el-col> @@ -115,11 +111,11 @@ <el-row> <el-col :span="12"> <el-form-item label="监护人" prop="guardianUids"> - <el-select v-model="form.guardianUids" multiple @change="getSafetyIds" clearable> + <el-select v-model="form.guardianUids" filterable multiple @change="getSafetyIds" clearable> <el-option - v-for="item in workerList" + v-for="item in spList.jhList" :key="item.uid" - :label="item.username" + :label="item.realName" :value="item.uid" /> </el-select> @@ -200,7 +196,7 @@ <el-row style="display: flex;justify-content: center"> <el-table :data="safetyMeasureBasicList" style="width: 90%" border> <el-table-column type="index" label="序号" width="100px" align="center"/> - <el-table-column prop="measureContent" label="安全措施" align="center"/> + <el-table-column prop="measureContent" label="安全措施"/> <!-- <el-table-column prop="address" label="确认人">--> <!-- <template #default="scope">--> @@ -216,7 +212,7 @@ <el-row> <el-col :span="12"> <el-form-item label="安全措施确认人" prop="safetyMeasureUids"> - <el-select v-model="form.safetyMeasureUids" multiple clearable> + <el-select v-model="form.safetyMeasureUids" filterable multiple clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -263,7 +259,7 @@ </el-table-column> <el-table-column prop="approvalUids" label="审批人" align="center"> <template #default="scope"> - <el-select v-model="scope.row.approvalUids" multiple :disabled="isFirstRow(scope.$index)" clearable> + <el-select v-model="scope.row.approvalUids" filterable multiple :disabled="isFirstRow(scope.$index)" clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -278,7 +274,7 @@ <el-row> <el-col :span="12"> <el-form-item label="完工验收" prop="acceptUid"> - <el-select v-model="form.acceptUid" clearable> + <el-select v-model="form.acceptUid" filterable clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -290,7 +286,7 @@ </el-col> <el-col :span="12"> <el-form-item label="现场开始结束确认人" prop="startOrEndUids"> - <el-select v-model="form.startOrEndUids" multiple clearable> + <el-select v-model="form.startOrEndUids" filterable multiple clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -306,6 +302,7 @@ <div class="applyBtn"> <el-button type="primary" size="large" plain @click="submitForm(ruleFormRef)">提交申报</el-button> </div> + <work-select ref="workSelectRef" @refreshWorks="getSelected()"></work-select> </div> </template> @@ -319,10 +316,10 @@ import { ElMessage, ElMessageBox } from 'element-plus' import type { FormInstance, FormRules } from 'element-plus' import { workApplyApi } from '/@/api/specialWorkSystem/workApply'; + import workSelect from "/@/views/newSpecialWorkSystem/workTicket/zysq/components/workSelect.vue"; interface stateType { form: Object, workLevelList: Array<any>, - otherWorkList: Array<any>, equipmentDialog: boolean, props:{}, depProps:{}, @@ -330,8 +327,8 @@ } export default defineComponent({ name: 'fireForm', - components: {}, - props:['departList','departList2','workerList','deviceList'], + components: {workSelect}, + props:['departList','departList2','workerList','deviceList','otherWorks','spList'], setup(props: any, context: any) { const userInfo = useUserInfo() const { userInfos } = storeToRefs(userInfo); @@ -353,7 +350,7 @@ workContent: '', workLocation: '', riskIdentification: '', - involveOtherWork: '', + involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], acceptUid: null, @@ -375,40 +372,6 @@ { label: "特级动火作业", value: 3 - } - ], - otherWorkList: [ - { - label: "动火作业", - value: 1 - }, - { - label: "受限空间作业", - value: 2 - }, - { - label: "吊装作业", - value: 3 - }, - { - label: "动土作业", - value: 4 - }, - { - label: "断路作业", - value: 5 - }, - { - label: "高处作业", - value: 6 - }, - { - label: "临时用电作业", - value: 7 - }, - { - label: "盲板抽堵作业", - value: 8 } ], props:{ @@ -435,7 +398,6 @@ workDepId: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], headUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], analystUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], - involveOtherWork: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], guardianUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], riskIdentification: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], cameraIds: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], @@ -446,11 +408,20 @@ startOrEndUids: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.workMethod": [{ required: true, message: '该内容不能为空', trigger: 'blur' }] }); + const workSelectRef = ref() // 页面载入时执行方法 onMounted(() => { getBasicData() }); + + const openWorkSelect = ()=>{ + workSelectRef.value.openDialog(state.form.involveOtherWork) + } + + const getSelected = ()=>{ + state.form.involveOtherWork = workSelectRef.value.selected + } const findParent = ()=>{ state.form.seDepId = findNearestDepLevel2DepId(props.departList2,state.form.applyDepId) @@ -494,6 +465,7 @@ } const submitForm = async (formEl: FormInstance | undefined) => { + console.log(state.form.involveOtherWork,555) if (!formEl) return await formEl.validate(async (valid, fields) => { if (valid) { @@ -506,9 +478,9 @@ return } } - if(Array.isArray(state.form.involveOtherWork)){ - state.form.involveOtherWork = state.form.involveOtherWork.join(',') - } + // if(Array.isArray(state.form.involveOtherWork)){ + // state.form.involveOtherWork = state.form.involveOtherWork.join(',') + // } const res = await workApplyApi().submitFireApply(state.form) if (res.data.code === '200') { ElMessage({ @@ -522,7 +494,7 @@ type: 'warning', message: res.data.msg }); - state.form.involveOtherWork = state.form.involveOtherWork.split(',') + // state.form.involveOtherWork = state.form.involveOtherWork.split(',') } } else { console.log('error submit!', fields) @@ -532,12 +504,10 @@ const findNearestDepLevel2DepId = (data, targetDepId) => { let nearestDepId = null; - const traverseTree = (node) => { if (node.depId === targetDepId) { return true; } - if (node.children && node.children.length > 0) { for (const child of node.children) { const found = traverseTree(child); @@ -549,14 +519,11 @@ } } } - return false; }; - for (const root of data) { traverseTree(root); } - return nearestDepId; }; @@ -574,6 +541,9 @@ isFirstRow, submitForm, findParent, + openWorkSelect, + getSelected, + workSelectRef, Search, ruleFormRef, applyRules, @@ -588,9 +558,12 @@ width: 100%; height: 100vh; overflow: hidden; - position: relative; overflow-y: scroll; - padding: 0 0 120px; + &::-webkit-scrollbar{ + width: 0; + background-color: transparent; + } + .homeCard{ width: 100%; padding: 20px; @@ -598,12 +571,9 @@ background: #fff; border-radius: 4px; margin-bottom: 20px; + position: relative; } .applyBtn{ - position: fixed; - left: 0; - bottom: 0; - z-index: 999; width: 100%; background: #fff; padding: 20px 0; @@ -631,7 +601,11 @@ width: 100% !important; } } - + .valueSelect{ + ::v-deep(.el-popper){ + display: none !important; + } + } .tab-i{ margin-bottom: 15px; -- Gitblit v1.9.2