|
@@ -10,56 +10,72 @@
|
|
|
<el-form ref="formRef" :inline="true" label-width="auto" :model="formValue" :rules="rules">
|
|
<el-form ref="formRef" :inline="true" label-width="auto" :model="formValue" :rules="rules">
|
|
|
<!-- 基础信息 -->
|
|
<!-- 基础信息 -->
|
|
|
<el-divider content-position="left">基础信息</el-divider>
|
|
<el-divider content-position="left">基础信息</el-divider>
|
|
|
- <el-form-item label="危险源编号" prop="hazardCode">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.hazardCode"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:RD-202311-042"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="关键过程/作业单元" prop="keyProcessUnit">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.keyProcessUnit"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:张江快堆实验室(10号楼)"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="危险源名称" prop="hazardName">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.hazardName"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:高温熔融金属操作"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="是否重大危险源" prop="isMajorHazard">
|
|
|
|
|
- <el-select v-model="formValue.isMajorHazard" size="large" placeholder="请选择" style="width: 330px">
|
|
|
|
|
- <el-option :value="1" label="是" />
|
|
|
|
|
- <el-option :value="0" label="否" />
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="危险源来源" prop="hazardSource">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.hazardSource"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:作业单元划分"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 部门责任 -->
|
|
|
|
|
- <el-form-item label="涉及部门" prop="involvedDepartment">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.involvedDepartment"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:核材料研究部/设备管理部(支持手动输入多部门)"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="风险管理部门" prop="riskManagementDept">
|
|
|
|
|
- <!-- <el-cascader
|
|
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="危险源编号" prop="hazardCode">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.hazardCode"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入危险源编号"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="关键过程/作业单元" prop="keyProcessUnit">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.keyProcessUnit"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入关键过程/作业单元"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="危险源名称" prop="hazardName">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.hazardName"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入危险源名称"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="是否重大危险" prop="isMajorHazard">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formValue.isMajorHazard"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请选择是否重大危险"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option :value="1" label="是" />
|
|
|
|
|
+ <el-option :value="0" label="否" />
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="可能导致的后果" prop="possibleConsequences">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.possibleConsequences"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入可能导致的后果"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="危险源来源" prop="hazardSource">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.hazardSource"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入危险源来源"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <!-- 部门责任 -->
|
|
|
|
|
+ <el-form-item label="涉及型号" prop="involvedDepartment">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.involvedDepartment"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入涉及型号"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="危险源管理的主责单位/部门" prop="riskManagementDept">
|
|
|
|
|
+ <!-- <el-cascader
|
|
|
:ref="(el) => (cascaderRef['riskManagementDept'] = el)"
|
|
:ref="(el) => (cascaderRef['riskManagementDept'] = el)"
|
|
|
v-model="formValue.riskManagementDeptId"
|
|
v-model="formValue.riskManagementDeptId"
|
|
|
size="large"
|
|
size="large"
|
|
@@ -71,10 +87,15 @@
|
|
|
filterable
|
|
filterable
|
|
|
@change="() => handleChangeDept('riskManagementDept')"
|
|
@change="() => handleChangeDept('riskManagementDept')"
|
|
|
/> -->
|
|
/> -->
|
|
|
- <el-input size="large" placeholder="请选择" v-model="formValue.riskManagementDept" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="协作部门" prop="cooperationDept">
|
|
|
|
|
- <!-- <el-cascader
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入危险源管理的主责单位/部门"
|
|
|
|
|
+ v-model="formValue.riskManagementDept"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="危险源管理的配合单位/部门" prop="cooperationDept">
|
|
|
|
|
+ <!-- <el-cascader
|
|
|
v-model="formValue.cooperationDeptId"
|
|
v-model="formValue.cooperationDeptId"
|
|
|
:ref="(el) => (cascaderRef['cooperationDept'] = el)"
|
|
:ref="(el) => (cascaderRef['cooperationDept'] = el)"
|
|
|
size="large"
|
|
size="large"
|
|
@@ -86,67 +107,120 @@
|
|
|
filterable
|
|
filterable
|
|
|
@change="handleChangeDept('cooperationDept')"
|
|
@change="handleChangeDept('cooperationDept')"
|
|
|
/> -->
|
|
/> -->
|
|
|
- <el-input size="large" placeholder="请选择" v-model="formValue.cooperationDept" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入危险源管理的配合单位/部门"
|
|
|
|
|
+ v-model="formValue.cooperationDept"
|
|
|
|
|
+ style="width: 330px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
<!-- 风险评估 -->
|
|
<!-- 风险评估 -->
|
|
|
- <el-form-item label="可能后果" prop="possibleConsequences">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.possibleConsequences"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:灼伤、火灾"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-divider content-position="left">固有风险评估</el-divider>
|
|
<el-divider content-position="left">固有风险评估</el-divider>
|
|
|
- <el-form-item label="可能性(M)" prop="inherentRiskM">
|
|
|
|
|
- <!-- <el-select v-model="formValue.inherentRiskM" size="large" placeholder="1-5" style="width: 330px">
|
|
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="M" prop="inherentRiskM">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.inherentRiskM" size="large" placeholder="1-5" style="width: 330px">
|
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.inherentRiskM" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="暴露频率(E)" prop="inherentRiskE">
|
|
|
|
|
- <!-- <el-select v-model="formValue.inherentRiskE" size="large" placeholder="1-6" style="width: 330px">
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="请输入固有风险评估(M)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.inherentRiskM"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="E" prop="inherentRiskE">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.inherentRiskE" size="large" placeholder="1-6" style="width: 330px">
|
|
|
<el-option v-for="n in 6" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 6" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.inherentRiskE" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="严重度(S)" prop="inherentRiskS">
|
|
|
|
|
- <!-- <el-select v-model="formValue.inherentRiskS" size="large" placeholder="1-5" style="width: 330px">
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="请输入固有风险评估(E)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.inherentRiskE"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="S" prop="inherentRiskS">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.inherentRiskS" size="large" placeholder="1-5" style="width: 330px">
|
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.inherentRiskS" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="风险值(R)" prop="inherentRiskR">
|
|
|
|
|
- <el-input v-model="formValue.inherentRiskR" size="large" placeholder="自动计算: M×E×S" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="风险等级" prop="inherentRiskLevel">
|
|
|
|
|
- <el-select v-model="formValue.inherentRiskLevel" size="large" placeholder="请选择" style="width: 330px">
|
|
|
|
|
- <!-- <el-option label="A" value="A" /> -->
|
|
|
|
|
- <el-option label="B" value="B" />
|
|
|
|
|
- <el-option label="C" value="C" />
|
|
|
|
|
- <!-- <el-option label="D" value="D" /> -->
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="升级等级" prop="inherentRiskUpgrade">
|
|
|
|
|
- <el-input v-model="formValue.inherentRiskUpgrade" size="large" placeholder="例如:2级" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="请输入固有风险评估(S)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.inherentRiskS"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="R" prop="inherentRiskR">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ placeholder="请输入固有风险评估(R)"
|
|
|
|
|
+ v-model="formValue.inherentRiskR"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="固有风险等级" prop="inherentRiskLevel">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="formValue.inherentRiskLevel"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请选择固有风险等级"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <!-- <el-option label="A" value="A" /> -->
|
|
|
|
|
+ <el-option label="B" value="B" />
|
|
|
|
|
+ <el-option label="C" value="C" />
|
|
|
|
|
+ <!-- <el-option label="D" value="D" /> -->
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="固有风险升级" prop="inherentRiskUpgrade">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.inherentRiskUpgrade"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入固有风险升级"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
- <!-- 管控措施 -->
|
|
|
|
|
- <el-divider content-position="left">管控措施</el-divider>
|
|
|
|
|
- <el-form-item label="主要管控措施" prop="controlMeasures">
|
|
|
|
|
- <el-input
|
|
|
|
|
- type="textarea"
|
|
|
|
|
- :rows="3"
|
|
|
|
|
- v-model="formValue.controlMeasures"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="每条措施用分号分隔,例如:1.穿戴防护服;2.设置隔离区;3.定期检查冷却系统"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="主责部门" prop="controlMainDept">
|
|
|
|
|
- <!-- <el-cascader
|
|
|
|
|
|
|
+ <!-- 风险控制 -->
|
|
|
|
|
+ <el-divider content-position="left">风险控制</el-divider>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="措施内容" prop="controlMeasures">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ type="textarea"
|
|
|
|
|
+ :rows="3"
|
|
|
|
|
+ v-model="formValue.controlMeasures"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入措施内容"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="主责单位/部门" prop="controlMainDept">
|
|
|
|
|
+ <!-- <el-cascader
|
|
|
v-model="formValue.controlMainDeptId"
|
|
v-model="formValue.controlMainDeptId"
|
|
|
:ref="(el) => (cascaderRef['controlMainDept'] = el)"
|
|
:ref="(el) => (cascaderRef['controlMainDept'] = el)"
|
|
|
size="large"
|
|
size="large"
|
|
@@ -158,10 +232,17 @@
|
|
|
filterable
|
|
filterable
|
|
|
@change="handleChangeDept('controlMainDept')"
|
|
@change="handleChangeDept('controlMainDept')"
|
|
|
/> -->
|
|
/> -->
|
|
|
- <el-input size="large" placeholder="请选择" v-model="formValue.controlMainDept" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="协作部门" prop="controlCoopDept">
|
|
|
|
|
- <!-- <el-cascader
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入单位/部门"
|
|
|
|
|
+ v-model="formValue.controlMainDept"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="配合单位/部门" prop="controlCoopDept">
|
|
|
|
|
+ <!-- <el-cascader
|
|
|
v-model="formValue.controlCoopDeptId"
|
|
v-model="formValue.controlCoopDeptId"
|
|
|
:ref="(el) => (cascaderRef['controlCoopDept'] = el)"
|
|
:ref="(el) => (cascaderRef['controlCoopDept'] = el)"
|
|
|
size="large"
|
|
size="large"
|
|
@@ -173,77 +254,123 @@
|
|
|
filterable
|
|
filterable
|
|
|
@change="handleChangeDept('controlCoopDept')"
|
|
@change="handleChangeDept('controlCoopDept')"
|
|
|
/> -->
|
|
/> -->
|
|
|
- <el-input size="large" placeholder="请选择" v-model="formValue.controlCoopDept" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="完成期限" prop="completionDeadline">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- v-model="formValue.completionDeadline"
|
|
|
|
|
- type="date"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- format="YYYY-MM-DD"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="完成状态" prop="completionStatus">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.completionStatus"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:措施1,2已完成"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="验证状态" prop="verificationStatus">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="formValue.verificationStatus"
|
|
|
|
|
- size="large"
|
|
|
|
|
- placeholder="例如:措施1已验证"
|
|
|
|
|
- style="width: 330px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="请输入配合单位/部门"
|
|
|
|
|
+ v-model="formValue.controlCoopDept"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="完成期限" prop="completionDeadline">
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="formValue.completionDeadline"
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="完成情况" prop="completionStatus">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.completionStatus"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="输入完成情况"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="措施验证情况" prop="verificationStatus">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="formValue.verificationStatus"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ placeholder="输入措施验证情况"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
- <!-- 剩余风险 -->
|
|
|
|
|
- <el-divider content-position="left">剩余风险评估</el-divider>
|
|
|
|
|
- <el-form-item label="可能性(M)" prop="controlRiskM">
|
|
|
|
|
- <!-- <el-select v-model="formValue.controlRiskM" size="large" placeholder="1-5" style="width: 330px">
|
|
|
|
|
|
|
+ <!-- 控制风险评估 -->
|
|
|
|
|
+ <el-divider content-position="left">控制风险评估</el-divider>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="M" prop="controlRiskM">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.controlRiskM" size="large" placeholder="1-5" style="width: 330px">
|
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.controlRiskM" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="暴露频率(E)" prop="controlRiskE">
|
|
|
|
|
- <!-- <el-select v-model="formValue.controlRiskE" size="large" placeholder="1-6" style="width: 330px">
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="控制风险评估(M)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.controlRiskM"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="E" prop="controlRiskE">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.controlRiskE" size="large" placeholder="1-6" style="width: 330px">
|
|
|
<el-option v-for="n in 6" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 6" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.controlRiskE" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="严重度(S)" prop="controlRiskS">
|
|
|
|
|
- <!-- <el-select v-model="formValue.controlRiskS" size="large" placeholder="1-5" style="width: 330px">
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="控制风险评估(E)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.controlRiskE"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="S" prop="controlRiskS">
|
|
|
|
|
+ <!-- <el-select v-model="formValue.controlRiskS" size="large" placeholder="1-5" style="width: 330px">
|
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
<el-option v-for="n in 5" :key="n" :label="n" :value="n" />
|
|
|
</el-select> -->
|
|
</el-select> -->
|
|
|
- <el-input-number :step="1" :precision="0" v-model="formValue.controlRiskS" :min="1" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="风险值(R)" prop="controlRiskR">
|
|
|
|
|
- <el-input v-model="formValue.controlRiskR" size="large" placeholder="自动计算: M×E×S" style="width: 330px" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="风险等级" prop="controlRiskLevel">
|
|
|
|
|
- <el-select v-model="formValue.controlRiskLevel" size="large" placeholder="请选择" style="width: 330px">
|
|
|
|
|
- <!-- <el-option label="A" value="A" />
|
|
|
|
|
|
|
+ <el-input-number
|
|
|
|
|
+ placeholder="控制风险评估(S)"
|
|
|
|
|
+ :step="1"
|
|
|
|
|
+ :precision="0"
|
|
|
|
|
+ v-model="formValue.controlRiskS"
|
|
|
|
|
+ :min="1"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="R" prop="controlRiskR">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ placeholder="控制风险评估(R)"
|
|
|
|
|
+ v-model="formValue.controlRiskR"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ style="width: 280px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="风险等级" prop="controlRiskLevel">
|
|
|
|
|
+ <el-select v-model="formValue.controlRiskLevel" size="large" placeholder="请选择" style="width: 280px">
|
|
|
|
|
+ <!-- <el-option label="A" value="A" />
|
|
|
<el-option label="B" value="B" />
|
|
<el-option label="B" value="B" />
|
|
|
<el-option label="C" value="C" /> -->
|
|
<el-option label="C" value="C" /> -->
|
|
|
- <el-option label="D" value="D" />
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-option label="D" value="D" />
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
<!-- 备注 -->
|
|
<!-- 备注 -->
|
|
|
|
|
+ <el-divider content-position="left">备注</el-divider>
|
|
|
<el-form-item label="备注" prop="remarks" style="width: 87.2%">
|
|
<el-form-item label="备注" prop="remarks" style="width: 87.2%">
|
|
|
- <el-input
|
|
|
|
|
- type="textarea"
|
|
|
|
|
- v-model="formValue.remarks"
|
|
|
|
|
- size="large"
|
|
|
|
|
- :rows="7"
|
|
|
|
|
- placeholder="例如:需每月提交检查报告"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <el-input type="textarea" v-model="formValue.remarks" size="large" :rows="7" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</main>
|
|
</main>
|
|
@@ -295,7 +422,7 @@
|
|
|
inherentRiskM: undefined as number | undefined,
|
|
inherentRiskM: undefined as number | undefined,
|
|
|
inherentRiskE: undefined as number | undefined,
|
|
inherentRiskE: undefined as number | undefined,
|
|
|
inherentRiskS: undefined as number | undefined,
|
|
inherentRiskS: undefined as number | undefined,
|
|
|
- inherentRiskR: 0, // 自动计算
|
|
|
|
|
|
|
+ inherentRiskR: '', // 自动计算
|
|
|
inherentRiskLevel: '',
|
|
inherentRiskLevel: '',
|
|
|
inherentRiskUpgrade: '',
|
|
inherentRiskUpgrade: '',
|
|
|
controlMeasures: '',
|
|
controlMeasures: '',
|
|
@@ -309,7 +436,7 @@
|
|
|
controlRiskM: undefined as number | undefined,
|
|
controlRiskM: undefined as number | undefined,
|
|
|
controlRiskE: undefined as number | undefined,
|
|
controlRiskE: undefined as number | undefined,
|
|
|
controlRiskS: undefined as number | undefined,
|
|
controlRiskS: undefined as number | undefined,
|
|
|
- controlRiskR: 0,
|
|
|
|
|
|
|
+ controlRiskR: '',
|
|
|
controlRiskLevel: '',
|
|
controlRiskLevel: '',
|
|
|
remarks: '',
|
|
remarks: '',
|
|
|
});
|
|
});
|
|
@@ -324,16 +451,24 @@
|
|
|
riskManagementDept: [{ required: true, message: '请选择风险管理部门', trigger: 'change' }],
|
|
riskManagementDept: [{ required: true, message: '请选择风险管理部门', trigger: 'change' }],
|
|
|
cooperationDept: [{ required: true, message: '请选择协作部门', trigger: 'change' }],
|
|
cooperationDept: [{ required: true, message: '请选择协作部门', trigger: 'change' }],
|
|
|
possibleConsequences: [{ required: true, message: '请输入可能后果', trigger: 'blur' }],
|
|
possibleConsequences: [{ required: true, message: '请输入可能后果', trigger: 'blur' }],
|
|
|
- inherentRiskM: [{ required: true, message: '请选择可能性', trigger: 'change' }],
|
|
|
|
|
- inherentRiskE: [{ required: true, message: '请选择暴露频率', trigger: 'change' }],
|
|
|
|
|
- inherentRiskS: [{ required: true, message: '请选择严重度', trigger: 'change' }],
|
|
|
|
|
|
|
+ inherentRiskM: [{ required: true, message: '请选择固有风险评估(M)', trigger: 'change' }],
|
|
|
|
|
+ inherentRiskE: [{ required: true, message: '请选择固有风险评估(E)', trigger: 'change' }],
|
|
|
|
|
+ inherentRiskS: [{ required: true, message: '请选择固有风险评估(S)', trigger: 'change' }],
|
|
|
|
|
+ inherentRiskR: [{ required: true, message: '请输入固有风险评估(R)', trigger: 'blur' }],
|
|
|
inherentRiskLevel: [{ required: true, message: '请选择风险等级', trigger: 'change' }],
|
|
inherentRiskLevel: [{ required: true, message: '请选择风险等级', trigger: 'change' }],
|
|
|
|
|
+ inherentRiskUpgrade: [{ required: true, message: '请选择风险升级', trigger: 'blur' }],
|
|
|
controlMeasures: [{ required: true, message: '请输入管控措施', trigger: 'blur' }],
|
|
controlMeasures: [{ required: true, message: '请输入管控措施', trigger: 'blur' }],
|
|
|
controlMainDept: [{ required: true, message: '请选择主责部门', trigger: 'change' }],
|
|
controlMainDept: [{ required: true, message: '请选择主责部门', trigger: 'change' }],
|
|
|
- controlRiskM: [{ required: true, message: '请选择剩余风险可能性', trigger: 'change' }],
|
|
|
|
|
- controlRiskE: [{ required: true, message: '请选择剩余风险暴露频率', trigger: 'change' }],
|
|
|
|
|
- controlRiskS: [{ required: true, message: '请选择剩余风险严重度', trigger: 'change' }],
|
|
|
|
|
|
|
+ controlCoopDept: [{ required: true, message: '请输入配合单位/部门', trigger: 'change' }],
|
|
|
|
|
+ completionDeadline: [{ required: true, message: '请选择完成期限', trigger: 'change' }],
|
|
|
|
|
+ completionStatus: [{ required: true, message: '请输入完成情况', trigger: 'blur' }],
|
|
|
|
|
+ verificationStatus: [{ required: true, message: '措施验证情况', trigger: 'blur' }],
|
|
|
|
|
+ controlRiskM: [{ required: true, message: '请选择控制风险评估(M)', trigger: 'change' }],
|
|
|
|
|
+ controlRiskE: [{ required: true, message: '请选择控制风险评估(E)', trigger: 'change' }],
|
|
|
|
|
+ controlRiskS: [{ required: true, message: '请选择控制风险评估(S)', trigger: 'change' }],
|
|
|
|
|
+ controlRiskR: [{ required: true, message: '请输入控制风险评估(R)', trigger: 'change' }],
|
|
|
controlRiskLevel: [{ required: true, message: '请选择剩余风险等级', trigger: 'change' }],
|
|
controlRiskLevel: [{ required: true, message: '请选择剩余风险等级', trigger: 'change' }],
|
|
|
|
|
+ remarks: [{ required: true, message: '请输入备注', trigger: 'blur' }],
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const handleChangeDept = (prop) => {
|
|
const handleChangeDept = (prop) => {
|