| | |
| | | <!-- <el-radio :label="7">激光安全</el-radio>--> |
| | | <!-- <el-radio :label="8">其他安全</el-radio>--> |
| | | <!-- </el-radio-group>--> |
| | | <el-checkbox-group disabled> |
| | | <el-checkbox-group disabled class="checkTip"> |
| | | <el-checkbox v-for="item in reportDialogState.reportForm.riskSourceType" :label="item.riskSourceType" :checked="item.status==1?true:false"/> |
| | | </el-checkbox-group> |
| | | </td> |
| | |
| | | <tr class="m-color b-font required" style="text-align: center">实验和实验项目综合风险等级评定</tr> |
| | | <tr> |
| | | <td class="m-color" style="width: 100%;height: 65px"> |
| | | <el-radio-group :disabled="reportDialogState.disabled" v-model="reportDialogState.reportForm.assessLevel"> |
| | | <el-radio-group :disabled="reportDialogState.disabled" v-model="reportDialogState.reportForm.assessLevel" class="checkTip"> |
| | | <div style="display: flex;justify-content: center"> |
| | | <div style="display: flex;flex-direction: column"> |
| | | <el-radio :label="1">重大风险(一级)</el-radio> |
| | |
| | | <!-- </td>--> |
| | | </tr> |
| | | <tr v-if="reportDialogState.reportForm.person?.length>0" class="m-color b-font" style="text-align: center">审批内容</tr> |
| | | <template v-if="reportDialogState.reportForm.person?.length>0" v-for="item in reportDialogState.reportForm.person"> |
| | | <template v-if="reportDialogState.reportForm.person?.length > 0"> |
| | | <template v-for="item in reportDialogState.reportForm.person"> |
| | | <tr> |
| | | <td class="w-25 m-color">{{item.approveStage}}</td> |
| | | <td class="w-25">{{item.approvePerson}}</td> |
| | |
| | | </td> |
| | | </tr> |
| | | </template> |
| | | </template> |
| | | </table> |
| | | </el-form> |
| | | <template #footer> |
| | |
| | | }, |
| | | allPersonList: [], |
| | | allRoomList: [], |
| | | phaList: [], |
| | | systemPersonList: [], |
| | | experimentTypeList: [ |
| | | {id: 1, name: '化学类'}, |
| | |
| | | // } |
| | | // } |
| | | } |
| | | console.log(reportDialogState.reportForm,'form') |
| | | }; |
| | | |
| | | const isValidKey = (key: string | number | symbol, object:object): key is keyof typeof object =>{ |
| | |
| | | experimentId: id, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | tag: 3 |
| | | tag: 3, |
| | | exportTag:true |
| | | }); |
| | | if(res.data.code === 100){ |
| | | reportDialogState.reportForm = { |
| | |
| | | reportDialogState.reportForm[i] = res.data.data[0][i]; |
| | | } |
| | | } |
| | | reportDialogState.phaList = res.data.data[0].riskPlanMethodBO ?res.data.data[0].riskPlanMethodBO: [] |
| | | const arr = reportDialogState.reportForm.experimentAndType.map(item => item.type.experimentType) |
| | | typeValue.value = arr.join(',') |
| | | } |
| | |
| | | } |
| | | }) |
| | | data.riskLevel = levelExample |
| | | |
| | | data.tableData = data.oldRiskAssess ?data.oldRiskAssess: [] |
| | | |
| | | // data.tableData = data.oldRiskAssess ?data.oldRiskAssess: [] |
| | | data.phaData = reportDialogState.phaList.map(item=>{ |
| | | return { |
| | | ...item, |
| | | riskLevelName: item.riskLevel == 1?'低风险':item.riskLevel == 2?'一般风险':item.riskLevel == 3?'较大风险':item.riskLevel == 4?'重大风险':'--' |
| | | } |
| | | }) |
| | | data.riskSource = data.riskSource ? data.riskSource.map(item => { |
| | | return { |
| | | ...item, |
| | |
| | | |
| | | data.safeRiskAnalysis = data.safeRiskAnalysis ?data.safeRiskAnalysis : '' |
| | | |
| | | |
| | | console.log(data,'data') |
| | | |
| | | try { |
| | | generateWordDocument(templatePath, data, `材料科学姑苏实验室安全风险评估表---${data.experimentName}.docx`); |
| | |
| | | |
| | | |
| | | </style> |
| | | <style> |
| | | .checkTip{ |
| | | .is-disabled{ |
| | | .el-checkbox__label{ |
| | | color: #606266 !important |
| | | } |
| | | .el-radio__label{ |
| | | color: #606266 !important |
| | | } |
| | | &.is-checked{ |
| | | .el-checkbox__label{ |
| | | color: #409eff !important |
| | | } |
| | | .el-radio__label{ |
| | | color: #409eff !important |
| | | } |
| | | .el-checkbox__inner{ |
| | | background-color: #409eff; |
| | | &::after{ |
| | | border-color: #fff !important |
| | | } |
| | | } |
| | | .el-radio__inner{ |
| | | background-color: #409eff !important; |
| | | &::after{ |
| | | background-color: #fff !important |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |