From 6e1be6afed910d217199278bb3f89d8922dfc5af Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: Wed, 03 Aug 2022 19:17:56 +0800
Subject: [PATCH] 双重预防系统
---
src/views/doublePrevent/riskLevel/unit/components/safetyRiskAnalyseUnitDialog.vue | 70 +++++++++-------------------------
1 files changed, 19 insertions(+), 51 deletions(-)
diff --git a/src/views/doublePrevent/riskLevel/unit/components/safetyRiskAnalyseUnitDialog.vue b/src/views/doublePrevent/riskLevel/unit/components/safetyRiskAnalyseUnitDialog.vue
index fed0700..d1e6f10 100644
--- a/src/views/doublePrevent/riskLevel/unit/components/safetyRiskAnalyseUnitDialog.vue
+++ b/src/views/doublePrevent/riskLevel/unit/components/safetyRiskAnalyseUnitDialog.vue
@@ -1,73 +1,33 @@
<template>
<div class="system-add-menu-container">
- <el-dialog :title="title" v-model="isSafetyRiskAnalyseUnitDialog" width="600px">
- <el-form
- :model="safetyRiskAnalyseUnitForm"
- :rules="safetyRiskAnalyseUnitFormRules"
- ref="safetyRiskAnalyseUnitFormRef"
- size="default"
- label-width="180px"
- >
+ <el-dialog :title="title" v-model="isSafetyRiskAnalyseUnitDialog" width="600px" :close-on-click-modal="false">
+ <el-form :model="safetyRiskAnalyseUnitForm" :rules="safetyRiskAnalyseUnitFormRules" ref="safetyRiskAnalyseUnitFormRef" size="default" label-width="180px">
<el-row :gutter="35">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="安全风险分析对象编码" prop="riskCode">
- <el-input
- class="input-length"
- v-model.trim="safetyRiskAnalyseUnitForm.riskCode"
- placeholder="请输入安全风险分析对象编码"
- ></el-input>
+ <el-input class="input-length" v-model.trim="safetyRiskAnalyseUnitForm.riskCode" placeholder="请输入安全风险分析对象编码"></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="riskUnitName">
- <el-input
- class="input-length"
- v-model.trim="safetyRiskAnalyseUnitForm.riskUnitName"
- placeholder="请输入安全风险分析单元名称"
- ></el-input>
+ <el-input class="input-length" v-model.trim="safetyRiskAnalyseUnitForm.riskUnitName" placeholder="请输入安全风险分析单元名称"></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="produceDeviceId">
- <el-select
- class="input-length"
- v-model="safetyRiskAnalyseUnitForm.produceDeviceId"
- placeholder="请输入生产装置名称"
- clearable
- >
- <el-option
- v-for="item in allProduceDeviceData"
- :key="item.id"
- :label="item.produceDeviceName"
- :value="item.id"
- ></el-option>
+ <el-select class="input-length" v-model="safetyRiskAnalyseUnitForm.produceDeviceId" placeholder="请输入生产装置名称" clearable>
+ <el-option v-for="item in allProduceDeviceData" :key="item.id" :label="item.produceDeviceName" :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="liableDepId">
- <el-cascader
- @change="achieveUserList"
- :options="departmentList"
- :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }"
- placeholder="请选择部门"
- clearable
- filterable
- style="width: 85%"
- v-model="safetyRiskAnalyseUnitForm.liableDepId"
- >
- </el-cascader>
+ <el-cascader @change="achieveUserList" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable filterable style="width: 85%" v-model="safetyRiskAnalyseUnitForm.liableDepId"> </el-cascader>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="责任人" prop="liablePersonId">
- <el-select
- class="input-length"
- v-model="safetyRiskAnalyseUnitForm.liablePersonId"
- placeholder="请选择责任人"
- clearable
- filterable
- >
+ <el-select class="input-length" v-model="safetyRiskAnalyseUnitForm.liablePersonId" placeholder="请选择责任人" clearable filterable>
<el-option v-for="item in userList" :key="item.uid" :label="item.realName" :value="item.uid"></el-option>
</el-select>
</el-form-item>
@@ -75,9 +35,9 @@
</el-row>
</el-form>
<template #footer>
- <span class="dialog-footer">
+ <span class="dialog-footer" v-show="disabled">
<el-button @click="isSafetyRiskAnalyseUnitDialog = !isSafetyRiskAnalyseUnitDialog" size="default">取 消</el-button>
- <el-button type="primary" @click="submitSafetyRiskAnalyseUnitDialog" v-throttle size="default">确 实</el-button>
+ <el-button type="primary" @click="submitSafetyRiskAnalyseUnitDialog" v-throttle size="default">确 定</el-button>
</span>
</template>
</el-dialog>
@@ -87,6 +47,7 @@
<script lang="ts">
interface stateType {
isSafetyRiskAnalyseUnitDialog: Boolean;
+ disabled: Boolean;
safetyRiskAnalyseUnitForm: {
riskCode: string | null;
riskUnitName: string | null;
@@ -103,7 +64,7 @@
import { reactive, toRefs, ref } from 'vue';
import { safetyRiskAnalyseUnitApi } from '/@/api/doublePreventSystem/safetyRiskAnalyseUnit';
import { ElMessage } from 'element-plus';
-import { userApi } from '/@/api/user';
+import { userApi } from '/@/api/systemManage/user';
import { getUserByDepartment } from '/@/assets/methods';
export default {
name: 'productionDeviceDialog',
@@ -111,6 +72,7 @@
const safetyRiskAnalyseUnitFormRef = ref();
const state = reactive<stateType>({
title: '',
+ disabled: false,
userList: [],
departmentList: [],
allProduceDeviceData: [],
@@ -141,6 +103,7 @@
safetyRiskAnalyseUnitFormRef.value.clearValidate();
});
if (type === '新增') {
+ state.disabled = true;
state.title = '新增风险分析单元';
state.safetyRiskAnalyseUnitForm = {
riskCode: null,
@@ -149,7 +112,12 @@
liableDepId: null,
produceDeviceId: null
};
+ } else if (type === '查看') {
+ state.disabled = false;
+ state.title = '查看风险分析单元';
+ state.safetyRiskAnalyseUnitForm = JSON.parse(JSON.stringify(value));
} else {
+ state.disabled = true;
state.title = '修改风险分析单元';
state.safetyRiskAnalyseUnitForm = JSON.parse(JSON.stringify(value));
}
--
Gitblit v1.9.2