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({
- 部门管理 -
+- 树形结构展示上下级,配合搜索框即可迅速过滤任意分支或定位负责人。 +
+ 搜索、折叠或维护团队分支。