修改

马宇豪

2023-10-31 f1f40e9a28fafab5d884630b8900b11060ebe9fc

 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)
@@ -559,10 +572,13 @@

const getPersonList = async () => {
    let res = await userApi().getUserList({
        roleId: 1,
        usePage: false,
        pageIndex: 1,
        pageSize: 10
      pageIndex: 1,
      pageSize: 99999,
      searchParams:{
        roleId: null,
        name: '',
        realName: ''
      }
    });
    if(res.data.code === 100){
        projectDialogState.systemPersonList = JSON.parse(JSON.stringify(res.data.data));