From 1621b3719092d93e6c29f7a27e401529e0454420 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期一, 01 八月 2022 18:57:45 +0800 Subject: [PATCH] 双重预防 --- src/views/doublePrevent/riskLevel/action/components/riskControlMeasureDialog.vue | 62 ++++++++----------------------- 1 files changed, 16 insertions(+), 46 deletions(-) diff --git a/src/views/doublePrevent/riskLevel/action/components/riskControlMeasureDialog.vue b/src/views/doublePrevent/riskLevel/action/components/riskControlMeasureDialog.vue index 86937df..ac23357 100644 --- a/src/views/doublePrevent/riskLevel/action/components/riskControlMeasureDialog.vue +++ b/src/views/doublePrevent/riskLevel/action/components/riskControlMeasureDialog.vue @@ -1,33 +1,18 @@ <template> <div class="system-add-menu-container"> <el-dialog :title="title" v-model="isRiskControlMeasureDialog" width="600px"> - <el-form - :model="riskControlMeasureForm" - :rules="riskControlMeasureFormRules" - ref="riskControlMeasureFormRef" - size="default" - label-width="160px" - > + <el-form :model="riskControlMeasureForm" :rules="riskControlMeasureFormRules" ref="riskControlMeasureFormRef" 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="riskEventId"> <el-select class="input-length" v-model="riskControlMeasureForm.riskEventId" placeholder="请选择风险事件" clearable> - <el-option - v-for="item in allSafetyRiskEventData" - :key="item.id" - :label="item.riskEventName" - :value="item.id" - ></el-option> + <el-option v-for="item in allSafetyRiskEventData" :key="item.id" :label="item.riskEventName" :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="controlMeasureCode"> - <el-input - class="input-length" - v-model.trim="riskControlMeasureForm.controlMeasureCode" - placeholder="请输入风险措施编码" - ></el-input> + <el-input class="input-length" v-model.trim="riskControlMeasureForm.controlMeasureCode" placeholder="请输入风险措施编码"></el-input> </el-form-item> </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> @@ -39,26 +24,12 @@ </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-form-item label="管控内容" prop="checkContent"> - <el-input - class="input-length" - type="textarea" - :rows="3" - v-model.trim="riskControlMeasureForm.checkContent" - placeholder="请输入管控内容" - clearable - > - </el-input> + <el-input class="input-length" type="textarea" :rows="3" v-model.trim="riskControlMeasureForm.checkContent" 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="管控措施分类1" prop="classify1"> - <el-select - class="input-length" - v-model.trim="riskControlMeasureForm.classify1" - @change="changeClassifyTwoList" - placeholder="请选择管控方式" - clearable - > + <el-select class="input-length" v-model.trim="riskControlMeasureForm.classify1" @change="changeClassifyTwoList" placeholder="请选择管控方式" clearable> <el-option v-for="item in classifyOneList" :key="item.id" :label="item.riskMeasureName" :value="item.id"></el-option> </el-select> </el-form-item> @@ -72,27 +43,18 @@ </el-col> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-form-item label="管控措施分类3" prop="classify3"> - <el-input class="input-length" v-model.trim="riskControlMeasureForm.classify3" placeholder="请选择管控方式" clearable> - </el-input> + <el-input class="input-length" v-model.trim="riskControlMeasureForm.classify3" 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="measureDesc"> - <el-input - class="input-length" - type="textarea" - :rows="3" - v-model.trim="riskControlMeasureForm.measureDesc" - placeholder="请输入措施说明" - clearable - > - </el-input> + <el-input class="input-length" type="textarea" :rows="3" v-model.trim="riskControlMeasureForm.measureDesc" placeholder="请输入措施说明" clearable> </el-input> </el-form-item> </el-col> </el-row> </el-form> <template #footer> - <span class="dialog-footer"> + <span class="dialog-footer" v-show="disabled"> <el-button @click="isRiskControlMeasureDialog = !isRiskControlMeasureDialog" size="default">取 消</el-button> <el-button type="primary" @click="submitRiskControlMeasureDialog" v-throttle size="default">确 实</el-button> </span> @@ -104,6 +66,7 @@ <script lang="ts"> interface stateType { isRiskControlMeasureDialog: Boolean; + disabled: Boolean; riskControlMeasureForm: { riskEventId: number | null; controlMeasureCode: string | null; @@ -137,6 +100,7 @@ const riskControlMeasureFormRef = ref(); const state = reactive<stateType>({ title: '', + disabled: false, controlTypeList: [ { id: 1, name: '自动化监控' }, { id: 2, name: '隐患排查' } @@ -176,6 +140,7 @@ riskControlMeasureFormRef.value.clearValidate(); }); if (type === '新增') { + state.disabled = true; state.title = '新增风险管控措施'; state.riskControlMeasureForm = { riskEventId: null, @@ -187,7 +152,12 @@ classify3: null, measureDesc: null }; + } else if (type === '查看') { + state.disabled = false; + state.title = '修改风险管控措施'; + state.riskControlMeasureForm = JSON.parse(JSON.stringify(value)); } else { + state.disabled = true; state.title = '修改风险管控措施'; state.riskControlMeasureForm = JSON.parse(JSON.stringify(value)); } -- Gitblit v1.9.2