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/contingency/component/openAdd.vue |   31 ++++++++++++++++++++++++++++---
 1 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/views/contingencyManagement/contingency/component/openAdd.vue b/src/views/contingencyManagement/contingency/component/openAdd.vue
index f09ff4c..3ee7941 100644
--- a/src/views/contingencyManagement/contingency/component/openAdd.vue
+++ b/src/views/contingencyManagement/contingency/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"
@@ -36,7 +38,7 @@
                   class="input-with-select"
               >
                 <template #append>
-                  <el-button :icon="Search"/>
+                  <el-button :icon="Search" @click="openUser"/>
                 </template>
               </el-input>
             </el-form-item>
@@ -126,6 +128,7 @@
       </template>
     </el-dialog>
         <AddEmergencyPersonnel ref="addRef" />
+        <UserSelections ref="userRef"/>
   </div>
 </template>
 
@@ -143,9 +146,11 @@
 } from 'element-plus'
 
 import {
-  Search
+  Search,
+  FullScreen
 } from '@element-plus/icons-vue'
 import AddEmergencyPersonnel from "/@/views/contingencyManagement/contingency/component/addEmergencyPersonnel.vue";
+import UserSelections from "/@/components/userSelections/index.vue"
 // 定义表格数据类型
 interface User {
   personnelName: string
@@ -156,7 +161,8 @@
 export default defineComponent({
   name: 'openAdd',
   components: {
-    AddEmergencyPersonnel
+    AddEmergencyPersonnel,
+    UserSelections,
   },
   setup() {
     const isShowDialog = ref(false)
@@ -234,6 +240,11 @@
         ],
       },
     ]
+    // 打开用户选择弹窗
+    const userRef = ref();
+    const openUser = () => {
+      userRef.value.openDialog();
+    };
     //定义tabs切换
     const activeName = ref('first')
 
@@ -306,6 +317,15 @@
         }
       })
     }
+    //全屏
+    const full = ref(false);
+    const toggleFullscreen = () => {
+      if (full.value == false) {
+        full.value = true;
+      } else {
+        full.value = false;
+      }
+    };
     return {
       openDialog,
       closeDialog,
@@ -324,7 +344,12 @@
       submitForm,
       rules,
       addRef,
+      userRef,
+      openUser,
       onAddEmergencyPersonnel,
+      toggleFullscreen,
+      FullScreen,
+      full,
     };
   },
 });

--
Gitblit v1.9.2