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/performanceAppraisal/component/DailogAq.vue | 31 ++++++++++++++++++++++--------- 1 files changed, 22 insertions(+), 9 deletions(-) diff --git a/src/views/goalManagement/performanceAppraisal/component/DailogAq.vue b/src/views/goalManagement/performanceAppraisal/component/DailogAq.vue index 3eff224..bdbaafc 100644 --- a/src/views/goalManagement/performanceAppraisal/component/DailogAq.vue +++ b/src/views/goalManagement/performanceAppraisal/component/DailogAq.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"> @@ -125,14 +126,14 @@ </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; -import { Search } from '@element-plus/icons-vue'; -import DailogSearch from './DailogSearch.vue' +import { Search, FullScreen } from '@element-plus/icons-vue'; +import DailogSearch from './DailogSearch.vue'; import DailogSearchUser from '/@/components/DailogSearchUser/index.vue'; import { ElMessage, ElMessageBox } from 'element-plus'; import type { UploadProps, UploadUserFile } from 'element-plus'; export default defineComponent({ - components: { DailogSearchUser,DailogSearch}, + components: { DailogSearchUser, DailogSearch }, setup() { const dialogVisible = ref<boolean>(false); const form = reactive({ @@ -213,6 +214,15 @@ () => false ); }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { form, dialogVisible, @@ -224,11 +234,14 @@ Shows, daiInpt, Search, - fileList, - handleRemove, - handlePreview, - handleExceed, - beforeRemove + fileList, + handleRemove, + handlePreview, + handleExceed, + beforeRemove, + full, + toggleFullscreen, + FullScreen, }; }, }); -- Gitblit v1.9.2