From 5a26e52cdd75a6eebffe74af9d98e545d6b6ea67 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期三, 20 七月 2022 09:39:06 +0800 Subject: [PATCH] css --- src/views/contingencyManagement/panManagement/component/openAdd.vue | 36 +++++++++++++++++++++++++----------- 1 files changed, 25 insertions(+), 11 deletions(-) diff --git a/src/views/contingencyManagement/panManagement/component/openAdd.vue b/src/views/contingencyManagement/panManagement/component/openAdd.vue index 580eba3..b2ebf54 100644 --- a/src/views/contingencyManagement/panManagement/component/openAdd.vue +++ b/src/views/contingencyManagement/panManagement/component/openAdd.vue @@ -5,7 +5,9 @@ v-model="isShowDialog" width="769px" draggable + :fullscreen="full" > + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form ref="ruleFormRef" :model="ruleForm" @@ -74,19 +76,17 @@ <el-form-item label="编写部门" prop="telephone"> <el-tree-select v-model="ruleForm.responsibleDepartment" - :data="data" class="w100" + :data="data" + class="w100" placeholder="请选择"/> </el-form-item> </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="发布实施日期" prop="telephone"> -<!-- <el-tree-select--> -<!-- v-model="ruleForm.responsibleDepartment"--> -<!-- :data="data" class="w100"--> -<!-- placeholder="请选择"/>--> <el-date-picker v-model="value1" type="datetime" + class="w100" placeholder="选择日期时间" /> </el-form-item> @@ -144,14 +144,15 @@ </span> </template> </el-dialog> - <DailogSearch ref="Shows"/> + <CheckTemplate ref="Shows"/> <userSelections ref="userRef"/> <RegionsDialog ref="openRef"/> </div> </template> <script lang="ts"> -import { reactive, +import { + reactive, ref, defineComponent } from 'vue'; @@ -163,16 +164,17 @@ } from 'element-plus' import { - Search + Search, + FullScreen } from '@element-plus/icons-vue' import UserSelections from "/@/components/userSelections/index.vue" -import DailogSearch from '/@/views/contingencyManagement/panManagement/component/DailogSearch.vue' -import RegionsDialog from '/@/views/contingencyManagement/panManagement/component/regionsDialog.vue' +import CheckTemplate from '/@/components/checkTemplate/index.vue' +import RegionsDialog from '/@/components/regionsDialog/index.vue' export default defineComponent({ name: 'openAdd', components: { - DailogSearch, + CheckTemplate, UserSelections, RegionsDialog, }, @@ -395,6 +397,15 @@ const openUser = () => { userRef.value.openDialog(); }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; return { openDialog, closeDialog, @@ -417,6 +428,9 @@ userRef, regionsDialog, openRef, + toggleFullscreen, + FullScreen, + full, }; }, }); -- Gitblit v1.9.2