From b4b7a612c07334bfd92eb1a5aa475890e738dfc7 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 19 七月 2022 10:18:08 +0800 Subject: [PATCH] css --- src/views/contingencyManagement/contingency/component/openAdd.vue | 31 ++++++++++++++++++++++++++++--- 1 files changed, 28 insertions(+), 3 deletions(-) diff --git a/src/views/contingencyManagement/contingency/component/openAdd.vue b/src/views/contingencyManagement/contingency/component/openAdd.vue index f09ff4c..3ee7941 100644 --- a/src/views/contingencyManagement/contingency/component/openAdd.vue +++ b/src/views/contingencyManagement/contingency/component/openAdd.vue @@ -5,7 +5,9 @@ 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" @@ -36,7 +38,7 @@ class="input-with-select" > <template #append> - <el-button :icon="Search"/> + <el-button :icon="Search" @click="openUser"/> </template> </el-input> </el-form-item> @@ -126,6 +128,7 @@ </template> </el-dialog> <AddEmergencyPersonnel ref="addRef" /> + <UserSelections ref="userRef"/> </div> </template> @@ -143,9 +146,11 @@ } from 'element-plus' import { - Search + Search, + FullScreen } from '@element-plus/icons-vue' import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue"; +import UserSelections from "/@/components/userSelections/index.vue" // 定义表格数据类型 interface User { personnelName: string @@ -156,7 +161,8 @@ export default defineComponent({ name: 'openAdd', components: { - AddEmergencyPersonnel + AddEmergencyPersonnel, + UserSelections, }, setup() { const isShowDialog = ref(false) @@ -234,6 +240,11 @@ ], }, ] + // 打开用户选择弹窗 + const userRef = ref(); + const openUser = () => { + userRef.value.openDialog(); + }; //定义tabs切换 const activeName = ref('first') @@ -306,6 +317,15 @@ } }) } + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { openDialog, closeDialog, @@ -324,7 +344,12 @@ submitForm, rules, addRef, + userRef, + openUser, onAddEmergencyPersonnel, + toggleFullscreen, + FullScreen, + full, }; }, }); -- Gitblit v1.9.2