diff --git a/app/admin/_components/DepartmentsTab.tsx b/app/admin/_components/DepartmentsTab.tsx index c001bf4..3c8c36f 100644 --- a/app/admin/_components/DepartmentsTab.tsx +++ b/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({
-
-
-

- 部门管理 -

+
+

组织结构

-

- 树形结构展示上下级,配合搜索框即可迅速过滤任意分支或定位负责人。 +

+ 搜索、折叠或维护团队分支。

-
+
setDepartmentSearchTerm(e.target.value)} - placeholder="搜索分支名称,例如:一部 / 技术部 / 主公司" + placeholder="搜索分支名称" className={cn(styles.inputStyles.base, 'pl-11 pr-10')} /> diff --git a/docs/商业化地基排查问题清单_20260524.md b/docs/商业化地基排查问题清单_20260524.md index d51baa7..744ddc2 100644 --- a/docs/商业化地基排查问题清单_20260524.md +++ b/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`:组织树节点已改为中性浅底和左边线,重命名/添加分支按钮已从靛蓝强调色收为中性主按钮;后续仍可继续压缩节点行高和操作列密度。 建议动作: