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/DailogAdd.vue |   31 ++++++++++++++++++++++---------
 1 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
index 23b4a85..c10c503 100644
--- a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
+++ b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.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">
@@ -27,7 +28,7 @@
 				</el-col>
 				<el-col :span="11" :offset="2">
 					<el-form-item label="制定日期">
-						<el-date-picker v-model="form.date1" type="date"  style="width: 100%" />
+						<el-date-picker v-model="form.date1" type="date" style="width: 100%" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -54,10 +55,10 @@
 </template>
 <script lang="ts">
 import { defineComponent, ref, reactive } from 'vue';
-import { Search } from '@element-plus/icons-vue';
-import DailogSearchUser from '../../../../components/DailogSearchUser/index.vue'
+import { Search, FullScreen } from '@element-plus/icons-vue';
+import DailogSearchUser from '../../../../components/DailogSearchUser/index.vue';
 export default defineComponent({
-	components:{DailogSearchUser},
+	components: { DailogSearchUser },
 	setup() {
 		const form = reactive({
 			name: '',
@@ -75,10 +76,19 @@
 			dialogVisible.value = true;
 		};
 		// 开启用户弹窗
-		const Show=ref()
-		const openUser=()=>{
-          Show.value.openDailog()
-		}
+		const Show = ref();
+		const openUser = () => {
+			Show.value.openDailog();
+		};
+		//全屏
+		const full = ref(false);
+		const toggleFullscreen = () => {
+			if (full.value == false) {
+				full.value = true;
+			} else {
+				full.value = false;
+			}
+		};
 		return {
 			form,
 			dialogVisible,
@@ -86,6 +96,9 @@
 			Show,
 			openUser,
 			Search,
+			full,
+			toggleFullscreen,
+			FullScreen,
 		};
 	},
 });

--
Gitblit v1.9.2