From 2b4328392746fc59f5edf98fed629f8db2804e18 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期三, 27 七月 2022 09:29:23 +0800 Subject: [PATCH] 对接 --- src/views/contingencyManagement/panManagement/component/openAdd.vue | 68 ++++++++++++++++++++++------------ 1 files changed, 44 insertions(+), 24 deletions(-) diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue index 87df549..181d212 100644 --- a/src/views/contingencyManagement/panManagement/component/openAdd.vue +++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue @@ -1,11 +1,13 @@ <template> <div class="system-edit-user-container"> <el-dialog - title="新建应急预案管理" + :title="title" v-model="isShowDialog" width="769px" draggable + :fullscreen="full" > + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form ref="ruleFormRef" :model="ruleForm" @@ -14,14 +16,14 @@ > <el-row :gutter="35"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="预案名称" prop="teamName"> - <el-input v-model="ruleForm.teamName" placeholder="请填写队伍名称"></el-input> + <el-form-item label="预案名称" prop="name"> + <el-input v-model="ruleForm.name" placeholder="请填写队伍名称"></el-input> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="适用部门" prop="responsibleDepartment"> <el-tree-select - v-model="treeSelect" + v-model="ruleForm.treeSelect" :data="tree" multiple :render-after-expand="true" @@ -31,8 +33,8 @@ </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="预案类型" prop="teamLeader"> - <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择"> + <el-form-item label="预案类型" prop="type"> + <el-select v-model="ruleForm.type" class="w100" placeholder="请选择"> <el-option label="综合应急预案" value="admin"></el-option> <el-option label="现场处置方案" value="common"></el-option> <el-option label="专项应急预案" value="common"></el-option> @@ -41,16 +43,16 @@ </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="危险源关联" prop="teamLevel"> - <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择"> + <el-form-item label="危险源关联" prop="associatedDanger"> + <el-select v-model="ruleForm.associatedDanger" class="w100" placeholder="请选择"> <el-option label="是" value="admin"></el-option> <el-option label="否" value="common"></el-option> </el-select> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="预案级别" prop="teamPhone"> - <el-select v-model="ruleForm.teamLevel" class="w100" placeholder="请选择"> + <el-form-item label="预案级别" prop="level"> + <el-select v-model="ruleForm.level" class="w100" placeholder="请选择"> <el-option label="公司级" value="admin"></el-option> <el-option label="分厂级" value="common"></el-option> <el-option label="车间级" value="common"></el-option> @@ -58,9 +60,9 @@ </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="编写人" prop="telephone" > + <el-form-item label="编写人" prop="authorId" > <el-input - v-model="ruleForm.teamLeader" + v-model="ruleForm.authorId" placeholder="请选择" class="input-with-select" > @@ -71,18 +73,18 @@ </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="编写部门" prop="telephone"> + <el-form-item label="编写部门" prop="authorDeptId"> <el-tree-select - v-model="ruleForm.responsibleDepartment" + v-model="ruleForm.authorDeptId" :data="data" class="w100" placeholder="请选择"/> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> - <el-form-item label="发布实施日期" prop="telephone"> + <el-form-item label="发布实施日期" prop="releaseDate"> <el-date-picker - v-model="value1" + v-model="ruleForm.releaseDate" type="datetime" class="w100" placeholder="选择日期时间" @@ -162,11 +164,14 @@ } from 'element-plus' import { - Search + Search, + FullScreen } from '@element-plus/icons-vue' import UserSelections from "/@/components/userSelections/index.vue" import CheckTemplate from '/@/components/checkTemplate/index.vue' import RegionsDialog from '/@/components/regionsDialog/index.vue' + + export default defineComponent({ name: 'openAdd', @@ -181,11 +186,14 @@ const ruleFormRef = ref<FormInstance>() //定义表单 const ruleForm = reactive({ - teamName: '', // 队伍名称 - teamLeader: '', //队伍负责人 - department: [], // 负责人部门 - phone: '', // 负责人手机 - telephone: '', // 固定电话 + name: '', // 预案名称 + type: '', //预案类型 + associatedDanger: '', // 危险源关联 + level: '', // 预案级别 + authorId: '', // 编写人 + authorDeptId: '', // 编写部门 + releaseDate: '', // 发布实施日期 + // telephone: '', // 应急队伍 }); // 打开弹窗 const openDialog = () => { @@ -201,7 +209,7 @@ closeDialog(); }; //日期选择器 - const value1 = ref('') + const releaseDate = ref('') // 上传附件 const fileList = ref<UploadUserFile[]>([]) // 可选择树 @@ -394,6 +402,15 @@ const openUser = () => { userRef.value.openDialog(); }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { openDialog, closeDialog, @@ -404,7 +421,7 @@ data, Search, ruleForm, - value1, + releaseDate, treeSelect, tree, daiInpt, @@ -416,6 +433,9 @@ userRef, regionsDialog, openRef, + toggleFullscreen, + FullScreen, + full, }; }, }); -- Gitblit v1.9.2