From d57a6d8cca922c9a701887c0403c10d663a258cb Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期一, 18 七月 2022 17:47:56 +0800
Subject: [PATCH] 全屏功能

---
 src/views/contingencyManagement/contingency/component/openEdit.vue |   17 ++++++++++++++++-
 1 files changed, 16 insertions(+), 1 deletions(-)

diff --git a/src/views/contingencyManagement/contingency/component/openEdit.vue b/src/views/contingencyManagement/contingency/component/openEdit.vue
index 80df2a9..fbd8de4 100644
--- a/src/views/contingencyManagement/contingency/component/openEdit.vue
+++ b/src/views/contingencyManagement/contingency/component/openEdit.vue
@@ -7,7 +7,9 @@
           :model="ruleForm"
           size="default"
           label-width="120px"
+          :fullscreen="full"
       >
+        <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
         <el-row :gutter="35">
           <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
             <el-form-item label="队伍名称" prop="teamName">
@@ -138,7 +140,8 @@
   ElTable,
 } from 'element-plus'
 import {
-  Search
+  Search,
+  FullScreen
 } from '@element-plus/icons-vue'
 import UserSelections from "/@/components/userSelections/index.vue"
 import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue";
@@ -422,6 +425,15 @@
     const onEditEmergencyPersonnel = (row: TableDataRow) => {
       editRef.value.openDialog(row);
     };
+    //全屏
+    const full = ref(false);
+    const toggleFullscreen = () => {
+      if (full.value == false) {
+        full.value = true;
+      } else {
+        full.value = false;
+      }
+    };
     return {
       openDialog,
       closeDialog,
@@ -446,6 +458,9 @@
       openUser,
       userRef,
       ...toRefs(state),
+      toggleFullscreen,
+      FullScreen,
+      full,
     };
   },
 });

--
Gitblit v1.9.2