From 70d2ec3a55ade194b5473fa546410d62018dc45b Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期一, 18 七月 2022 17:55:27 +0800 Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut --- src/components/regionsDialog/index.vue | 26 +++++++++++++++++++++++--- 1 files changed, 23 insertions(+), 3 deletions(-) diff --git a/src/components/regionsDialog/index.vue b/src/components/regionsDialog/index.vue index 0aa5c11..8ecb8ab 100644 --- a/src/components/regionsDialog/index.vue +++ b/src/components/regionsDialog/index.vue @@ -1,5 +1,6 @@ <template> - <el-dialog v-model="dialogVisible" title="选择区域" width="900px" draggable> + <el-dialog v-model="dialogVisible" title="选择区域" width="900px" draggable :fullscreen="full"> + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-row> <el-col :span="18"> <el-form :inline="true" ref="ruleFormRef" :model="ruleForm" status-icon> @@ -45,8 +46,15 @@ </el-dialog> </template> <script lang="ts"> -import { defineComponent, reactive, ref } from 'vue'; -import { Delete } from '@element-plus/icons-vue'; +import { + defineComponent, + reactive, + ref +} from 'vue'; +import { + Delete, + FullScreen +} from '@element-plus/icons-vue'; export default defineComponent({ setup() { const dialogVisible = ref<boolean>(false); @@ -84,6 +92,15 @@ const handleClose = (tag: string) => { dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1); }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { dialogVisible, openDailog, @@ -95,6 +112,9 @@ dynamicTags, handleClose, Delete, + toggleFullscreen, + FullScreen, + full, }; }, }); -- Gitblit v1.9.2