From 8d14fec97344df49d58db115852c03b466482bc6 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 12 四月 2023 14:47:21 +0800 Subject: [PATCH] 设备、场所、部门接口 --- src/views/analyse/identify/components/identifyDialog.vue | 497 ++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 326 insertions(+), 171 deletions(-) diff --git a/src/views/analyse/identify/components/identifyDialog.vue b/src/views/analyse/identify/components/identifyDialog.vue index 416ac32..2fd7b26 100644 --- a/src/views/analyse/identify/components/identifyDialog.vue +++ b/src/views/analyse/identify/components/identifyDialog.vue @@ -1,158 +1,294 @@ <template> <div class="system-menu-dialog-container"> <el-dialog :title="identifyDialogState.title" v-model="identifyDialogState.identifyDialogVisible" width="600px"> - <el-form ref="identifyFormRef" :rules="identifyDialogState.identifyFormRules" :model="identifyDialogState.identifyForm" size="default" label-width="140px"> + <el-form ref="identifyFormRef" :rules="identifyDialogState.identifyFormRules" :model="identifyDialogState.identifyForm" size="default" label-width="160px"> <el-row :gutter="35"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="技术措施" prop="technologyMeasure"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.technologyMeasure" placeholder="技术措施" clearable></el-input> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="辨识方法" prop="identificationMethod">--> +<!-- <el-select class="input-length" :disabled="true" v-model="identifyDialogState.identifyForm.identificationMethod" style="width:100%" placeholder="辨识方法" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.identificationMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + + <div style="width: 100%" v-if="identifyDialogState.method === 1"> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="PHA_检查项目" prop="phaCheckItem"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaCheckItem" placeholder="检查项目" clearable></el-input> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="管理措施" prop="manageMeasure"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.manageMeasure" placeholder="管理措施" clearable></el-input> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="PHA_存在风险因素" prop="phaRiskFactor"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaRiskFactor" placeholder="存在风险因素" clearable></el-input> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="教育措施" prop="educationMeasure"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.educationMeasure" placeholder="教育措施" clearable></el-input> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="PHA_可能产生的后果" prop="phaResult"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaResult" placeholder="可能产生的后果" clearable></el-input> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="防护措施" prop="personalProtectionMeasure"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.personalProtectionMeasure" placeholder="防护措施" clearable></el-input> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="分配评价方法"> + <el-select disabled class="input-length" v-model="identifyDialogState.evaluateMethod" style="width:100%" placeholder="" clearable> + <el-option v-for="item in identifyDialogState.evaluateMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="应急措施" prop="emergencyMeasure"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.emergencyMeasure" placeholder="应急措施" clearable></el-input> + </el-col> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="评价专家" prop="phaEvaluateUser">--> +<!-- <el-select class="input-length" v-model="identifyDialogState.identifyForm.phaEvaluateUser" style="width:100%" placeholder="" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.personList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="评价专家"> + <el-input class="input-length" disabled v-model="identifyDialogState.evaluateUser" placeholder="暂无评价专家" clearable></el-input> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="辨识方法" prop="identificationMethod"> - <el-select class="input-length" :disabled="true" v-model="identifyDialogState.identifyForm.identificationMethod" style="width:100%" placeholder="辨识方法" clearable> - <el-option v-for="item in identifyDialogState.identificationMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> - </el-select> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识结果" prop="result"> + <el-radio-group v-model="identifyDialogState.identifyForm.result" :disabled="identifyDialogState.disabled"> + <el-radio :label="1">有风险</el-radio> + <el-radio :label="2">无风险</el-radio> + </el-radio-group> </el-form-item> - </el-col> - <div style="width: 100%" v-if="identifyDialogState.identifyForm.identificationMethod === 5"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="检查项目" prop="analogyCheckItem"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyCheckItem" placeholder="检查项目" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="存在风险因素" prop="analogyRiskFactor"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyRiskFactor" placeholder="存在风险因素" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="可能产生的后果" prop="analogyResult"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyResult" placeholder="可能产生的后果" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="类比参照" prop="analogyReference"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyReference" placeholder="类比参照" clearable></el-input> - </el-form-item> - </el-col> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识专家建议" prop="identificationDesc"> + <el-input class="input-length" type="textarea" :autosize="{ minRows: 3}" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.identificationDesc" placeholder="辨识专家建议" clearable></el-input> + </el-form-item> + </el-col> </div> - <div style="width: 100%" v-if="identifyDialogState.identifyForm.identificationMethod === 4"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="节点" prop="hazopNode"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopNode" placeholder="节点" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="参数" prop="hazopParam"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopParam" placeholder="参数" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="参数描述" prop="hazopParamDesc"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopParamDesc" placeholder="参数描述" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="引导词" prop="hazopGuide"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopGuide" placeholder="引导词" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="偏差" prop="hazopDeviation"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopDeviation" placeholder="偏差" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="可能原因" prop="hazopPossibleCauses"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopPossibleCauses" placeholder="可能原因" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="主要后果" prop="hazopResult"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopResult" placeholder="主要后果" clearable></el-input> - </el-form-item> - </el-col> + <div style="width: 100%" v-if="identifyDialogState.method === 2"> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="JHA_作业步骤" prop="jhaCheckItem"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaCheckItem" placeholder="作业步骤" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="JHA_危险源或潜在事件" prop="jhaRiskFactor"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaRiskFactor" placeholder="危险源或潜在事件" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="JHA_可能产生的后果" prop="jhaResult"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaResult" placeholder="可能产生的后果" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="分配评价方法"> + <el-select disabled class="input-length" v-model="identifyDialogState.evaluateMethod" style="width:100%" placeholder="" clearable> + <el-option v-for="item in identifyDialogState.evaluateMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + </el-col> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="评价专家" prop="jhaEvaluateUser">--> +<!-- <el-select class="input-length" v-model="identifyDialogState.identifyForm.jhaEvaluateUser" style="width:100%" placeholder="" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.personList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="评价专家"> + <el-input class="input-length" disabled v-model="identifyDialogState.evaluateUser" placeholder="暂无评价专家" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识结果" prop="result"> + <el-radio-group v-model="identifyDialogState.identifyForm.result" :disabled="identifyDialogState.disabled"> + <el-radio :label="1">有风险</el-radio> + <el-radio :label="2">无风险</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识专家建议" prop="identificationDesc"> + <el-input class="input-length" type="textarea" :autosize="{ minRows: 3}" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.identificationDesc" placeholder="辨识专家建议" clearable></el-input> + </el-form-item> + </el-col> </div> - <div style="width: 100%" v-if="identifyDialogState.identifyForm.identificationMethod === 2"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="作业步骤" prop="jhaCheckItem"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaCheckItem" placeholder="作业步骤" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="危险源或潜在事件" prop="jhaRiskFactor"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaRiskFactor" placeholder="危险源或潜在事件" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="可能发生的事故" prop="jhaResult"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.jhaResult" placeholder="可能发生的事故" clearable></el-input> - </el-form-item> - </el-col> + <div style="width: 100%" v-if="identifyDialogState.method === 3"> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="SCL_检查项目" prop="sclCheckItem"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckItem" placeholder="检查项目" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="SCL_检查标准" prop="sclCheckStandard"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckStandard" placeholder="检查标准" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="SCL_不符合标准情况" prop="sclCheckUnstandard"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckUnstandard" placeholder="不符合标准情况" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="SCL_主要后果" prop="sclCheckResult"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckResult" placeholder="主要后果" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="分配评价方法"> + <el-select disabled class="input-length" v-model="identifyDialogState.evaluateMethod" style="width:100%" placeholder="" clearable> + <el-option v-for="item in identifyDialogState.evaluateMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + </el-col> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="评价专家" prop="sclEvaluateUser">--> +<!-- <el-select class="input-length" v-model="identifyDialogState.identifyForm.sclEvaluateUser" style="width:100%" placeholder="" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.personList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="评价专家"> + <el-input class="input-length" disabled v-model="identifyDialogState.evaluateUser" placeholder="暂无评价专家" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识结果" prop="result"> + <el-radio-group v-model="identifyDialogState.identifyForm.result" :disabled="identifyDialogState.disabled"> + <el-radio :label="1">有风险</el-radio> + <el-radio :label="2">无风险</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识专家建议" prop="identificationDesc"> + <el-input class="input-length" type="textarea" :autosize="{ minRows: 3}" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.identificationDesc" placeholder="辨识专家建议" clearable></el-input> + </el-form-item> + </el-col> </div> - <div style="width: 100%" v-if="identifyDialogState.identifyForm.identificationMethod === 1"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="检查项目" prop="phaCheckItem"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaCheckItem" placeholder="检查项目" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="存在风险因素" prop="phaRiskFactor"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaRiskFactor" placeholder="存在风险因素" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="可能产生的后果" prop="phaResult"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.phaResult" placeholder="可能产生的后果" clearable></el-input> - </el-form-item> - </el-col> + <div style="width: 100%" v-if="identifyDialogState.method === 4"> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_节点" prop="hazopNode"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopNode" placeholder="HAZOP_节点" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_参数" prop="hazopParam"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopParam" placeholder="HAZOP_参数" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_参数描述" prop="hazopParamDesc"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopParamDesc" placeholder="HAZOP_参数描述" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_引导词" prop="hazopGuide"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopGuide" placeholder="HAZOP_引导词" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_偏差" prop="hazopDeviation"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopDeviation" placeholder="HAZOP_偏差" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_可能原因" prop="hazopPossibleCauses"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopPossibleCauses" placeholder="HAZOP_可能原因" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="HAZOP_主要后果" prop="hazopResult"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.hazopResult" placeholder="HAZOP_主要后果" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="分配评价方法"> + <el-select disabled class="input-length" v-model="identifyDialogState.evaluateMethod" style="width:100%" placeholder="" clearable> + <el-option v-for="item in identifyDialogState.evaluateMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + </el-col> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="评价专家" prop="hazopEvaluateUser">--> +<!-- <el-select class="input-length" v-model="identifyDialogState.identifyForm.hazopEvaluateUser" style="width:100%" placeholder="" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.personList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="评价专家"> + <el-input class="input-length" disabled v-model="identifyDialogState.evaluateUser" placeholder="暂无评价专家" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识结果" prop="result"> + <el-radio-group v-model="identifyDialogState.identifyForm.result" :disabled="identifyDialogState.disabled"> + <el-radio :label="1">有风险</el-radio> + <el-radio :label="2">无风险</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识专家建议" prop="identificationDesc"> + <el-input class="input-length" type="textarea" :autosize="{ minRows: 3}" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.identificationDesc" placeholder="辨识专家建议" clearable></el-input> + </el-form-item> + </el-col> </div> - <div style="width: 100%" v-if="identifyDialogState.identifyForm.identificationMethod === 3"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="检查项目" prop="sclCheckItem"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckItem" placeholder="检查项目" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="检查标准" prop="sclCheckStandard"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckStandard" placeholder="检查标准" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="不符合标准情况" prop="sclCheckUnstandard"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckUnstandard" placeholder="不符合标准情况" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="主要后果" prop="sclCheckResult"> - <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.sclCheckResult" placeholder="主要后果" clearable></el-input> - </el-form-item> - </el-col> + <div style="width: 100%" v-if="identifyDialogState.method === 5"> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="类比法_检查项目" prop="analogyCheckItem"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyCheckItem" placeholder="检查项目" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="类比法_类比参照" prop="analogyReference"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyReference" placeholder="类比参照" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="类比法_存在风险因素" prop="analogyRiskFactor"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyRiskFactor" placeholder="存在风险因素" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="类比法_可能产生的后果" prop="analogyResult"> + <el-input class="input-length" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.analogyResult" placeholder="可能产生的后果" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="分配评价方法"> + <el-select disabled class="input-length" v-model="identifyDialogState.evaluateMethod" style="width:100%" placeholder="" clearable> + <el-option v-for="item in identifyDialogState.evaluateMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + </el-col> +<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">--> +<!-- <el-form-item label="评价专家" prop="analogyEvaluateUser">--> +<!-- <el-select class="input-length" v-model="identifyDialogState.identifyForm.analogyEvaluateUser" style="width:100%" placeholder="" clearable>--> +<!-- <el-option v-for="item in identifyDialogState.personList" :key="item.id" :label="item.name" :value="item.id"></el-option>--> +<!-- </el-select>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="评价专家"> + <el-input class="input-length" disabled v-model="identifyDialogState.evaluateUser" placeholder="暂无评价专家" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识结果" prop="result"> + <el-radio-group v-model="identifyDialogState.identifyForm.result" :disabled="identifyDialogState.disabled"> + <el-radio :label="1">有风险</el-radio> + <el-radio :label="2">无风险</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="辨识专家建议" prop="identificationDesc"> + <el-input class="input-length" type="textarea" :autosize="{ minRows: 3}" :disabled="identifyDialogState.disabled" v-model="identifyDialogState.identifyForm.identificationDesc" placeholder="辨识专家建议" clearable></el-input> + </el-form-item> + </el-col> </div> </el-row> </el-form> @@ -176,17 +312,17 @@ const identifyDialogState = reactive<IdentifyDialogType>({ title: '', + method: null, time:[], disabled: false, + evaluateMethod: null, + evaluateUser: '', identifyDialogVisible: false, identifyForm: { id: null, - technologyMeasure: '', - manageMeasure: '', - educationMeasure: '', - personalProtectionMeasure: '', - emergencyMeasure: '', identificationMethod: null, + result: null, + identificationDesc: '', analogyCheckItem: '', analogyRiskFactor: '', analogyResult: '', @@ -212,18 +348,32 @@ jhaId: null, phaId: null, sclId: null, - analogyId: null, + analogyId: null }, identifyFormRules: { - deviceCode: [{ required: true, message: '请填写设备编号', trigger: 'blur' }], - deviceName: [{ required: true, message: '请填写设备名称', trigger: 'blur' }], - devicePower: [{ required: true, message: '请填写设备功率', trigger: 'blur' }], - riskUnitId: [{ required: true, message: '请选择风险分析单元', trigger: 'change' }], - identifyUserId: [{ required: true, message: '请选择计划制定人', trigger: 'change' }], - identificationMethod: [{ required: true, message: '请选择辨识方法', trigger: 'change' }], - identificationUserId: [{ required: true, message: '请选择负责人', trigger: 'change' }], - evaluateMethod: [{ required: true, message: '请选择推荐评价方法', trigger: 'change' }], - evaluateUserId: [{ required: true, message: '请选择评价专家', trigger: 'change' }], + result: [{ required: true, message: '请选择辨识结果', trigger: 'blur' }], + identificationDesc: [{ required: true, message: '请输入辨识专家建议', trigger: 'blur' }], + analogyCheckItem: [{ required: true, message: '请输入检查项目', trigger: 'blur' }], + analogyRiskFactor: [{ required: true, message: '请输入存在风险因素', trigger: 'blur' }], + analogyResult: [{ required: true, message: '请输入可能产生的后果', trigger: 'blur' }], + analogyReference: [{ required: true, message: '请输入类比参照', trigger: 'blur' }], + hazopNode: [{ required: true, message: '请输入节点', trigger: 'blur' }], + hazopParam: [{ required: true, message: '请输入参数', trigger: 'blur' }], + hazopParamDesc: [{ required: true, message: '请输入参数描述', trigger: 'blur' }], + hazopGuide: [{ required: true, message: '请输入引导词', trigger: 'blur' }], + hazopDeviation: [{ required: true, message: '请输入偏差', trigger: 'blur' }], + hazopPossibleCauses: [{ required: true, message: '请输入可能原因', trigger: 'blur' }], + hazopResult: [{ required: true, message: '请输入主要后果', trigger: 'blur' }], + jhaCheckItem: [{ required: true, message: '请输入作业步骤', trigger: 'blur' }], + jhaRiskFactor: [{ required: true, message: '请输入危险源或潜在事件', trigger: 'blur' }], + jhaResult: [{ required: true, message: '请输入可能产生的后果', trigger: 'blur' }], + phaCheckItem: [{ required: true, message: '请输入检查项目', trigger: 'blur' }], + phaRiskFactor: [{ required: true, message: '请输入存在风险因素', trigger: 'blur' }], + phaResult: [{ required: true, message: '请输入可能产生的后果', trigger: 'blur' }], + sclCheckItem: [{ required: true, message: '请输入检查项目', trigger: 'blur' }], + sclCheckStandard: [{ required: true, message: '请输入检查标准', trigger: 'blur' }], + sclCheckUnstandard: [{ required: true, message: '请输入不符合标准情况', trigger: 'blur' }], + sclCheckResult: [{ required: true, message: '请输入主要后果', trigger: 'blur' }] }, planList: [], personList: [], @@ -242,22 +392,23 @@ ] }) -const showIdentifyDialog = (title: string, value: IdentifyType, identifyQueryForm: IdentifyType) => { +const showIdentifyDialog = (title: string, value: IdentifyType, identifyQueryForm: identifyQueryFormType,idenForm: IdentifyType,personList: Array<NewPersonListType>) => { + identifyDialogState.method = identifyQueryForm.identificationMethod identifyDialogState.identifyDialogVisible = true; identifyDialogState.disabled = false + identifyDialogState.evaluateMethod = idenForm.evaluateMethod + identifyDialogState.evaluateUser = idenForm.evaluateUser + identifyDialogState.personList = personList setTimeout(() => { identifyFormRef.value.clearValidate(); }); if(title === '新增'){ identifyDialogState.title = '新增'; identifyDialogState.identifyForm = { - id: null, - technologyMeasure: '', - manageMeasure: '', - educationMeasure: '', - personalProtectionMeasure: '', - emergencyMeasure: '', - identificationMethod: null, + id: identifyQueryForm.id, + identificationMethod: identifyQueryForm.identificationMethod, + result: null, + identificationDesc: '', analogyCheckItem: '', analogyRiskFactor: '', analogyResult: '', @@ -287,27 +438,28 @@ }; }else if(title === '查看'){ identifyDialogState.title = '查看'; + console.log(value,'value') identifyDialogState.disabled = true for(let i in identifyDialogState.identifyForm){ if(isValidKey(i, identifyDialogState.identifyForm)){ - identifyDialogState.identifyForm[i] = identifyQueryForm[i]; + identifyDialogState.identifyForm[i] = value[i]; } } }else{ identifyDialogState.title = '编辑'; - identifyDialogState.identifyForm.hazopId = identifyQueryForm.hazopId; - identifyDialogState.identifyForm.jhaId = identifyQueryForm.jhaId; - identifyDialogState.identifyForm.phaId = identifyQueryForm.phaId; - identifyDialogState.identifyForm.sclId = identifyQueryForm.sclId; - identifyDialogState.identifyForm.analogyId = identifyQueryForm.analogyId; + // identifyDialogState.identifyForm.hazopId = identifyQueryForm.hazopId; + // identifyDialogState.identifyForm.jhaId = identifyQueryForm.jhaId; + // identifyDialogState.identifyForm.phaId = identifyQueryForm.phaId; + // identifyDialogState.identifyForm.sclId = identifyQueryForm.sclId; + // identifyDialogState.identifyForm.analogyId = identifyQueryForm.analogyId; for(let i in identifyDialogState.identifyForm){ - if(isValidKey(i, identifyDialogState.identifyForm)){ - identifyDialogState.identifyForm[i] = identifyQueryForm[i]; - } + if(isValidKey(i, identifyDialogState.identifyForm)){ + identifyDialogState.identifyForm[i] = value[i]; + } } + identifyDialogState.identifyForm.identificationMethod = identifyQueryForm.identificationMethod + console.log(identifyDialogState.identifyForm,'identifyDialogState.identifyForm') } - identifyDialogState.identifyForm.id = value.id; - identifyDialogState.identifyForm.identificationMethod = value.identificationMethod; }; const onSubmitIdentify = () => { @@ -323,6 +475,7 @@ type: 'success', message: '新增成功' }) + }else{ ElMessage({ type: 'warning', @@ -330,9 +483,11 @@ }); } }else{ + console.log(identifyDialogState.identifyForm,'identifyDialogState.identifyForm') let res = await identifyApi().modIdentify(identifyDialogState.identifyForm) if(res.data.code === 100){ emit('refresh',2,identifyDialogState.identifyForm) + identifyDialogState.identifyDialogVisible = false; ElMessage({ type: 'success', -- Gitblit v1.9.2