From 0888f599a4effae0c563de44a0b5fe3278838c72 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 21 May 2026 09:41:00 +0000
Subject: [PATCH] =?UTF-8?q?feat(manage):=20=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=94=AF=E6=8C=81=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=BD=E5=BA=A6=E5=B9=B6=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=9D=A1=E4=BB=B6=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 ResizeLine 组件实现侧边栏宽度拖拽调整，范围200-420px，持久化至 localStorage
- 修复 v-for/v-else-if 同级指令优先级问题，将 v-else-if 提升至 template 包裹层

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 resources/assets/js/pages/manage.vue         | 83 +++++++++++++-------
 resources/assets/sass/pages/page-manage.scss | 11 +++
 2 files changed, 67 insertions(+), 27 deletions(-)

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index e8d3df97b..c578066d2 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -1,6 +1,10 @@
 <template>
     <div class="page-manage" :class="pageClass">
-        <div ref="boxMenu" class="manage-box-menu">
+        <div
+            ref="boxMenu"
+            class="manage-box-menu"
+            :class="{'menu-resizing': menuResizing}"
+            :style="menuStyle">
             <Dropdown
                 class="page-manage-menu-dropdown main-menu"
                 trigger="click"
@@ -101,33 +105,34 @@
                             </div>
                         </DropdownItem>
                         <!-- 其他菜单 -->
-                        <DropdownItem
-                            v-else-if="item.visible !== false"
-                            :key="`menu-${index}`"
-                            :divided="!!item.divided"
-                            :name="item.path"
-                            :style="item.style || {}">
-                            <div class="manage-menu-flex">
-                                <div class="manage-menu-title">
-                                    {{$L(item.name)}}
+                        <template v-else-if="item.visible !== false">
+                            <DropdownItem
+                                :key="`menu-${index}`"
+                                :divided="!!item.divided"
+                                :name="item.path"
+                                :style="item.style || {}">
+                                <div class="manage-menu-flex">
+                                    <div class="manage-menu-title">
+                                        {{$L(item.name)}}
+                                    </div>
+                                    <Icon
+                                        v-if="item.selected === true"
+                                        type="md-checkmark" />
+                                    <Badge
+                                        v-if="item.path === 'version'"
+                                        class="manage-menu-report-badge"
+                                        :text="clientNewVersion"/>
+                                    <Badge
+                                        v-else-if="item.path === 'workReport' && reportUnreadNumber > 0"
+                                        class="manage-menu-report-badge"
+                                        :count="reportUnreadNumber"/>
+                                    <Badge
+                                        v-else-if="item.path === 'approve' && approveUnreadNumber > 0"
+                                        class="manage-menu-report-badge"
+                                        :count="approveUnreadNumber"/>
                                 </div>
-                                <Icon
-                                    v-if="item.selected === true"
-                                    type="md-checkmark" />
-                                <Badge
-                                    v-if="item.path === 'version'"
-                                    class="manage-menu-report-badge"
-                                    :text="clientNewVersion"/>
-                                <Badge
-                                    v-else-if="item.path === 'workReport' && reportUnreadNumber > 0"
-                                    class="manage-menu-report-badge"
-                                    :count="reportUnreadNumber"/>
-                                <Badge
-                                    v-else-if="item.path === 'approve' && approveUnreadNumber > 0"
-                                    class="manage-menu-report-badge"
-                                    :count="approveUnreadNumber"/>
-                            </div>
-                        </DropdownItem>
+                            </DropdownItem>
+                        </template>
                     </template>
                 </DropdownMenu>
             </Dropdown>
@@ -278,6 +283,13 @@
                     </DropdownMenu>
                 </Dropdown>
             </ButtonGroup>
+            <ResizeLine
+                class="manage-menu-resize"
+                placement="right"
+                v-model="menuWidth"
+                :min="200"
+                :max="420"
+                @on-change="onMenuResizeChange"/>
         </div>
 
         <div class="manage-box-main" :role="routeName">
@@ -486,6 +498,7 @@ import TaskExport from "./manage/components/TaskExport";
 import ApproveExport from "./manage/components/ApproveExport";
 import ComplaintManagement from "./manage/components/ComplaintManagement";
 import MicroApps from "../components/MicroApps";
+import ResizeLine from "../components/ResizeLine.vue";
 import UserSelect from "../components/UserSelect.vue";
 import ImgUpload from "../components/ImgUpload.vue";
 import Approve from "./manage/approve/index.vue";
@@ -522,6 +535,7 @@ export default {
         RecentManagement,
         ProjectArchived,
         MicroApps,
+        ResizeLine,
         ComplaintManagement,
         Draggable,
         DepartmentOwnerView
@@ -595,6 +609,9 @@ export default {
 
             mcpHelperShow: false,
             departmentOwnerViewShow: false,
+
+            menuWidth: Math.min(420, Math.max(200, $A.getStorageInt("manage.menuWidth", 255))),
+            menuResizing: false,
         }
     },
 
@@ -694,6 +711,12 @@ export default {
             }
         },
 
+        menuStyle() {
+            return {
+                width: `${this.menuWidth}px`
+            }
+        },
+
         /**
          * 综合数（未读、提及、待办）
          * @returns {string|string}
@@ -1035,6 +1058,12 @@ export default {
 
     methods: {
         transformEmojiToHtml,
+        onMenuResizeChange({event}) {
+            this.menuResizing = event !== 'up';
+            if (event === 'up') {
+                $A.setStorage("manage.menuWidth", this.menuWidth);
+            }
+        },
         syncOwnerProjectTabByRoute() {
             if (!this.ownerProjectTabsVisible || !this.routeProject) {
                 return;
diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss
index e138e5918..b66db95b8 100644
--- a/resources/assets/sass/pages/page-manage.scss
+++ b/resources/assets/sass/pages/page-manage.scss
@@ -19,6 +19,17 @@
         flex-direction: column;
         align-items: center;
         transition: all 0.2s;
+        &.menu-resizing {
+            transition: none;
+        }
+        .manage-menu-resize {
+            position: absolute;
+            top: 0;
+            right: -3px;
+            bottom: 0;
+            width: 6px;
+            z-index: 3;
+        }
         .scrollbar-container {
             flex: 1;
             width: 100%;