From 2ecd59e03b6b008d959ec31d132b91c974f1d47a Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 10 Sep 2026 13:31:39 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E4=BC=9A=E5=91=98?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E6=90=9C=E7=B4=A2=E6=A0=8F=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D=E4=B8=8E=E9=83=A8=E9=97=A8=E8=A7=86=E5=9B=BE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/ai-kb/zh/howto/user-account/search.md   |  3 +++
 resources/assets/js/components/UserSelect.vue     |  4 ++--
 resources/assets/sass/components/user-select.scss | 12 ++++++++++--
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/resources/ai-kb/zh/howto/user-account/search.md b/resources/ai-kb/zh/howto/user-account/search.md
index d59e4ea81..7a3a6f161 100644
--- a/resources/ai-kb/zh/howto/user-account/search.md
+++ b/resources/ai-kb/zh/howto/user-account/search.md
@@ -43,6 +43,9 @@ last_verified: v1.9.18
 - 搜索框为空时按 Backspace，取消末尾第一个允许取消的成员，并将已选列表滚动到最右端；没有可取消成员时保持不变。
 - 关闭图标支持键盘聚焦后按 Enter 或空格取消选择。修改选择后仍需点击「确定」提交。
 
+## 部门视图
+- 人员选择弹窗的「通讯录」支持切换到「部门视图」，成员列表相对部门标题向右缩进，标题右侧以较小字号显示当前分组的成员数量。
+
 ## 高级筛选
 - `keys.disable`：`0` 仅在职（默认）/ `1` 仅离职 / `2` 全部
 - `keys.bot`：`0` 排除机器人（默认）/ `1` 仅机器人 / `2` 全部
diff --git a/resources/assets/js/components/UserSelect.vue b/resources/assets/js/components/UserSelect.vue
index fa39d1019..81a330e0a 100755
--- a/resources/assets/js/components/UserSelect.vue
+++ b/resources/assets/js/components/UserSelect.vue
@@ -147,10 +147,10 @@
                                     <Icon class="user-modal-icon" :type="selectIcon(items.userid_list)"/>
                                     <span>{{ items.name }}</span>
                                 </div>
-                                <div class="user-modal-view">{{ items.list.length }} {{ $L('部门成员') }}</div>
+                                <div class="user-modal-view department-count">{{ items.list.length }} {{ $L('部门成员') }}</div>
                             </li>
                         </ul>
-                        <ul :key="`${items.id}-list`">
+                        <ul :key="`${items.id}-list`" :class="{'department-members': items.name !== null}">
                             <li
                                 v-for="item in items.list"
                                 :key="item.userid"
diff --git a/resources/assets/sass/components/user-select.scss b/resources/assets/sass/components/user-select.scss
index bbd85720e..0f549be83 100755
--- a/resources/assets/sass/components/user-select.scss
+++ b/resources/assets/sass/components/user-select.scss
@@ -108,14 +108,14 @@
                 flex-shrink: 0;
                 display: flex;
                 align-items: center;
-                margin: -6px 24px;
+                margin: 0 24px;
 
                 .search-selected {
                     flex: none;
                     height: auto;
                     flex-shrink: 0;
                     max-width: 60%;
-                    margin-right: 12px;
+                    margin: -6px 12px -6px 0;
 
                     ul {
                         display: flex;
@@ -299,6 +299,14 @@
                 ul {
                     padding: 8px 24px;
 
+                    &.department-members {
+                        padding-left: 44px;
+                    }
+
+                    .user-modal-view.department-count {
+                        font-size: 12px;
+                    }
+
                     &:first-child {
                         padding-top: 16px;
                     }