收敛部门管理页头部样式

app/admin/_components/DepartmentsTab.tsx

@@ -50,7 +50,7 @@ export default function DepartmentsTab({
   // 免费版限制：不能添加子分支（部门隔离功能）
   const canAddSubDepartment = !isFree && isFeatureEnabled('departmentIsolation')
 
-  const borderInputIndigo = theme === 'dark' ? 'border-indigo-600' : 'border-indigo-300'
+  const borderInputNeutral = theme === 'dark' ? 'border-slate-600' : 'border-slate-300'
   const bgInput = theme === 'dark' ? 'bg-slate-900' : 'bg-white'
   const textTitle = theme === 'dark' ? 'text-white' : 'text-slate-900'
   const textDesc = theme === 'dark' ? 'text-slate-300' : 'text-slate-600'
@@ -206,8 +206,8 @@ export default function DepartmentsTab({
                 className={cn(
                   styles.inputStyles.base,
                   styles.inputModifiers.compact,
-                  'flex-1 max-w-xs', // 限制最大宽度，避免输入框太宽
-                  borderInputIndigo,
+                  'flex-1 max-w-xs',
+                  borderInputNeutral,
                   bgInput,
                 )}
                 autoFocus
@@ -225,7 +225,7 @@ export default function DepartmentsTab({
                   className={cn(
                     styles.buttonStyles.primary,
                     styles.buttonModifiers.compact,
-                    'bg-indigo-600 hover:bg-indigo-700 text-white' // 显式添加背景色和文字色
+                    'bg-slate-900 hover:bg-slate-800 text-white dark:bg-slate-100 dark:hover:bg-white dark:text-slate-900',
                   )}
                 >
                   保存
@@ -239,7 +239,7 @@ export default function DepartmentsTab({
                   className={cn(
                     styles.buttonStyles.secondary,
                     styles.buttonModifiers.compact,
-                    'bg-white dark:bg-slate-800 border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-200' // 显式添加背景色和文字色
+                    'bg-white dark:bg-slate-800 border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-200',
                   )}
                 >
                   取消
@@ -260,7 +260,7 @@ export default function DepartmentsTab({
                   className={cn(
                     styles.buttonStyles.primary,
                     styles.buttonModifiers.compact,
-                    'bg-indigo-600 hover:bg-indigo-700 text-white relative', // 显式添加背景色和文字色
+                    'bg-slate-900 hover:bg-slate-800 text-white dark:bg-slate-100 dark:hover:bg-white dark:text-slate-900 relative',
                     !canAddSubDepartment && 'opacity-80'
                   )}
                 >
@@ -276,7 +276,7 @@ export default function DepartmentsTab({
                   className={cn(
                     styles.buttonStyles.secondary,
                     styles.buttonModifiers.compact,
-                    'bg-white dark:bg-slate-800 border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-200' // 显式添加背景色和文字色
+                    'bg-white dark:bg-slate-800 border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-200',
                   )}
                 >
                   重命名
@@ -290,7 +290,6 @@ export default function DepartmentsTab({
                   className={cn(
                     styles.buttonStyles.danger,
                     styles.buttonModifiers.compact,
-                    // 统一UI样式已包含颜色，不需要额外添加
                   )}
                 >
                   删除
@@ -312,29 +311,26 @@ export default function DepartmentsTab({
     <div className="space-y-6">
       <section
         className={cn(
-          'relative overflow-hidden rounded-2xl border mb-6 flex-shrink-0 p-5',
+          'rounded-lg border mb-4 flex-shrink-0 p-4',
           theme === 'dark'
             ? 'border-slate-700 bg-slate-900 text-white'
             : 'border-slate-200 bg-white text-slate-900',
           'transition-colors',
         )}
       >
-        <div className="relative z-10 flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
-          <div className="space-y-3">
-            <p className={cn('text-xs font-medium', theme === 'dark' ? 'text-slate-400' : 'text-slate-500')}>
-              部门管理
-            </p>
+        <div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
+          <div className="space-y-1">
             <h2 className={cn('text-xl font-semibold', textTitle)}>组织结构</h2>
-            <p className={cn('text-sm leading-relaxed', textDesc)}>
-              树形结构展示上下级，配合搜索框即可迅速过滤任意分支或定位负责人。
+            <p className={cn('text-sm', textDesc)}>
+              搜索、折叠或维护团队分支。
             </p>
           </div>
-          <div className="relative w-full md:w-[320px] lg:w-[360px]">
+          <div className="relative w-full md:w-[300px] lg:w-[320px]">
             <input
               type="text"
               value={departmentSearchTerm}
               onChange={(e) => setDepartmentSearchTerm(e.target.value)}
-              placeholder="搜索分支名称，例如：一部 / 技术部 / 主公司"
+              placeholder="搜索分支名称"
               className={cn(styles.inputStyles.base, 'pl-11 pr-10')}
             />
             <svg className={cn('absolute left-4 top-3 w-5 h-5', theme === 'dark' ? 'text-slate-500' : 'text-slate-400')} fill="none" stroke="currentColor" viewBox="0 0 24 24">

docs/商业化地基排查问题清单_20260524.md

@@ -1000,6 +1000,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `app/admin/_components/MonitorTab.tsx`：监控页头部已从大 Hero 卡片收敛为普通后台工具区，英文眉标已删除。
 - `app/admin/_components/CategoriesTab.tsx`：分类管理页头部已从展示页式大卡片收敛为普通后台工具区，英文眉标已删除。
 - `app/admin/_components/AppearanceSettingsPanel.tsx`：旧记录中的动态径向渐变背景、浮动光球和 `Appearance Studio` 已不存在；本轮已把外观设置页头部、主题预览、LOGO 预览、开关行、对象存储提示从大圆角和偏展示的彩色块收敛为普通后台设置区。
+- `app/admin/_components/DepartmentsTab.tsx`：部门管理头部已从大圆角说明卡和小眉标收为普通 `rounded-lg` 工具区，说明缩短，搜索框文案改为直接搜索分支名称。
 
 建议动作：
 
@@ -1011,6 +1012,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - 已推进：`app/admin/_components/MonitorTab.tsx` 的监控页头部已从展示页式大卡片收敛为普通后台工具区；指标卡改为中性竖线标识，不再使用 emoji 圆形图标和发光阴影。
 - 已推进：`app/admin/_components/CategoriesTab.tsx` 的分类管理页头部、左侧列表、字段启用编辑态和可添加字段列表已完成第一轮工作台化收口。
 - 已推进：`app/admin/_components/AppearanceSettingsPanel.tsx` 的外观设置页已完成第一轮工作台化收口，文档中过期的 `Appearance Studio`、浮动光球和动态背景证据已修正。
+- 已推进：`app/admin/_components/DepartmentsTab.tsx` 的部门管理页头部和组织树操作按钮已完成第一轮工作台化收口。
 
 ### P2-07 管理后台列表和组织树装饰过重
 
@@ -1024,7 +1026,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `app/admin/_components/UsersTab.tsx:437`：最高权限徽章使用紫粉渐变、阴影和 hover 放大。
 - `app/admin/_components/UsersTab.tsx:442`：管理员徽章使用紫蓝渐变、阴影和 hover 放大。
 - `app/admin/_components/UsersTab.tsx:513`：用户列表外层又包卡片，形成卡片套列表。
-- `app/admin/_components/DepartmentsTab.tsx:376`：部门节点使用紫蓝渐变背景、左边框、圆角、阴影和 hover 放大。
+- `app/admin/_components/DepartmentsTab.tsx`：组织树节点已改为中性浅底和左边线，重命名/添加分支按钮已从靛蓝强调色收为中性主按钮；后续仍可继续压缩节点行高和操作列密度。
 
 建议动作：