From 0f5f7c515a5b45e19ea4a4701be5af2f297e13ab Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 17 Apr 2023 12:36:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E9=83=A8=E9=97=A8=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/TeamManagement.vue      | 13 +++++++++++-
 .../pages/components/team-management.scss     | 21 +++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/pages/manage/components/TeamManagement.vue b/resources/assets/js/pages/manage/components/TeamManagement.vue
index a7e1d51ba..249f93318 100644
--- a/resources/assets/js/pages/manage/components/TeamManagement.vue
+++ b/resources/assets/js/pages/manage/components/TeamManagement.vue
@@ -2,11 +2,15 @@
     <div class="team-management">
         <div class="management-title">
             {{$L('团队管理')}}
+            <div class="title-zoom" @click="minBox=!minBox">
+                <i v-if="minBox" class="taskfont">&#xe7d4;</i>
+                <i v-else class="taskfont">&#xe7d3;</i>
+            </div>
             <div class="title-icon">
                 <Loading v-if="loadIng > 0"/>
             </div>
         </div>
-        <div class="management-box">
+        <div class="management-box" :class="{'min-box':minBox}">
             <div class="management-department">
                 <ul>
                     <li :class="[`level-1`, departmentSelect === 0 ? 'active' : '']" @click="onSelectDepartment(0)">
@@ -308,6 +312,7 @@ export default {
     data() {
         return {
             loadIng: 0,
+            minBox: false,
 
             keys: {},
             keyIs: false,
@@ -762,6 +767,12 @@ export default {
         },
         departmentSelect() {
             this.setPage(1)
+        },
+        windowSmall: {
+            handler(v) {
+                this.minBox = v
+            },
+            immediate: true
         }
     },
     computed: {
diff --git a/resources/assets/sass/pages/components/team-management.scss b/resources/assets/sass/pages/components/team-management.scss
index 94f31d3ad..6d28cfede 100644
--- a/resources/assets/sass/pages/components/team-management.scss
+++ b/resources/assets/sass/pages/components/team-management.scss
@@ -18,6 +18,19 @@
         display: flex;
         align-items: center;
 
+        .title-zoom {
+            display: flex;
+            align-items: center;
+            height: 20px;
+            line-height: 20px;
+            margin-left: 6px;
+
+            > i {
+                cursor: pointer;
+                font-size: 24px;
+            }
+        }
+
         .title-icon {
             display: flex;
             align-items: center;
@@ -37,6 +50,14 @@
         display: flex;
         min-width: 500px;
         height: 0;
+        &.min-box {
+            .management-department {
+                display: none;
+            }
+            .management-user {
+                padding-left: 0;
+            }
+        }
         .management-department {
             width: 239px;
             border-right: 1px solid #efefef;