From f1f40e9a28fafab5d884630b8900b11060ebe9fc Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 31 十月 2023 08:53:35 +0800 Subject: [PATCH] 修改 --- src/views/experiment/project/components/projectDialog.vue | 191 +++++++++++++++++++++++++---------------------- 1 files changed, 102 insertions(+), 89 deletions(-) diff --git a/src/views/experiment/project/components/projectDialog.vue b/src/views/experiment/project/components/projectDialog.vue index 9e234fc..a48d851 100644 --- a/src/views/experiment/project/components/projectDialog.vue +++ b/src/views/experiment/project/components/projectDialog.vue @@ -45,9 +45,17 @@ <td class="w-25 m-color required">负责人</td> <td class="w-25 m-color"> <el-form-item prop="liabilityUserId"> - <el-select style="width: 100%" disabled v-model="projectDialogState.projectForm.liabilityUserId" clearable filterable> - <el-option :key="userInfos.uid" :value="userInfos.uid" :label="userInfos.userName"></el-option> + <el-select style="width: 100%" v-model="projectDialogState.projectForm.liabilityUserId" clearable filterable @change="getLiabilityUserPhone($event)"> + <el-option + v-for="item in projectDialogState.systemPersonList" + :key="item.id" + :value="item.id" + :label="item.realName" + ></el-option> </el-select> +<!-- <el-select style="width: 100%" disabled v-model="projectDialogState.projectForm.liabilityUserId" clearable filterable>--> +<!-- <el-option :key="userInfos.uid" :value="userInfos.uid" :label="userInfos.userName"></el-option>--> +<!-- </el-select>--> </el-form-item> <!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.liabilityUserId"/>--> </td> @@ -133,8 +141,8 @@ </el-radio-group> </el-form-item> </td> - <td class="w-25 m-color required">过夜、老化保障措施</td> - <td class="w-25 m-color"> + <td class="w-25 m-color required" v-if="projectDialogState.projectForm.timeout === 1">过夜、老化保障措施</td> + <td class="w-25 m-color" v-if="projectDialogState.projectForm.timeout === 1"> <el-form-item prop="timeoutManager"> <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.timeoutManager" /> </el-form-item> @@ -150,10 +158,10 @@ </el-radio-group> </el-form-item> </td> - <td class="w-25 m-color required">封闭条件保障措施</td> - <td class="w-25 m-color"> + <td class="w-25 m-color required" v-if="projectDialogState.projectForm.closed === 1">封闭条件保障措施</td> + <td class="w-25 m-color" v-if="projectDialogState.projectForm.closed === 1"> <el-form-item prop="unclosedManager"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.unclosedManager" /> + <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.unclosedManager"/> </el-form-item> </td> </tr> @@ -200,49 +208,54 @@ <!-- <el-input v-model="projectDialogState.projectForm.systemName" placeholder="请输入" />--> <!-- </td>--> <!-- </tr>--> +<!-- <tr class="m-color b-font" style="text-align: center">应急预案/应急演练</tr>--> +<!-- <tr>--> +<!-- <td class="w-25 m-color required">有无预案</td>--> +<!-- <td class="w-25 m-color required">预案名称</td>--> +<!-- <td class="w-25 m-color required">是否演练</td>--> +<!-- <td class="w-25 m-color required">演练情况</td>--> +<!-- </tr>--> +<!-- <tr>--> +<!-- <td class="w-25 m-color">--> +<!-- <el-form-item prop="emergencyPlan">--> +<!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyPlan" />--> +<!-- </el-form-item>--> +<!-- </td>--> +<!-- <td class="w-25 m-color">--> +<!-- <el-form-item prop="emergencyPlanName">--> +<!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyPlanName" />--> +<!-- </el-form-item>--> +<!-- </td>--> +<!-- <td class="w-25 m-color">--> +<!-- <el-form-item prop="emergencyDrillStatus">--> +<!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyDrillStatus" />--> +<!-- </el-form-item>--> +<!-- </td>--> +<!-- <td class="w-25 m-color">--> +<!-- <el-form-item prop="emergencyDrill">--> +<!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyDrill" />--> +<!-- </el-form-item>--> +<!-- </td>--> +<!-- </tr>--> + <select-emergency ref="selectEmergencyRef" v-model:disabled="projectDialogState.disabled" v-model:data="projectDialogState.projectForm.emergencyList"></select-emergency> <tr> - <td class="w-25 m-color required">安全管理制度</td> - <td class="w-75 m-color"> - <el-form-item prop="safeManagerMethod"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.safeManagerMethod" placeholder="请输入" /> - </el-form-item> - </td> - </tr> - <tr class="m-color b-font" style="text-align: center">应急预案/应急演练</tr> - <tr> - <td class="w-25 m-color required">有无预案</td> - <td class="w-25 m-color required">预案名称</td> - <td class="w-25 m-color required">是否演练</td> - <td class="w-25 m-color required">演练情况</td> - </tr> - <tr> - <td class="w-25 m-color"> - <el-form-item prop="emergencyPlan"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyPlan" /> - </el-form-item> - </td> - <td class="w-25 m-color"> - <el-form-item prop="emergencyPlanName"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyPlanName" /> - </el-form-item> - </td> - <td class="w-25 m-color"> - <el-form-item prop="emergencyDrillStatus"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyDrillStatus" /> - </el-form-item> - </td> - <td class="w-25 m-color"> - <el-form-item prop="emergencyDrill"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.emergencyDrill" /> - </el-form-item> - </td> + <td class="w-25 m-color required">安全管理制度</td> + <td class="w-75 m-color"> + <el-form-item prop="safeManagerMethod"> + <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.safeManagerMethod" placeholder="请输入" /> + </el-form-item> + </td> </tr> <tr class="m-color b-font" style=" text-align: center">其他信息</tr> <tr> <td class="w-25 m-color required">实验场所是否需要分区隔断</td> <td class="w-75 m-color"> <el-form-item prop="partitionCondition"> - <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.partitionCondition" placeholder="请输入" /> +<!-- <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.partitionCondition" placeholder="请输入" />--> + <el-radio-group :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.partitionCondition"> + <el-radio :label="0">是</el-radio> + <el-radio :label="1">否</el-radio> + </el-radio-group> </el-form-item> </td> </tr> @@ -278,6 +291,7 @@ const SelectEquipment = defineAsyncComponent(() => import('./selectEquipment.vue')) const SelectMaterial = defineAsyncComponent(() => import('./selectMaterial.vue')) +const SelectEmergency = defineAsyncComponent(() => import('./selectEmergency.vue')) const SelectDanger = defineAsyncComponent(() => import('./selectDanger.vue')) const SelectPerson = defineAsyncComponent(() => import('./selectPerson.vue')) const SelectRoom = defineAsyncComponent(() => import('./selectRoom.vue')) @@ -286,6 +300,7 @@ const selectEquipmentRef = ref() const selectRoomRef = ref() const selectMaterialRef = ref() +const selectEmergencyRef = ref() const selectDangerRef = ref() const userInfo = useUserInfo(); @@ -299,7 +314,7 @@ id: null, experimentName: "", experimentType: null, - liabilityUserId: Number(userInfos.value.uid), + liabilityUserId: null, liabilityUserPhone: '', safeLiabilityUser: '', safeLiabilityUserPhone: '', @@ -316,24 +331,16 @@ explosionProof: "", fireProof: "", poisonProof: "", - hazardousWaste: null, safeManagerMethod: "", - emergencyPlan: "", - emergencyDrill: "", - emergencyPlanName: "", - emergencyDrillStatus: "", - partitionCondition: "", + emergencyList: [], + partitionCondition: null, note: "", createExperimentTime: '', - persons: [ - ], + persons: [], siteList: [], - deviceList: [ - ], - stuffList: [ - ], - hazardousWasteList: [ - ] + deviceList: [], + stuffList: [], + hazardousWasteList: [] }, projectFormRules: { experimentName: [{ required: true, message: '', trigger: 'blur' }], @@ -355,12 +362,8 @@ explosionProof: [{ required: true, message: '', trigger: 'blur' }], fireProof: [{ required: true, message: '', trigger: 'blur' }], poisonProof: [{ required: true, message: '', trigger: 'blur' }], - hazardousWaste: [{ required: true, message: '', trigger: 'blur' }], safeManagerMethod: [{ required: true, message: '', trigger: 'blur' }], - emergencyPlan: [{ required: true, message: '', trigger: 'blur' }], - emergencyDrill: [{ required: true, message: '', trigger: 'blur' }], - emergencyPlanName: [{ required: true, message: '', trigger: 'blur' }], - emergencyDrillStatus: [{ required: true, message: '', trigger: 'blur' }], + emergencyList: [{ required: true, message: '', trigger: 'blur' }], partitionCondition: [{ required: true, message: '', trigger: 'blur' }], createExperimentTime: [{ required: true, message: '', trigger: 'blur' }] }, @@ -374,10 +377,10 @@ projectDialogState.projectForm.liabilityUserPhone = data.phone } -const getSafeLiabilityUserPhone = (value: number)=>{ - const data = projectDialogState.allPersonList.find(item => item.id === value) as AllPersonListType - projectDialogState.projectForm.safeLiabilityUserPhone = data.phone -} +// const getSafeLiabilityUserPhone = (value: number)=>{ +// const data = projectDialogState.allPersonList.find(item => item.id === value) as AllPersonListType +// projectDialogState.projectForm.safeLiabilityUserPhone = data.phone +// } const showProjectDialog = (title: string, value: ProjectType, allRoomList: RoomType []) => { projectDialogState.projectDialogVisible = true; @@ -392,7 +395,7 @@ id: null, experimentName: "", experimentType: null, - liabilityUserId: Number(userInfos.value.uid), + liabilityUserId: null, liabilityUserPhone: '', safeLiabilityUser: '', safeLiabilityUserPhone: '', @@ -409,13 +412,9 @@ explosionProof: "", fireProof: "", poisonProof: "", - hazardousWaste: 1, safeManagerMethod: "", - emergencyPlan: "", - emergencyDrill: "", - emergencyPlanName: "", - emergencyDrillStatus: "", - partitionCondition: "", + emergencyList: [], + partitionCondition: null, note: "", createExperimentTime: '', persons: [], @@ -447,9 +446,33 @@ return key in object; }; -const onSubmitProject = () => { +const onSubmitProject = async() => { ProjectFormRef.value.validate(async(valid: boolean) => { if(valid){ + if(projectDialogState.projectForm.timeout === 2){ + projectDialogState.projectForm.timeoutManager = '' + }else{ + if(projectDialogState.projectForm.timeoutManager == ''){ + ElMessage({ + type: 'warning', + message: '请填写过夜、老化保障措施', + duration: 1000 + }); + return + } + } + if(projectDialogState.projectForm.closed === 2){ + projectDialogState.projectForm.unclosedManager = "" + }else{ + if(projectDialogState.projectForm.unclosedManager == ''){ + ElMessage({ + type: 'warning', + message: '请填写封闭条件保障措施', + duration: 1000 + }); + return + } + } if(projectDialogState.title === '新增'){ if(checkChineseName(projectDialogState.projectForm.safeLiabilityUser) == false){ ElMessage({ @@ -491,14 +514,6 @@ }); return } - if(projectDialogState.projectForm.hazardousWasteList.length === 0){ - ElMessage({ - type: 'warning', - message: '请选择添加危废数据', - duration: 1000 - }); - return - } if(projectDialogState.projectForm.persons.length === 0){ ElMessage({ type: 'warning', @@ -507,10 +522,10 @@ }); return } + projectDialogState.projectForm.emergencyList = selectEmergencyRef.value.dataList projectDialogState.projectForm.persons = selectPersonRef.value.dataList - projectDialogState.projectForm.hazardousWasteList = selectDangerRef.value.dataList - // projectDialogState.projectForm.siteList = selectRoomRef.value.dataList.map(({siteId}) => ({siteId})) - projectDialogState.projectForm.siteList = selectRoomRef.value.dataList.map(obj => ({siteId:obj.siteId})) + const roomList = selectRoomRef.value.dataList + projectDialogState.projectForm.siteList = roomList.map(({siteId}) => ({siteId})) projectDialogState.projectForm.stuffList = selectMaterialRef.value.dataList projectDialogState.projectForm.deviceList = selectEquipmentRef.value.dataList let res = await projectApi().addProject(projectDialogState.projectForm) @@ -529,8 +544,6 @@ }); } }else{ - console.log(selectRoomRef.value.dataList,'selectRoomRef.value.dataList',selectMaterialRef.value.dataList) - // projectDialogState.projectForm.siteList = selectRoomRef.value.dataList.map(({siteId}) => ({siteId})) projectDialogState.projectForm.siteList = selectRoomRef.value.dataList.map(obj => ({siteId:obj.siteId})) projectDialogState.projectForm.hazardousWasteList = selectDangerRef.value.dataList.map(obj => ({classify:obj.classify,wasteStorage:obj.wasteStorage,handAmount:obj.handAmount})) let res = await projectApi().modProject(projectDialogState.projectForm) @@ -567,7 +580,7 @@ realName: '' } }); - if(res.data.code === 200){ + if(res.data.code === 100){ projectDialogState.systemPersonList = JSON.parse(JSON.stringify(res.data.data)); }else{ ElMessage({ -- Gitblit v1.9.2