From d57a6d8cca922c9a701887c0403c10d663a258cb Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期一, 18 七月 2022 17:47:56 +0800 Subject: [PATCH] 全屏功能 --- src/views/contingencyManagement/contingency/component/openEdit.vue | 17 ++++++++++++++++- 1 files changed, 16 insertions(+), 1 deletions(-) diff --git a/src/views/contingencyManagement/contingency/component/openEdit.vue b/src/views/contingencyManagement/contingency/component/openEdit.vue index 80df2a9..fbd8de4 100644 --- a/src/views/contingencyManagement/contingency/component/openEdit.vue +++ b/src/views/contingencyManagement/contingency/component/openEdit.vue @@ -7,7 +7,9 @@ :model="ruleForm" size="default" label-width="120px" + :fullscreen="full" > + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-row :gutter="35"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="队伍名称" prop="teamName"> @@ -138,7 +140,8 @@ ElTable, } from 'element-plus' import { - Search + Search, + FullScreen } from '@element-plus/icons-vue' import UserSelections from "/@/components/userSelections/index.vue" import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue"; @@ -422,6 +425,15 @@ const onEditEmergencyPersonnel = (row: TableDataRow) => { editRef.value.openDialog(row); }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { openDialog, closeDialog, @@ -446,6 +458,9 @@ openUser, userRef, ...toRefs(state), + toggleFullscreen, + FullScreen, + full, }; }, }); -- Gitblit v1.9.2