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/broken.vue | 197 ++++++++++++++++++++++++------------------------ 1 files changed, 99 insertions(+), 98 deletions(-) diff --git a/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue b/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue index 3610826..a7ac8c6 100644 --- a/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue +++ b/src/views/newSpecialWorkSystem/workTicket/zysq/components/broken.vue @@ -56,11 +56,11 @@ </el-col> <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> @@ -70,7 +70,7 @@ <el-row> <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" filterable multiple @change="getStartEndIds" clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -82,11 +82,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> @@ -94,15 +94,19 @@ </el-col> </el-row> <el-row> - <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>--> +<!-- <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> @@ -132,10 +136,10 @@ </el-col> <el-col :span="12"> <el-form-item label="断路地段示意图" prop="workDetail.bcPath"> - <el-upload accept="image/*" :auto-upload="true" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='imgLimit' v-model:file-list="fileList" :http-request="upload" :action="uploadUrl" list-type="picture-card" :on-remove="handleRemove" :before-remove="beforeRemove" :before-upload="getUploadUrl"> + <el-upload accept="image/*" :auto-upload="true" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='imgLimit' v-model:file-list="fileList" :http-request="upload" :action="uploadUrl" list-type="picture-card" :before-remove="beforeRemove" :before-upload="getUploadUrl"> <el-icon><Plus /></el-icon> <template #tip> - <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传3张</div> + <div class="el-upload__tip">上传jpg/png图片尺寸小于2M,最多可上传3张</div> </template> </el-upload> </el-form-item> @@ -203,7 +207,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">--> @@ -219,7 +223,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" @@ -266,7 +270,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" @@ -281,7 +285,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" @@ -293,7 +297,21 @@ </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" + :label="item.username" + :value="item.uid" + /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="签字人" prop="workDetail.signUid"> + <el-select v-model="form.workDetail.signUid" filterable clearable> <el-option v-for="item in workerList" :key="item.uid" @@ -309,6 +327,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> @@ -322,11 +341,11 @@ 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"; import {UploadProps} from "element-plus/es"; import axios from "axios"; interface stateType { form: Object, - otherWorkList: Array<any>, equipmentDialog: boolean, props:{}, depProps:{}, @@ -343,8 +362,8 @@ } export default defineComponent({ name: 'brokenForm', - 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); @@ -366,7 +385,7 @@ workContent: '', workLocation: '', riskIdentification: '', - involveOtherWork: '', + involveOtherWork: [], safetyMeasureUids: [], approvalDepBasicList: [], acceptUid: null, @@ -376,43 +395,10 @@ involvedDepIds: [], bcReason: '', bcExplain: '', - bcPath: [] + bcPath: [], + signUid: null } }, - 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', @@ -450,7 +436,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' }], @@ -462,13 +447,20 @@ "workDetail.involvedDepIds": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.bcReason": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.bcExplain": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], - "workDetail.bcPath": [{ required: true, message: '该内容不能为空', trigger: 'blur' }] + "workDetail.bcPath": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + "workDetail.signUid": [{ 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') @@ -592,13 +584,13 @@ }; const getUploadUrl = async (rawFile: any) => { - const fileSize = rawFile.size / 1024 / 1024 < 5 ? '1' : '0' - if(fileSize === '0'){ + // const fileSize = rawFile.size / 1024 / 1024 < 5 ? '1' : '0' + if(rawFile.size / 1024 / 1024 > 2){ ElMessage({ type: 'warning', - message: '文件大小不能超过5M。' + message: '文件大小不能超过2M。' }); - return false + return Promise.reject(false) }else{ const res = await workApplyApi().getUpload9Url(rawFile.name); state.form.workDetail.bcPath.push(res.data.data.fileName) @@ -623,29 +615,31 @@ }; const beforeRemove = (file: {}, fileList: []) => { - const result = new Promise((resolve, reject) => { - ElMessageBox.confirm('此操作将删除该图片, 是否继续?', '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }) - .then(() => { - // console.log(state.workDetail.bcPath,'path') - const list = JSON.parse(JSON.stringify(state.form.workDetail.bcPath)) - fileList.map((item,index)=>{ - if(item.uid === file.uid){ - fileList.splice(index,1) - state.form.workDetail.bcPath.splice(index,1) - // 请求删除接口 - deletePic(false,list[index]) - } + if (file && file.status === "success") { + const result = new Promise((resolve, reject) => { + ElMessageBox.confirm('此操作将删除该图片, 是否继续?', '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }) + .then(() => { + // console.log(state.workDetail.bcPath,'path') + const list = JSON.parse(JSON.stringify(state.form.workDetail.bcPath)) + fileList.map((item, index) => { + if (item.uid === file.uid) { + fileList.splice(index, 1) + state.form.workDetail.bcPath.splice(index, 1) + // 请求删除接口 + deletePic(list[index]) + } + }) }) - }) - .catch(() => { - reject(false); - }); - }); - return result; + .catch(() => { + reject(false); + }); + }); + return result; + } }; // 删除图片接口 @@ -690,6 +684,9 @@ showTip, handlePictureCardPreview, beforeRemove, + openWorkSelect, + getSelected, + workSelectRef, Search, ruleFormRef, applyRules, @@ -704,9 +701,13 @@ 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; @@ -716,10 +717,6 @@ margin-bottom: 20px; } .applyBtn{ - position: fixed; - left: 0; - bottom: 0; - z-index: 999; width: 100%; background: #fff; padding: 20px 0; @@ -747,7 +744,11 @@ width: 100% !important; } } - + .valueSelect{ + ::v-deep(.el-popper){ + display: none !important; + } + } .tab-i{ margin-bottom: 15px; -- Gitblit v1.9.2