cavin/smart-crop-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

生产管理系统 部门树查询、新增一级部门

Browse Source
This commit is contained in:
peng
2025-11-04 17:55:37 +08:00
parent 1058767515
commit 8974ea802a
6 changed files with 652 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
crop-x/src/app/(app)/central-config/user/department/page.tsx
View File

@@ -16,6 +16,12 @@ import { DepartmentTree } from './components/DepartmentTree';
import { DepartmentFormDialog } from './components/DepartmentFormDialog';
import { DepartmentDeleteDialog } from './components/DepartmentDeleteDialog';
import { DepartmentInstructions } from './components/DepartmentInstructions';
import {
fetchDepartmentTree,
transformDepartmentList,
flattenDepartments,
type DepartmentTreeState
} from './components/departmentApi';
// 部门管理状态管理
interface DepartmentManagementState {
@@ -116,151 +122,63 @@ export default function DepartmentManagementPage() {
try {
dispatch({ type: 'SET_LOADING', payload: true });
// 暂时使用mock数据，后续可以替换为API调用
const mockDepartments: Department[] = [
{
id: 'dept-1',
name: '技术部',
code: 'TECH',
level: 1,
manager: '王技术',
phone: '13800138001',
email: 'tech@example.com',
description: '负责技术研发和系统维护',
sort: 1,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
children: [
{
id: 'dept-1-1',
parentId: 'dept-1',
name: '研发组',
code: 'TECH-RD',
level: 2,
manager: '李研发',
phone: '13800138011',
description: '负责系统研发',
sort: 1,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
{
id: 'dept-1-2',
parentId: 'dept-1',
name: '运维组',
code: 'TECH-OPS',
level: 2,
manager: '张运维',
phone: '13800138012',
description: '负责系统运维',
sort: 2,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
],
},
{
id: 'dept-2',
name: '管理部',
code: 'ADMIN',
level: 1,
manager: '赵管理',
phone: '13800138002',
email: 'admin@example.com',
description: '负责行政管理',
sort: 2,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
children: [
{
id: 'dept-2-1',
parentId: 'dept-2',
name: '人事组',
code: 'ADMIN-HR',
level: 2,
manager: '孙人事',
phone: '13800138021',
description: '负责人力资源管理',
sort: 1,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
{
id: 'dept-2-2',
parentId: 'dept-2',
name: '财务组',
code: 'ADMIN-FIN',
level: 2,
manager: '周财务',
phone: '13800138022',
description: '负责财务管理',
sort: 2,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
],
},
{
id: 'dept-3',
name: '作业部',
code: 'OPS',
level: 1,
manager: '吴作业',
phone: '13800138003',
email: 'ops@example.com',
description: '负责农机作业管理',
sort: 3,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
children: [
{
id: 'dept-3-1',
parentId: 'dept-3',
name: '第一作业组',
code: 'OPS-T1',
level: 2,
manager: '郑组长',
phone: '13800138031',
description: '负责区域A作业',
sort: 1,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
{
id: 'dept-3-2',
parentId: 'dept-3',
name: '第二作业组',
code: 'OPS-T2',
level: 2,
manager: '钱组长',
phone: '13800138032',
description: '负责区域B作业',
sort: 2,
status: 'active',
createdAt: '2024-01-01T00:00:00',
updatedAt: '2024-01-01T00:00:00',
},
],
},
];
// 使用API调用获取部门树形数据
const response = await fetchDepartmentTree({
include_inactive: false,
include_members: true,
});
dispatch({ type: 'SET_DEPARTMENTS', payload: mockDepartments });
if (!response.success) {
throw new Error(response.message || '获取部门数据失败');
}
// 转换API数据为页面所需的格式
const departments = transformDepartmentList(response.data);
// 转换为与现有页面兼容的数据格式
const compatibleDepartments: Department[] = departments.map(dept => ({
id: dept.id,
name: dept.name,
code: dept.code,
level: dept.level + 1, // API的level从0开始，页面从1开始
manager: dept.manager, // 从API的manager_name字段获取
phone: dept.phone, // 从API的manager_phone字段获取
email: dept.email, // 从API的manager_email字段获取
description: dept.description,
sort: dept.sortOrder,
status: dept.status as 'active' | 'inactive',
parentId: dept.parentId || undefined,
createdAt: dept.createdAt,
updatedAt: dept.updatedAt,
children: dept.children.map(child => ({
id: child.id,
name: child.name,
code: child.code,
level: child.level + 1,
manager: child.manager, // 从API的manager_name字段获取
phone: child.phone, // 从API的manager_phone字段获取
email: child.email, // 从API的manager_email字段获取
description: child.description,
sort: child.sortOrder,
status: child.status as 'active' | 'inactive',
parentId: child.parentId || undefined,
createdAt: child.createdAt,
updatedAt: child.updatedAt,
})),
}));
dispatch({ type: 'SET_DEPARTMENTS', payload: compatibleDepartments });
// 默认展开所有一级部门
dispatch({ type: 'SET_EXPANDED_IDS', payload: new Set(mockDepartments.map(d => d.id)) });
dispatch({ type: 'SET_EXPANDED_IDS', payload: new Set(compatibleDepartments.map(d => d.id)) });
toast.success(`成功加载 ${compatibleDepartments.length} 个部门`);
} catch (error) {
console.error('Failed to load departments:', error);
dispatch({
type: 'SET_ERROR',
payload: error instanceof Error ? error.message : '加载部门数据失败'
});
toast.error('加载部门数据失败');
}
};
@@ -303,6 +221,11 @@ export default function DepartmentManagementPage() {
dispatch({ type: 'SET_EXPANDED_IDS', payload: allIds });
};
// 刷新数据
const refreshData = () => {
loadDepartments();
};
// 收起全部
const collapseAll = () => {
dispatch({ type: 'SET_EXPANDED_IDS', payload: new Set() });
@@ -533,7 +456,7 @@ export default function DepartmentManagementPage() {
return (
<div className="space-y-6">
{/* 页面标题 */}
<DepartmentHeader onAdd={() => handleAdd()} />
<DepartmentHeader onAdd={() => handleAdd()} onRefresh={refreshData} loading={state.loading} />
{/* 统计卡片 */}
<DepartmentStatsCards stats={stats} />
@@ -565,6 +488,7 @@ export default function DepartmentManagementPage() {
editingDepartment={state.editingDepartment}
parentDepartment={state.parentDepartment}
onSave={handleSave}
refreshDepartmentTree={refreshData}
/>
{/* 删除确认对话框 */}