From 9f4e449a4159c9debf5520a797393bd5df2e5908 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期一, 18 七月 2022 15:01:46 +0800 Subject: [PATCH] css --- src/views/goalManagement/targetDecompositionYear/component/Dailog.vue | 43 ++++++++++++++++++++++++++++--------------- 1 files changed, 28 insertions(+), 15 deletions(-) diff --git a/src/views/goalManagement/targetDecompositionYear/component/Dailog.vue b/src/views/goalManagement/targetDecompositionYear/component/Dailog.vue index c3e39c9..3554207 100644 --- a/src/views/goalManagement/targetDecompositionYear/component/Dailog.vue +++ b/src/views/goalManagement/targetDecompositionYear/component/Dailog.vue @@ -1,5 +1,6 @@ <template> - <el-dialog v-model="dialogVisible" title="目标分解" width="50%" draggable> + <el-dialog v-model="dialogVisible" :fullscreen="full" title="目标分解" width="50%" draggable> + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form :model="form" label-width="120px"> <el-row> <el-col :span="11"> @@ -52,16 +53,16 @@ </span> </template> </el-dialog> - <DailogAdd ref="Show"></DailogAdd> - <DailogSearch ref="Shows"></DailogSearch> + <DailogAdd ref="Show"></DailogAdd> + <DailogSearch ref="Shows"></DailogSearch> </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; -import { Search } from '@element-plus/icons-vue'; -import DailogAdd from './DailogAdd.vue' -import DailogSearch from '../../../../components/DailogSearch/DailogSearch.vue' +import { Search, FullScreen } from '@element-plus/icons-vue'; +import DailogAdd from './DailogAdd.vue'; +import DailogSearch from '../../../../components/DailogSearch/DailogSearch.vue'; export default defineComponent({ - components:{DailogAdd,DailogSearch}, + components: { DailogAdd, DailogSearch }, setup() { const dialogVisible = ref<boolean>(false); const form = reactive({ @@ -103,15 +104,24 @@ }, ]; // 新增弹窗 - const Show=ref() - const daiAdd=()=>{ - Show.value.openDailog() - } + const Show = ref(); + const daiAdd = () => { + Show.value.openDailog(); + }; // 安全目标指标弹窗 - const Shows=ref() - const daiInpt=()=>{ - Shows.value.openDailog() - } + const Shows = ref(); + const daiInpt = () => { + Shows.value.openDailog(); + }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { form, dialogVisible, @@ -123,6 +133,9 @@ Shows, daiInpt, Search, + full, + toggleFullscreen, + FullScreen, }; }, }); -- Gitblit v1.9.2