fix: 调整会员选择器搜索栏间距与部门视图样式

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` 全部

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"

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;
                     }