From 01f3e49f3763a25ef67a4c3e5786491703a1aece Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 13 七月 2023 14:39:58 +0800 Subject: [PATCH] 特殊作业对接修改 --- src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue | 101 ++++++++++++++++++++------------------------------ 1 files changed, 41 insertions(+), 60 deletions(-) diff --git a/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue b/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue index 5e3a2a4..5bfd61f 100644 --- a/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue +++ b/src/views/newSpecialWorkSystem/workTicket/zysq/components/power.vue @@ -122,15 +122,19 @@ </el-select> </el-form-item> </el-col> - <el-col :span="12"> + <el-col :span="12" class="valueSelect"> <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-select v-model="form.involveOtherWork" multiple clearable>--> +<!-- <el-option--> +<!-- v-for="item in otherWorkList"--> +<!-- :key="item.value"--> +<!-- :label="item.label"--> +<!-- :value="item.label"--> +<!-- />--> +<!-- </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> </el-select> </el-form-item> </el-col> @@ -223,7 +227,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">--> @@ -329,6 +333,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> @@ -342,9 +347,9 @@ 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, - otherWorkList: Array<any>, equipmentDialog: boolean, props:{}, depProps:{}, @@ -352,8 +357,8 @@ } export default defineComponent({ name: 'powerForm', - components: {}, - props:['departList','departList2','workerList','deviceList'], + components: {workSelect}, + props:['departList','departList2','workerList','deviceList','otherWorks'], setup(props: any, context: any) { const userInfo = useUserInfo() const { userInfos } = storeToRefs(userInfo); @@ -375,7 +380,7 @@ workContent: '', workLocation: '', riskIdentification: '', - involveOtherWork: '', + involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], acceptUid: null, @@ -388,40 +393,6 @@ electricityUids: [] } }, - 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:{ expandTrigger: 'hover', label: 'depName', @@ -460,12 +431,17 @@ "workDetail.equipmentAndPower": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.electricityUids": [{ required: true, message: '该内容不能为空', trigger: 'blur' }] }); - + const workSelectRef = ref() // 页面载入时执行方法 onMounted(() => { }); - + 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) console.log(state.form.seDepId,'state.form.seDepId') @@ -520,9 +496,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(',') + // } state.form.workDetail.electricityUids = state.form.workDetail.electricityUids.join(',') const res = await workApplyApi().submitPowerApply(state.form) if (res.data.code === '200') { @@ -537,7 +513,7 @@ type: 'warning', message: res.data.msg }); - state.form.involveOtherWork = state.form.involveOtherWork.split(',') + // state.form.involveOtherWork = state.form.involveOtherWork.split(',') state.form.workDetail.electricityUids = state.form.workDetail.electricityUids.split(',') } } else { @@ -590,6 +566,9 @@ isFirstRow, submitForm, findParent, + openWorkSelect, + getSelected, + workSelectRef, Search, ruleFormRef, applyRules, @@ -604,9 +583,11 @@ 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; @@ -616,10 +597,6 @@ margin-bottom: 20px; } .applyBtn{ - position: fixed; - left: 0; - bottom: 0; - z-index: 999; width: 100%; background: #fff; padding: 20px 0; @@ -647,7 +624,11 @@ width: 100% !important; } } - + .valueSelect{ + ::v-deep(.el-popper){ + display: none !important; + } + } .tab-i{ margin-bottom: 15px; -- Gitblit v1.9.2