From 9e03b447fa15fa3fa0e468ca42a4bb7b4eac1e3b Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: Wed, 08 Jan 2025 11:07:42 +0800
Subject: [PATCH] 导出报告
---
src/views/experiment/project/components/projectDialog.vue | 284 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 177 insertions(+), 107 deletions(-)
diff --git a/src/views/experiment/project/components/projectDialog.vue b/src/views/experiment/project/components/projectDialog.vue
index 9e234fc..15f901a 100644
--- a/src/views/experiment/project/components/projectDialog.vue
+++ b/src/views/experiment/project/components/projectDialog.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%" :before-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>
@@ -15,15 +15,18 @@
<tr>
<td class="w-25 m-color required">实验类型</td>
<td class="w-75 m-color">
- <el-form-item prop="experimentType" style="display: flex;justify-content: center">
- <el-radio-group style="text-align: center" :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.experimentType">
- <el-radio :label="1">化学类</el-radio>
- <el-radio :label="2">生物类</el-radio>
- <el-radio :label="3">辐射类</el-radio>
- <el-radio :label="4">机电类</el-radio>
- <el-radio :label="5">特种设备类</el-radio>
- <el-radio :label="6">其他类</el-radio>
- </el-radio-group>
+ <el-form-item prop="typeValue" style="display: flex;justify-content: center">
+<!-- <el-radio-group style="text-align: center" :disabled="projectDialogState.disabled" v-model="projectDialogState.projectForm.experimentType">-->
+<!-- <el-radio :label="1">化学类</el-radio>-->
+<!-- <el-radio :label="2">生物类</el-radio>-->
+<!-- <el-radio :label="3">辐射类</el-radio>-->
+<!-- <el-radio :label="4">机电类</el-radio>-->
+<!-- <el-radio :label="5">特种设备类</el-radio>-->
+<!-- <el-radio :label="6">其他类</el-radio>-->
+<!-- </el-radio-group>-->
+ <el-checkbox-group style="text-align: center" v-model="typeValue" :disabled="projectDialogState.disabled" @change="changeList">
+ <el-checkbox v-for="item in projectDialogState.experimentTypeList" :label="item.typeId" :key="item.typeId" >{{item.typeName}}</el-checkbox>
+ </el-checkbox-group>
</el-form-item>
</td>
</tr>
@@ -45,9 +48,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 +144,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 +161,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 +211,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>
@@ -259,7 +275,8 @@
<template #footer>
<span class="dialog-footer" style="padding-top:10px;text-align: center !important;">
<el-button @click="projectDialogState.projectDialogVisible = !projectDialogState.projectDialogVisible" size="default">取 消</el-button>
- <el-button type="primary" v-if="!projectDialogState.disabled" @click="onSubmitProject" size="default">确定</el-button>
+ <el-button type="primary" v-if="!projectDialogState.disabled && projectDialogState.title!= '编辑'" @click="onSubmitProject" size="default">确定</el-button>
+ <el-button type="primary" v-if="!projectDialogState.disabled" @click="scratchProject" plain size="default">暂存</el-button>
</span>
</template>
</el-dialog>
@@ -278,6 +295,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,8 +304,9 @@
const selectEquipmentRef = ref()
const selectRoomRef = ref()
const selectMaterialRef = ref()
+const selectEmergencyRef = ref()
const selectDangerRef = ref()
-
+const typeValue = ref([])
const userInfo = useUserInfo();
const { userInfos } = storeToRefs(userInfo);
@@ -299,7 +318,8 @@
id: null,
experimentName: "",
experimentType: null,
- liabilityUserId: Number(userInfos.value.uid),
+ typeList: [],
+ liabilityUserId: null,
liabilityUserPhone: '',
safeLiabilityUser: '',
safeLiabilityUserPhone: '',
@@ -316,28 +336,29 @@
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: []
},
+ experimentTypeList: [
+ {typeId: 1, typeName: '化学类'},
+ {typeId: 2, typeName: '生物类'},
+ {typeId: 3, typeName: '辐射类'},
+ {typeId: 4, typeName: '机电类'},
+ {typeId: 5, typeName: '特种设备类'},
+ {typeId: 6, typeName: '其它类'},
+ ],
projectFormRules: {
experimentName: [{ required: true, message: '', trigger: 'blur' }],
experimentType: [{ required: true, message: '', trigger: 'blur' }],
+ typeList: [{ required: true, message: '', trigger: 'blur' }],
liabilityUserId: [{ required: true, message: '', trigger: 'blur' }],
liabilityUserPhone: [{ required: true, message: '', trigger: 'blur' }],
safeLiabilityUser: [{ required: true, message: '', trigger: 'blur' }],
@@ -355,12 +376,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,11 +391,36 @@
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 scratchProject = async() => {
+ projectDialogState.projectForm.emergencyList = projectDialogState.projectForm.emergencyList ? projectDialogState.projectForm.emergencyList.map(obj => ({emergencyDrill :
+ obj.emergencyDrill, emergencyDrillStatus : obj.emergencyDrillStatus, emergencyPlan : obj.emergencyPlan, emergencyPlanName : obj.emergencyPlanName})): []
+ // projectDialogState.projectForm.emergencyList = projectDialogState.projectForm.emergencyList ? projectDialogState.projectForm.emergencyList: []
+ projectDialogState.projectForm.persons = projectDialogState.projectForm.persons ? projectDialogState.projectForm.persons: []
+ // projectDialogState.projectForm.hazardousWasteList = projectDialogState.projectForm.hazardousWasteList ? projectDialogState.projectForm.hazardousWasteList: []
+ projectDialogState.projectForm.hazardousWasteList = projectDialogState.projectForm.hazardousWasteList ? projectDialogState.projectForm.hazardousWasteList.map(obj => ({classify:obj.classify,wasteStorage:obj.wasteStorage,handAmount:obj.handAmount})): []
+ // const roomList = selectRoomRef.value.dataList ? selectRoomRef.value.dataList: []
+ projectDialogState.projectForm.siteList = projectDialogState.projectForm.siteList ?projectDialogState.projectForm.siteList.map(({siteId}) => ({siteId})) : []
+ projectDialogState.projectForm.stuffList = projectDialogState.projectForm.stuffList ? projectDialogState.projectForm.stuffList: []
+ projectDialogState.projectForm.deviceList = projectDialogState.projectForm.deviceList ? projectDialogState.projectForm.deviceList: []
+ let res = await projectApi().temporaryProject(projectDialogState.projectForm);
+ if(res.data.code === 100){
+ handleClose()
+ ElMessage({
+ type: 'success',
+ message: '暂存信息成功'
+ })
+ }else{
+ ElMessage({
+ type: 'warning',
+ message: res.data.msg,
+ });
+ }
+}
const showProjectDialog = (title: string, value: ProjectType, allRoomList: RoomType []) => {
projectDialogState.projectDialogVisible = true;
projectDialogState.allRoomList = allRoomList
@@ -392,7 +434,8 @@
id: null,
experimentName: "",
experimentType: null,
- liabilityUserId: Number(userInfos.value.uid),
+ typeList: [],
+ liabilityUserId: null,
liabilityUserPhone: '',
safeLiabilityUser: '',
safeLiabilityUserPhone: '',
@@ -409,13 +452,9 @@
explosionProof: "",
fireProof: "",
poisonProof: "",
- hazardousWaste: 1,
safeManagerMethod: "",
- emergencyPlan: "",
- emergencyDrill: "",
- emergencyPlanName: "",
- emergencyDrillStatus: "",
- partitionCondition: "",
+ emergencyList: [],
+ partitionCondition: null,
note: "",
createExperimentTime: '',
persons: [],
@@ -424,14 +463,15 @@
stuffList: [],
hazardousWasteList: []
};
- }else if(title === '整改'){
- projectDialogState.title = '整改';
+ }else if(title === '整改' || title === '编辑'){
+ projectDialogState.title = title;
projectDialogState.disabled = false
for(let i in projectDialogState.projectForm) {
if(isValidKey(i, projectDialogState.projectForm)) {
projectDialogState.projectForm[i] = value[i];
}
}
+ typeValue.value = projectDialogState.projectForm.typeList.map(item => item.typeId)
}else{
projectDialogState.title = '查看';
projectDialogState.disabled = true
@@ -440,16 +480,58 @@
projectDialogState.projectForm[i] = value[i];
}
}
+ typeValue.value = projectDialogState.projectForm.typeList.map(item => item.typeId)
}
};
+
+const handleClose = () => {
+ typeValue.value = []
+ emit('refresh')
+ projectDialogState.projectDialogVisible = false;
+}
const isValidKey = (key: string | number | symbol, object:object): key is keyof typeof object =>{
return key in object;
};
+const changeList = (val: any) => {
+ const filteredNames = projectDialogState.experimentTypeList
+ .filter((obj) => val.includes(obj.typeId)).map(item => {
+ return {
+ typeId: item.typeId,
+ typeName: item.typeName
+ }
+ })
+ projectDialogState.projectForm.typeList = filteredNames
-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 +573,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,16 +581,15 @@
});
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)
if(res.data.code === 100){
- emit('refresh')
- projectDialogState.projectDialogVisible = false;
+ handleClose()
ElMessage({
type: 'success',
message: '新增成功'
@@ -529,14 +602,11 @@
});
}
}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)
if(res.data.code === 100){
- emit('refresh')
- projectDialogState.projectDialogVisible = false;
+ handleClose()
ElMessage({
type: 'success',
message: '整改已提交'
@@ -567,7 +637,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