zhouwx
2025-01-13 6f5336ab50c25e8a4a8c4df7ec703a0dfa418583
src/views/experiment/developing/components/developDialog.vue
@@ -1,6 +1,6 @@
<template>
    <div class="system-menu-dialog-container">
        <el-dialog :title="projectDialogState.title" v-model="projectDialogState.projectDialogVisible" width="80%">
        <el-dialog :title="projectDialogState.title" v-model="projectDialogState.projectDialogVisible" width="80%" @close="handleClose">
            <el-form ref="ProjectFormRef" :rules="projectDialogState.projectFormRules" :model="projectDialogState.projectForm" size="default" label-width="0">
                <table class="report-table">
                  <th class="m-color b-font" style="text-align: center">***研究所/***大学<br />科学研究实验项目安全风险基础信息录入表(已开展)(带<span style="color: red">*</span>为必填项)</th>
@@ -33,9 +33,18 @@
                    <tr>
                        <td class="w-25 m-color required">部门</td>
                        <td class="w-75 m-color">
                          <el-form-item prop="dep">
                            <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.dep" />
                          </el-form-item>
<!--                          <el-form-item prop="dep">-->
<!--                            <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.dep" />-->
<!--                          </el-form-item>-->
                          <el-select style="width: 100%" v-model="projectDialogState.projectForm.dep" clearable filterable>
                            <el-option
                                v-for="item in projectDialogState.deptList"
                                :key="item.id"
                                :value="item.depName"
                                :label="item.depName"
                            ></el-option>
                          </el-select>
                        </td>
                    </tr>
                    <tr>
@@ -74,9 +83,17 @@
<!--                              :label="item.personName"-->
<!--                          ></el-option>-->
<!--                        </el-select>-->
                        <el-form-item prop="safeLiabilityUser">
                          <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.safeLiabilityUser"/>
                        </el-form-item>
<!--                        <el-form-item prop="safeLiabilityUser">-->
<!--                          <el-input :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.safeLiabilityUser"/>-->
<!--                        </el-form-item>-->
                        <el-select style="width: 100%" v-model="projectDialogState.projectForm.safeLiabilityUser" clearable filterable @change="getSafeLiabilityUserPhone($event)">
                          <el-option
                              v-for="item in projectDialogState.systemPersonList"
                              :key="item.id"
                              :value="item.realName"
                              :label="item.realName"
                          ></el-option>
                        </el-select>
                      </td>
                      <td class="w-25 m-color required">电话</td>
                      <td class="w-25 m-color">
@@ -295,6 +312,7 @@
import {useUserInfo} from "/@/stores/userInfo";
import {storeToRefs} from "pinia";
import {checkChineseName, verifyPhone} from "/@/utils/toolsValidate";
import {departmentApi} from "/@/api/systemManage/department";
const SelectEquipment = defineAsyncComponent(() => import('../../project/components/selectEquipment.vue'))
const SelectMaterial = defineAsyncComponent(() => import('../../project/components/selectMaterial.vue'))
const SelectDanger = defineAsyncComponent(() => import('../../project/components/selectDanger.vue'))
@@ -395,6 +413,7 @@
    allPersonList: [],
    allRoomList: [],
    systemPersonList: [],
    deptList: []
})
const showDevelopDialog = (title: string, value: ProjectType, allRoomList: RoomType []) => {
@@ -473,7 +492,7 @@
}
const getSafeLiabilityUserPhone = (value: number)=>{
  const data = projectDialogState.allPersonList.find(item => item.id === value) as AllPersonListType
  const data = projectDialogState.systemPersonList.find(item => item.realName === value) as AllPersonListType
  projectDialogState.projectForm.safeLiabilityUserPhone = data.phone
}
@@ -492,6 +511,18 @@
      })
  projectDialogState.projectForm.typeList = filteredNames
}
const getDeptData =async () => {
  let res = await departmentApi().getDepartmentList()
  if (res.data.code === 100) {
    projectDialogState.deptList = res.data.data
  } else {
    ElMessage({
      type: 'warning',
      message: res.data.msg
    });
  }
}
const scratchProject = async() => {
@@ -688,6 +719,7 @@
onMounted(() => {
    getAllPersonList();
    getPersonList();
    getDeptData();
});
</script>