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/Incentivestandard/component/DailogAdd.vue | 20 ++++++++++++++++---- 1 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue b/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue index aa4698c..4d0e68c 100644 --- a/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue +++ b/src/views/goalManagement/Incentivestandard/component/DailogAdd.vue @@ -1,10 +1,11 @@ <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"> <el-form-item label="奖惩类型"> - <el-select v-model="form.region" style="width:100%" placeholder=""> + <el-select v-model="form.region" style="width: 100%" placeholder=""> <el-option label="Zone one" value="shanghai" /> <el-option label="Zone two" value="beijing" /> </el-select> @@ -46,7 +47,7 @@ </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; -import { Search } from '@element-plus/icons-vue'; +import { Search, FullScreen } from '@element-plus/icons-vue'; export default defineComponent({ setup() { const dialogVisible = ref<boolean>(false); @@ -65,7 +66,15 @@ }; // 导航 const activeName = ref('1'); - // 表格 + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { form, @@ -73,6 +82,9 @@ openDailog, activeName, Search, + full, + toggleFullscreen, + FullScreen, }; }, }); -- Gitblit v1.9.2