From 9148853f2cdbc0c5c96865ad97a76e6740468dd8 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 1 Mar 2025 14:51:07 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=9B=A2=E9=98=9F=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E8=B0=83=E6=95=B4=E9=83=A8=E9=97=A8=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/TeamManagement.vue | 15 +++++++++++++--
 .../sass/pages/components/team-management.scss    |  4 +++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/TeamManagement.vue b/resources/assets/js/pages/manage/components/TeamManagement.vue
index c0156dad8..59f23d10a 100644
--- a/resources/assets/js/pages/manage/components/TeamManagement.vue
+++ b/resources/assets/js/pages/manage/components/TeamManagement.vue
@@ -11,7 +11,7 @@
             </div>
         </div>
         <div class="management-box" :class="{'min-box':minBox}">
-            <div class="management-department">
+            <div class="management-department" :style="{width: departmentWidth + 'px'}">
                 <ul>
                     <li :class="[`level-1`, departmentSelect === 0 ? 'active' : '']" @click="onSelectDepartment(0)">
                         <i class="taskfont department-icon">&#xe766;</i>
@@ -64,6 +64,12 @@
                     <Button type="primary" icon="md-add" @click="onShowDepartment(null)">{{$L('新建部门')}}</Button>
                 </div>
             </div>
+            <ResizeLine
+                class="management-resize"
+                placement="right"
+                v-model="departmentWidth"
+                :min="100"
+                :max="900"/>
             <div class="management-user" :style="userStyle">
                 <div class="search-container lr">
                     <ul>
@@ -362,11 +368,12 @@
 import UserSelect from "../../../components/UserSelect.vue";
 import UserAvatarTip from "../../../components/UserAvatar/tip.vue";
 import ImgUpload from "../../../components/ImgUpload";
+import ResizeLine from "../../../components/ResizeLine.vue";
 import {mapState} from "vuex";
 
 export default {
     name: "TeamManagement",
-    components: {UserAvatarTip, UserSelect, ImgUpload},
+    components: {ResizeLine, UserAvatarTip, UserSelect, ImgUpload},
     props: {
         checkinMode: {
             type: Boolean,
@@ -763,6 +770,7 @@ export default {
             departmentEditShow: false,
             departmentEditLoading: 0,
             departmentEditData: {},
+            departmentWidth: $A.getStorageInt('management.departmentWidth', 239),
 
             disableShow: false,
             disableLoading: 0,
@@ -919,6 +927,9 @@ export default {
         departmentSelect() {
             this.setPage(1)
         },
+        departmentWidth(w) {
+            $A.setStorage('management.departmentWidth', w)
+        },
         windowPortrait: {
             handler(v) {
                 this.minBox = v
diff --git a/resources/assets/sass/pages/components/team-management.scss b/resources/assets/sass/pages/components/team-management.scss
index 27784e196..2015fe956 100644
--- a/resources/assets/sass/pages/components/team-management.scss
+++ b/resources/assets/sass/pages/components/team-management.scss
@@ -58,7 +58,6 @@
             }
         }
         .management-department {
-            width: 239px;
             border-right: 1px solid #efefef;
             flex-shrink: 0;
             display: flex;
@@ -117,6 +116,9 @@
                 justify-content: center;
             }
         }
+        .management-resize {
+            width: 2px;
+        }
         .management-user {
             flex: 1;
             width: 0;