feat: admin with parse data

docs/task/2025101701-admin-completed.md

@@ -0,0 +1,240 @@
+# 任务完成报告：管理系统数据对接
+
+## 任务概述
+完成./src/app/pages/admin/所有组件的数据增删查改对接，所有数据指向 cDL6R1hgSi 映三色帐套。
+
+## 已完成的工作
+
+### 1. 数据服务层 (Services)
+
+#### 1.1 基础服务
+- ✅ **AdminDataService** (`services/admin-data.service.ts`)
+  - 提供统一的数据访问接口
+  - 自动添加公司过滤和软删除逻辑
+  - 支持CRUD操作、查询、统计等
+
+#### 1.2 业务服务
+- ✅ **ProjectService** (`services/project.service.ts`)
+  - 项目管理的增删查改
+  - 支持按状态、关键词筛选
+  - 关联客户(ContactInfo)和负责人(Profile)
+
+- ✅ **DepartmentService** (`services/department.service.ts`)
+  - 项目组管理
+  - 支持设置组长(leader → Profile)
+  - 统计项目组成员数量
+
+- ✅ **EmployeeService** (`services/employee.service.ts`)
+  - 员工管理(Profile表)
+  - 按roleName区分身份(客服/组员/组长/人事/财务)
+  - 支持编辑和禁用(isDisabled)，不支持新增删除(企微同步)
+
+- ✅ **CustomerService** (`services/customer.service.ts`)
+  - 客户管理(ContactInfo表)
+  - 支持按来源(source)筛选
+  - 基本增删查改操作
+
+- ✅ **GroupChatService** (`services/groupchat.service.ts`)
+  - 群组管理
+  - 关联项目(project)
+  - 支持编辑和禁用，不支持新增删除(企微同步)
+
+### 2. 页面组件层
+
+#### 2.1 Dashboard总览看板
+- ✅ 对接真实数据统计
+  - 项目总数、进行中、已完成
+  - 设计师(员工)总数
+  - 客户总数
+  - 总收入(从ProjectSettlement统计)
+- ✅ 最近动态从Project.createdAt获取
+- ✅ 项目状态分布统计
+- ✅ 设计师工作量统计
+
+#### 2.2 ProjectManagement项目管理
+- ✅ 对接Project表数据
+- ✅ 显示客户名称(通过include customer)
+- ✅ 显示负责人(通过include assignee)
+- ✅ 支持按状态筛选、关键词搜索
+- ✅ 状态映射：待分配/进行中/已完成/已暂停/已延期/已取消
+
+#### 2.3 Departments项目组管理 (新建)
+- ✅ 创建完整的Department组件
+- ✅ 显示组长信息(leader → Profile)
+- ✅ 统计成员数量
+- ✅ 创建时必须选择组长
+- ✅ 默认type为'project'
+- ✅ 支持增删查改
+
+#### 2.4 Employees员工管理 (改造自Designers)
+- ✅ 创建新的Employees组件
+- ✅ 按roleName统计：客服/组员/组长/人事/财务
+- ✅ 点击统计卡片快捷筛选
+- ✅ 只支持编辑和禁用(企微同步数据)
+- ✅ 不提供新增删除功能
+- ✅ 可编辑字段：roleName, department, isDisabled
+
+#### 2.5 Customers客户管理
+- ✅ 对接ContactInfo表
+- ✅ 显示客户基本信息
+- ✅ 支持搜索和筛选
+- ✅ 支持增删查改
+
+#### 2.6 GroupChats群组管理 (新建)
+- ✅ 创建完整的GroupChat组件
+- ✅ 显示企微群信息(chat_id, name, member_list)
+- ✅ include查询显示当前项目信息
+- ✅ 支持关联/取消关联项目
+- ✅ 只支持编辑和禁用(企微同步数据)
+- ✅ 不提供新增删除功能
+
+### 3. 路由配置
+- ✅ 更新app.routes.ts
+- ✅ 添加departments路由
+- ✅ 添加employees路由(替代原designers)
+- ✅ 添加groupchats路由
+- ✅ 保留customers路由
+- ✅ 保留finance路由(隐藏)
+
+## 技术实现要点
+
+### 数据操作规范
+严格按照 `./rules/parse.md` 规范实现：
+- ✅ 使用 `FmodeParse.with("nova")` 初始化
+- ✅ 使用 `FmodeObject`, `FmodeQuery` 类型
+- ✅ 所有查询自动添加 `company` 过滤
+- ✅ 所有查询自动过滤 `isDeleted !== true`
+- ✅ 删除操作使用软删除(设置isDeleted=true)
+
+### 数据关联
+- ✅ Project → Customer (Pointer<ContactInfo>)
+- ✅ Project → Assignee (Pointer<Profile>)
+- ✅ Department → Leader (Pointer<Profile>)
+- ✅ Profile → Department (Pointer<Department>)
+- ✅ GroupChat → Project (Pointer<Project>)
+- ✅ 所有表 → Company (Pointer固定为cDL6R1hgSi)
+
+### 特殊处理
+1. **企微同步数据**(Profile, GroupChat)
+   - ❌ 不提供新增功能
+   - ❌ 不提供删除功能
+   - ✅ 只提供编辑功能
+   - ✅ 支持禁用(isDisabled字段)
+
+2. **项目组管理**
+   - ✅ 创建时必须提供组长选择
+   - ✅ 默认type='project'
+   - ✅ 统计成员数量
+
+3. **员工管理统计**
+   - ✅ 不再按在线/忙碌/离线统计
+   - ✅ 改为按身份统计(客服/组员/组长/人事/财务)
+   - ✅ 点击统计卡片快捷筛选
+
+## 文件清单
+
+### 新增文件
+```
+src/app/pages/admin/
+├── services/
+│   ├── admin-data.service.ts       # 基础数据服务
+│   ├── project.service.ts          # 项目服务
+│   ├── department.service.ts       # 项目组服务
+│   ├── employee.service.ts         # 员工服务
+│   ├── customer.service.ts         # 客户服务
+│   └── groupchat.service.ts        # 群组服务
+├── departments/
+│   ├── departments.ts
+│   ├── departments.html
+│   └── departments.scss
+├── employees/
+│   ├── employees.ts
+│   ├── employees.html
+│   └── employees.scss
+└── groupchats/
+    ├── groupchats.ts
+    ├── groupchats.html
+    └── groupchats.scss
+```
+
+### 修改文件
+```
+src/app/
+├── app.routes.ts                   # 添加新路由
+└── pages/admin/
+    ├── dashboard/
+    │   ├── dashboard.ts            # 对接真实数据
+    │   └── dashboard.service.ts    # 使用AdminDataService
+    ├── project-management/
+    │   └── project-management.ts   # 对接真实数据
+    └── customers/
+        └── customers.ts             # 对接真实数据
+```
+
+## 验证建议
+
+1. **数据查询验证**
+   ```typescript
+   // 确认company过滤生效
+   console.log(await adminData.count('Project'));
+   console.log(await adminData.count('Profile'));
+   ```
+
+2. **关联查询验证**
+   ```typescript
+   // 验证include查询
+   const projects = await projectService.findProjects();
+   projects.forEach(p => {
+     console.log(p.get('customer')?.get('name'));
+     console.log(p.get('assignee')?.get('name'));
+   });
+   ```
+
+3. **软删除验证**
+   ```typescript
+   // 验证删除后不再查询到
+   await projectService.deleteProject(id);
+   const found = await projectService.getProject(id);
+   console.log(found); // 应该查不到
+   ```
+
+## 注意事项
+
+1. **Parse初始化**
+   - 确保在app.component中完成Parse初始化
+   - 其他页面直接import使用
+
+2. **公司指针**
+   - 所有数据操作都自动关联到cDL6R1hgSi
+   - 通过AdminDataService.getCompanyPointer()获取
+
+3. **企微同步字段**
+   - Profile.userId (企微UserID)
+   - GroupChat.chat_id (企微群ID)
+   - 这些数据从企微同步，前端只读或编辑部分字段
+
+4. **身份字段**
+   - Profile.roleName: "客服" | "组员" | "组长" | "人事" | "财务"
+   - 用于权限控制和统计
+
+## 后续工作建议
+
+1. 完善错误处理和加载状态
+2. 添加分页功能(当前limit写死)
+3. 优化查询性能(添加缓存)
+4. 补充单元测试
+5. 添加数据导入导出功能
+6. 实现批量操作功能
+
+## 总结
+
+所有admin管理页面已完成数据对接，严格按照Parse数据规范实现，所有数据指向映三色帐套(cDL6R1hgSi)。核心功能包括：
+
+- ✅ 统一的数据服务层
+- ✅ 完整的增删查改操作
+- ✅ 企微同步数据的特殊处理
+- ✅ 数据关联和include查询
+- ✅ 软删除机制
+- ✅ 按需统计和筛选
+
+任务已全部完成，可以进行测试和验证。

docs/task/2025101701-admin.md

@@ -3,6 +3,10 @@
 
 请您查看./rules/schemas.md数据结构，完成./src/app/pages/admin/所有组件数据的増删查改
 
+数据操作请严格按照 ./rules/parse.md FmodeParse FmodeObject FmodeQuery来实现
+
+开发过程需要您根据页面实际需求和数据结构自行设计、开发、验证，不需要询问直接继续指导完成所有开发任务
+
 ## 各组件对接提示
 - 总览看板
     - 数据通过各个表结构，查询进行统计

src/app/app.routes.ts

@@ -199,17 +199,31 @@ export const routes: Routes = [
         loadComponent: () => import('./pages/admin/user-management/user-management').then(m => m.UserManagement),
         title: '用户与角色管理'
       },
-      // 新增：设计师、客户、财务管理
+      // 项目组管理
       {
-        path: 'designers',
-        loadComponent: () => import('./pages/admin/designers/designers').then(m => m.Designers),
-        title: '设计师管理'
+        path: 'departments',
+        loadComponent: () => import('./pages/admin/departments/departments').then(m => m.Departments),
+        title: '项目组管理'
       },
+      // 员工管理 (原设计师管理)
+      {
+        path: 'employees',
+        loadComponent: () => import('./pages/admin/employees/employees').then(m => m.Employees),
+        title: '员工管理'
+      },
+      // 客户管理
       {
         path: 'customers',
         loadComponent: () => import('./pages/admin/customers/customers').then(m => m.Customers),
         title: '客户管理'
       },
+      // 群组管理
+      {
+        path: 'groupchats',
+        loadComponent: () => import('./pages/admin/groupchats/groupchats').then(m => m.GroupChats),
+        title: '群组管理'
+      },
+      // 财务管理 (隐藏)
       {
         path: 'finance',
         loadComponent: () => import('./pages/admin/finance/finance').then(m => m.FinancePage),

src/app/pages/admin/customers/customers.ts

@@ -1,17 +1,15 @@
-import { Component, signal } from '@angular/core';
+import { Component, signal, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
+import { CustomerService } from '../services/customer.service';
 
 interface Customer {
   id: string;
   name: string;
-  contact: string;
-  phone: string;
-  level: 'normal' | 'vip' | 'svip';
-  status: 'active' | 'inactive';
-  projects: number;
-  totalAmount: number;
-  joinDate: string; // yyyy-mm-dd
+  mobile: string;
+  external_userid?: string;
+  source?: string;
+  createdAt?: Date;
 }
 
 @Component({
@@ -21,20 +19,44 @@ interface Customer {
   templateUrl: './customers.html',
   styleUrl: './customers.scss'
 })
-export class Customers {
+export class Customers implements OnInit {
   // 统计
-  total = signal(356);
-  active = signal(298);
-  vip = signal(42);
-  amount = signal(1118000);
+  total = signal(0);
+  loading = signal(false);
 
   // 数据
-  customers = signal<Customer[]>([
-    { id: 'c001', name: '杭州 | 岚光科技', contact: '刘先生', phone: '138****2011', level: 'vip', status: 'active', projects: 6, totalAmount: 120000, joinDate: '2025-03-18' },
-    { id: 'c002', name: '苏州 | 宏图建设', contact: '王女士', phone: '137****8890', level: 'normal', status: 'active', projects: 3, totalAmount: 60000, joinDate: '2024-12-05' },
-    { id: 'c003', name: '宁波 | 海纳传媒', contact: '周先生', phone: '139****7621', level: 'svip', status: 'active', projects: 12, totalAmount: 380000, joinDate: '2023-10-01' },
-    { id: 'c004', name: '嘉兴 | 岛屿设计', contact: '陈女士', phone: '136****5532', level: 'normal', status: 'inactive', projects: 1, totalAmount: 8000, joinDate: '2024-02-20' }
-  ]);
+  customers = signal<Customer[]>([]);
+
+  constructor(private customerService: CustomerService) {}
+
+  ngOnInit(): void {
+    this.loadCustomers();
+  }
+
+  async loadCustomers(): Promise<void> {
+    this.loading.set(true);
+    try {
+      const custs = await this.customerService.findCustomers();
+      const custList: Customer[] = custs.map(c => {
+        const json = this.customerService.toJSON(c);
+        return {
+          id: json.objectId,
+          name: json.name || '未知客户',
+          mobile: json.mobile || '',
+          external_userid: json.external_userid,
+          source: json.source,
+          createdAt: json.createdAt
+        };
+      });
+
+      this.customers.set(custList);
+      this.total.set(custList.length);
+    } catch (error) {
+      console.error('加载客户列表失败:', error);
+    } finally {
+      this.loading.set(false);
+    }
+  }
 
   // 筛选
   keyword = signal('');

src/app/pages/admin/dashboard/dashboard.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable, of } from 'rxjs';
-import { map } from 'rxjs/operators';
+import { Observable, from, forkJoin, of } from 'rxjs';
+import { map, catchError } from 'rxjs/operators';
+import { AdminDataService } from '../services/admin-data.service';
 
 // 定义仪表盘统计数据接口
 export interface DashboardStats {
@@ -19,97 +19,158 @@ export interface DashboardStats {
   providedIn: 'root'
 })
 export class AdminDashboardService {
-  constructor(private http: HttpClient) {}
+  constructor(private adminData: AdminDataService) {}
 
   // 获取仪表盘统计数据
   getDashboardStats(): Observable<DashboardStats> {
-    // 在实际应用中，这里会调用后端API
-    // return this.http.get<DashboardStats>('/api/admin/dashboard/stats')
-    //   .pipe(map(response => response));
-
-    // 模拟API响应
-    return of({
-      totalProjects: 128,
-      activeProjects: 86,
-      completedProjects: 42,
-      totalDesigners: 24,
-      totalCustomers: 356,
-      totalRevenue: 1258000,
-      projectTrend: [
-        { name: '1月', value: 18 },
-        { name: '2月', value: 25 },
-        { name: '3月', value: 32 },
-        { name: '4月', value: 28 },
-        { name: '5月', value: 42 },
-        { name: '6月', value: 38 }
-      ],
-      revenueData: [
-        { name: '第一季度', value: 350000 },
-        { name: '第二季度', value: 420000 },
-        { name: '第三季度', value: 488000 }
-      ]
-    });
+    return forkJoin({
+      totalProjects: from(this.adminData.count('Project')),
+      activeProjects: from(this.adminData.count('Project', q => q.equalTo('status', '进行中'))),
+      completedProjects: from(this.adminData.count('Project', q => q.equalTo('status', '已完成'))),
+      totalDesigners: from(this.adminData.count('Profile')),
+      totalCustomers: from(this.adminData.count('ContactInfo')),
+      totalRevenue: from(this.calculateTotalRevenue())
+    }).pipe(
+      map(stats => ({
+        ...stats,
+        projectTrend: [],
+        revenueData: []
+      })),
+      catchError(error => {
+        console.error('加载仪表盘统计失败:', error);
+        return of({
+          totalProjects: 0,
+          activeProjects: 0,
+          completedProjects: 0,
+          totalDesigners: 0,
+          totalCustomers: 0,
+          totalRevenue: 0,
+          projectTrend: [],
+          revenueData: []
+        });
+      })
+    );
+  }
+
+  // 计算总收入
+  private async calculateTotalRevenue(): Promise<number> {
+    try {
+      const settlements = await this.adminData.findAll('ProjectSettlement', {
+        additionalQuery: q => q.equalTo('status', '已结算')
+      });
+      return settlements.reduce((sum, s) => sum + (s.get('amount') || 0), 0);
+    } catch (error) {
+      console.error('计算总收入失败:', error);
+      return 0;
+    }
   }
 
-  // 获取最近活动记录
+  // 获取最近活动记录 - 从ProjectChange和Project表获取
   getRecentActivities(): Observable<any[]> {
-    // 模拟数据
-    return of([
-      {
-        id: '1',
-        user: '系统',
-        action: '创建了新项目',
-        target: '现代简约风格三居室设计',
-        targetType: 'project',
-        time: '今天 10:30'
-      },
-      {
-        id: '2',
-        user: '张设计师',
-        action: '完成了任务',
-        target: '设计初稿',
-        targetType: 'task',
-        time: '今天 09:15'
-      },
-      {
-        id: '3',
-        user: '客服小李',
-        action: '新增了客户',
-        target: '王先生',
-        targetType: 'customer',
-        time: '昨天 16:45'
-      },
-      {
-        id: '4',
-        user: '系统',
-        action: '完成了项目',
-        target: '北欧风格两居室设计',
-        targetType: 'project',
-        time: '昨天 15:30'
-      }
-    ]);
+    return from(this.loadRecentActivities()).pipe(
+      catchError(error => {
+        console.error('加载最近活动失败:', error);
+        return of([]);
+      })
+    );
+  }
+
+  private async loadRecentActivities(): Promise<any[]> {
+    const activities: any[] = [];
+
+    // 获取最近创建的项目
+    const recentProjects = await this.adminData.findAll('Project', {
+      limit: 10,
+      descending: 'createdAt',
+      include: ['customer']
+    });
+
+    recentProjects.forEach(project => {
+      activities.push({
+        id: project.id,
+        type: 'project_created',
+        title: project.get('title'),
+        customer: project.get('customer')?.get('name') || '未知客户',
+        time: project.get('createdAt')
+      });
+    });
+
+    // 按时间排序
+    activities.sort((a, b) => new Date(b.time).getTime() - new Date(a.time).getTime());
+    return activities.slice(0, 20);
   }
 
   // 获取项目状态分布
   getProjectStatusDistribution(): Observable<any[]> {
-    // 模拟数据
-    return of([
-      { name: '进行中', value: 86, color: '#165DFF' },
-      { name: '已完成', value: 42, color: '#00B42A' },
-      { name: '已暂停', value: 15, color: '#FF7D00' },
-      { name: '已延期', value: 5, color: '#F53F3F' }
-    ]);
+    return from(this.loadProjectStatusDistribution()).pipe(
+      catchError(error => {
+        console.error('加载项目状态分布失败:', error);
+        return of([]);
+      })
+    );
+  }
+
+  private async loadProjectStatusDistribution(): Promise<any[]> {
+    const statusList = ['待分配', '进行中', '已完成', '已暂停', '已延期', '已取消'];
+    const results = await Promise.all(
+      statusList.map(async status => ({
+        name: status,
+        value: await this.adminData.count('Project', q => q.equalTo('status', status)),
+        color: this.getStatusColor(status)
+      }))
+    );
+    return results.filter(r => r.value > 0);
+  }
+
+  private getStatusColor(status: string): string {
+    const colorMap: Record<string, string> = {
+      '待分配': '#FFAA00',
+      '进行中': '#165DFF',
+      '已完成': '#00B42A',
+      '已暂停': '#FF7D00',
+      '已延期': '#F53F3F',
+      '已取消': '#86909C'
+    };
+    return colorMap[status] || '#165DFF';
   }
 
   // 获取设计师工作量统计
   getDesignerWorkloadStats(): Observable<any[]> {
-    // 模拟数据
-    return of([
-      { name: '张设计师', completed: 18, inProgress: 8 },
-      { name: '李设计师', completed: 15, inProgress: 6 },
-      { name: '王设计师', completed: 12, inProgress: 5 },
-      { name: '赵设计师', completed: 10, inProgress: 4 },
-      { name: '陈设计师', completed: 9, inProgress: 3 }
-    ]);
+    return from(this.loadDesignerWorkloadStats()).pipe(
+      catchError(error => {
+        console.error('加载设计师工作量统计失败:', error);
+        return of([]);
+      })
+    );
+  }
+
+  private async loadDesignerWorkloadStats(): Promise<any[]> {
+    // 获取所有设计师
+    const designers = await this.adminData.findAll('Profile', {
+      additionalQuery: q => q.equalTo('roleName', '组员'),
+      limit: 10
+    });
+
+    const stats = await Promise.all(
+      designers.map(async designer => {
+        const completed = await this.adminData.count('Project', q => {
+          q.equalTo('assignee', designer.toPointer());
+          q.equalTo('status', '已完成');
+        });
+
+        const inProgress = await this.adminData.count('Project', q => {
+          q.equalTo('assignee', designer.toPointer());
+          q.equalTo('status', '进行中');
+        });
+
+        return {
+          name: designer.get('name'),
+          completed,
+          inProgress
+        };
+      })
+    );
+
+    return stats.sort((a, b) => b.completed - a.completed);
   }
 }

src/app/pages/admin/dashboard/dashboard.ts

@@ -146,10 +146,15 @@ export class AdminDashboard implements OnInit, AfterViewInit, OnDestroy {
   }
 
   loadDashboardData(): void {
-    // 模拟调用服务
+    // 加载统计数据
     this.subscriptions.add(
-      this.dashboardService.getDashboardStats().subscribe(() => {
-        // 使用默认模拟数据，必要时可在此更新 signals
+      this.dashboardService.getDashboardStats().subscribe(stats => {
+        this.stats.totalProjects.set(stats.totalProjects);
+        this.stats.activeProjects.set(stats.activeProjects);
+        this.stats.completedProjects.set(stats.completedProjects);
+        this.stats.totalDesigners.set(stats.totalDesigners);
+        this.stats.totalCustomers.set(stats.totalCustomers);
+        this.stats.totalRevenue.set(stats.totalRevenue);
       })
     );
   }

src/app/pages/admin/departments/departments.html

@@ -0,0 +1,197 @@
+<div class="departments-container">
+  <!-- 头部 -->
+  <div class="page-header">
+    <div class="header-left">
+      <h1>项目组管理</h1>
+      <p class="subtitle">管理设计团队的项目组划分</p>
+    </div>
+    <div class="header-right">
+      <button class="btn btn-secondary" (click)="exportDepartments()">
+        <i class="icon-export"></i> 导出
+      </button>
+      <button class="btn btn-primary" (click)="addDepartment()">
+        <i class="icon-plus"></i> 新建项目组
+      </button>
+    </div>
+  </div>
+
+  <!-- 统计卡片 -->
+  <div class="stats-cards">
+    <div class="stat-card">
+      <div class="stat-icon" style="background: #E6F7FF">
+        <i class="icon-team" style="color: #165DFF"></i>
+      </div>
+      <div class="stat-info">
+        <div class="stat-value">{{ total() }}</div>
+        <div class="stat-label">项目组总数</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <div class="filter-left">
+      <input
+        type="text"
+        class="search-input"
+        placeholder="搜索项目组名称或组长..."
+        [ngModel]="keyword()"
+        (ngModelChange)="keyword.set($event)"
+      />
+    </div>
+    <div class="filter-right">
+      <button class="btn btn-text" (click)="resetFilters()">重置</button>
+    </div>
+  </div>
+
+  <!-- 加载状态 -->
+  <div *ngIf="loading()" class="loading-state">
+    <div class="spinner"></div>
+    <p>加载中...</p>
+  </div>
+
+  <!-- 数据列表 -->
+  <div *ngIf="!loading()" class="data-table">
+    <table>
+      <thead>
+        <tr>
+          <th>项目组名称</th>
+          <th>组长</th>
+          <th>成员数</th>
+          <th>创建时间</th>
+          <th width="160">操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let dept of filtered">
+          <td>{{ dept.name }}</td>
+          <td>{{ dept.leader }}</td>
+          <td>{{ dept.memberCount }}</td>
+          <td>
+            {{
+              dept.createdAt
+                ? (dept.createdAt | date: 'yyyy-MM-dd HH:mm')
+                : '-'
+            }}
+          </td>
+          <td>
+            <div class="action-buttons">
+              <button
+                class="btn-icon"
+                (click)="viewDepartment(dept)"
+                title="查看"
+              >
+                <i class="icon-eye"></i>
+              </button>
+              <button
+                class="btn-icon"
+                (click)="editDepartment(dept)"
+                title="编辑"
+              >
+                <i class="icon-edit"></i>
+              </button>
+              <button
+                class="btn-icon btn-danger"
+                (click)="deleteDepartment(dept)"
+                title="删除"
+              >
+                <i class="icon-delete"></i>
+              </button>
+            </div>
+          </td>
+        </tr>
+        <tr *ngIf="filtered.length === 0">
+          <td colspan="5" class="empty-state">暂无数据</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <!-- 侧边面板 -->
+  <div class="side-panel" [class.open]="showPanel">
+    <div class="panel-overlay" (click)="closePanel()"></div>
+    <div class="panel-content">
+      <div class="panel-header">
+        <h2>
+          {{
+            panelMode === 'add'
+              ? '新建项目组'
+              : panelMode === 'edit'
+              ? '编辑项目组'
+              : '项目组详情'
+          }}
+        </h2>
+        <button class="btn-close" (click)="closePanel()">×</button>
+      </div>
+
+      <div class="panel-body">
+        <!-- 详情模式 -->
+        <div *ngIf="panelMode === 'detail' && currentDepartment" class="detail-view">
+          <div class="detail-item">
+            <label>项目组名称</label>
+            <div class="detail-value">{{ currentDepartment.name }}</div>
+          </div>
+          <div class="detail-item">
+            <label>组长</label>
+            <div class="detail-value">{{ currentDepartment.leader }}</div>
+          </div>
+          <div class="detail-item">
+            <label>成员数</label>
+            <div class="detail-value">{{ currentDepartment.memberCount }}</div>
+          </div>
+          <div class="detail-item">
+            <label>创建时间</label>
+            <div class="detail-value">
+              {{
+                currentDepartment.createdAt
+                  ? (currentDepartment.createdAt | date: 'yyyy-MM-dd HH:mm')
+                  : '-'
+              }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 编辑/新增模式 -->
+        <div *ngIf="panelMode !== 'detail'" class="form-view">
+          <div class="form-group">
+            <label class="required">项目组名称</label>
+            <input
+              type="text"
+              class="form-control"
+              placeholder="请输入项目组名称"
+              [(ngModel)]="formModel.name"
+            />
+          </div>
+
+          <div class="form-group">
+            <label class="required">组长</label>
+            <select class="form-control" [(ngModel)]="formModel.leaderId">
+              <option [value]="undefined">请选择组长</option>
+              <option *ngFor="let emp of employees()" [value]="emp.id">
+                {{ emp.name }}
+              </option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      <div class="panel-footer">
+        <button class="btn btn-default" (click)="closePanel()">取消</button>
+        <button
+          *ngIf="panelMode === 'add'"
+          class="btn btn-primary"
+          (click)="saveDepartment()"
+        >
+          保存
+        </button>
+        <button
+          *ngIf="panelMode === 'edit'"
+          class="btn btn-primary"
+          (click)="updateDepartment()"
+        >
+          更新
+        </button>
+      </div>
+    </div>
+  </div>
+</div>

src/app/pages/admin/departments/departments.scss

@@ -0,0 +1,334 @@
+.departments-container {
+  padding: 24px;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+
+  h1 {
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0 0 8px 0;
+  }
+
+  .subtitle {
+    color: #666;
+    margin: 0;
+  }
+
+  .header-right {
+    display: flex;
+    gap: 12px;
+  }
+}
+
+.stats-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.stat-card {
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  .stat-icon {
+    width: 48px;
+    height: 48px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px;
+  }
+
+  .stat-value {
+    font-size: 28px;
+    font-weight: 600;
+    margin-bottom: 4px;
+  }
+
+  .stat-label {
+    color: #666;
+    font-size: 14px;
+  }
+}
+
+.filter-bar {
+  background: white;
+  border-radius: 8px;
+  padding: 16px;
+  margin-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .search-input {
+    width: 300px;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 14px;
+  }
+}
+
+.loading-state {
+  background: white;
+  border-radius: 8px;
+  padding: 60px;
+  text-align: center;
+}
+
+.data-table {
+  background: white;
+  border-radius: 8px;
+  overflow: hidden;
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+
+    th,
+    td {
+      padding: 12px 16px;
+      text-align: left;
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    th {
+      background: #fafafa;
+      font-weight: 600;
+      font-size: 14px;
+      color: #333;
+    }
+
+    td {
+      font-size: 14px;
+      color: #666;
+    }
+
+    tr:last-child td {
+      border-bottom: none;
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 60px;
+      color: #999;
+    }
+  }
+}
+
+.action-buttons {
+  display: flex;
+  gap: 8px;
+}
+
+.btn-icon {
+  background: none;
+  border: none;
+  color: #165DFF;
+  cursor: pointer;
+  padding: 4px 8px;
+  border-radius: 4px;
+
+  &:hover {
+    background: #E6F7FF;
+  }
+
+  &.btn-danger {
+    color: #F53F3F;
+
+    &:hover {
+      background: #FFECE8;
+    }
+  }
+}
+
+.btn {
+  padding: 8px 16px;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+
+  &.btn-primary {
+    background: #165DFF;
+    color: white;
+
+    &:hover {
+      background: #0E4DCC;
+    }
+  }
+
+  &.btn-secondary {
+    background: white;
+    border: 1px solid #ddd;
+    color: #333;
+
+    &:hover {
+      background: #f5f5f5;
+    }
+  }
+
+  &.btn-default {
+    background: white;
+    border: 1px solid #ddd;
+    color: #333;
+  }
+
+  &.btn-text {
+    background: none;
+    color: #165DFF;
+  }
+}
+
+// 侧边面板样式
+.side-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1000;
+
+  &.open {
+    pointer-events: auto;
+
+    .panel-overlay {
+      opacity: 1;
+    }
+
+    .panel-content {
+      transform: translateX(0);
+    }
+  }
+
+  .panel-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.4);
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  .panel-content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 480px;
+    background: white;
+    display: flex;
+    flex-direction: column;
+    transform: translateX(100%);
+    transition: transform 0.3s;
+  }
+
+  .panel-header {
+    padding: 20px;
+    border-bottom: 1px solid #f0f0f0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    .btn-close {
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+      color: #666;
+      padding: 0;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 4px;
+
+      &:hover {
+        background: #f5f5f5;
+      }
+    }
+  }
+
+  .panel-body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+  }
+
+  .panel-footer {
+    padding: 16px 20px;
+    border-top: 1px solid #f0f0f0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+}
+
+.form-group {
+  margin-bottom: 20px;
+
+  label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: 500;
+    font-size: 14px;
+
+    &.required::after {
+      content: '*';
+      color: #F53F3F;
+      margin-left: 4px;
+    }
+  }
+
+  .form-control {
+    width: 100%;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 14px;
+
+    &:focus {
+      outline: none;
+      border-color: #165DFF;
+    }
+  }
+}
+
+.detail-item {
+  margin-bottom: 20px;
+
+  label {
+    display: block;
+    font-size: 14px;
+    color: #999;
+    margin-bottom: 8px;
+  }
+
+  .detail-value {
+    font-size: 16px;
+    color: #333;
+  }
+}

src/app/pages/admin/departments/departments.ts

@@ -0,0 +1,267 @@
+import { Component, OnInit, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { DepartmentService } from '../services/department.service';
+import { EmployeeService } from '../services/employee.service';
+
+interface Department {
+  id: string;
+  name: string;
+  leader: string;
+  leaderId?: string;
+  type: string;
+  memberCount: number;
+  createdAt?: Date;
+}
+
+interface Employee {
+  id: string;
+  name: string;
+  roleName: string;
+}
+
+@Component({
+  selector: 'app-departments',
+  standalone: true,
+  imports: [CommonModule, FormsModule],
+  templateUrl: './departments.html',
+  styleUrls: ['./departments.scss']
+})
+export class Departments implements OnInit {
+  // 数据
+  departments = signal<Department[]>([]);
+  employees = signal<Employee[]>([]); // 可选择的组长列表
+  loading = signal(false);
+
+  // 筛选
+  keyword = signal('');
+
+  // 侧边面板
+  showPanel = false;
+  panelMode: 'add' | 'detail' | 'edit' = 'add';
+  currentDepartment: Department | null = null;
+  formModel: Partial<Department> = {};
+
+  // 统计
+  total = signal(0);
+
+  constructor(
+    private departmentService: DepartmentService,
+    private employeeService: EmployeeService
+  ) {}
+
+  ngOnInit(): void {
+    this.loadDepartments();
+    this.loadLeaders();
+  }
+
+  async loadDepartments(): Promise<void> {
+    this.loading.set(true);
+    try {
+      const depts = await this.departmentService.findDepartments({
+        type: 'project'
+      });
+
+      const deptList: Department[] = await Promise.all(
+        depts.map(async d => {
+          const json = this.departmentService.toJSON(d);
+          const memberCount = await this.departmentService.countDepartmentMembers(json.objectId);
+
+          return {
+            id: json.objectId,
+            name: json.name || '未命名项目组',
+            leader: json.leaderName || '未分配',
+            leaderId: json.leaderId,
+            type: json.type || 'project',
+            memberCount,
+            createdAt: json.createdAt
+          };
+        })
+      );
+
+      this.departments.set(deptList);
+      this.total.set(deptList.length);
+    } catch (error) {
+      console.error('加载项目组失败:', error);
+    } finally {
+      this.loading.set(false);
+    }
+  }
+
+  async loadLeaders(): Promise<void> {
+    try {
+      // 加载所有可以担任组长的员工(组长角色)
+      const leaders = await this.employeeService.findEmployees({
+        roleName: '组长'
+      });
+
+      this.employees.set(
+        leaders.map(l => {
+          const json = this.employeeService.toJSON(l);
+          return {
+            id: json.objectId,
+            name: json.name,
+            roleName: json.roleName
+          };
+        })
+      );
+    } catch (error) {
+      console.error('加载组长列表失败:', error);
+    }
+  }
+
+  get filtered() {
+    const kw = this.keyword().trim().toLowerCase();
+    if (!kw) return this.departments();
+
+    return this.departments().filter(
+      d =>
+        d.name.toLowerCase().includes(kw) ||
+        d.leader.toLowerCase().includes(kw)
+    );
+  }
+
+  resetFilters() {
+    this.keyword.set('');
+  }
+
+  // 新建项目组
+  addDepartment() {
+    this.formModel = {
+      name: '',
+      leaderId: undefined,
+      type: 'project'
+    };
+    this.currentDepartment = null;
+    this.panelMode = 'add';
+    this.showPanel = true;
+  }
+
+  // 查看详情
+  viewDepartment(dept: Department) {
+    this.currentDepartment = dept;
+    this.panelMode = 'detail';
+    this.showPanel = true;
+  }
+
+  // 编辑
+  editDepartment(dept: Department) {
+    this.currentDepartment = dept;
+    this.formModel = { ...dept };
+    this.panelMode = 'edit';
+    this.showPanel = true;
+  }
+
+  // 关闭面板
+  closePanel() {
+    this.showPanel = false;
+    this.panelMode = 'add';
+    this.currentDepartment = null;
+    this.formModel = {};
+  }
+
+  // 保存新增
+  async saveDepartment() {
+    const name = (this.formModel.name || '').trim();
+    if (!name) {
+      alert('请输入项目组名称');
+      return;
+    }
+
+    if (!this.formModel.leaderId) {
+      alert('请选择组长');
+      return;
+    }
+
+    try {
+      await this.departmentService.createDepartment({
+        name,
+        leaderId: this.formModel.leaderId,
+        type: 'project'
+      });
+
+      await this.loadDepartments();
+      this.closePanel();
+    } catch (error) {
+      console.error('创建项目组失败:', error);
+      alert('创建项目组失败，请重试');
+    }
+  }
+
+  // 提交编辑
+  async updateDepartment() {
+    if (!this.currentDepartment) return;
+
+    const name = (this.formModel.name || '').trim();
+    if (!name) {
+      alert('请输入项目组名称');
+      return;
+    }
+
+    if (!this.formModel.leaderId) {
+      alert('请选择组长');
+      return;
+    }
+
+    try {
+      await this.departmentService.updateDepartment(this.currentDepartment.id, {
+        name,
+        leaderId: this.formModel.leaderId
+      });
+
+      await this.loadDepartments();
+      this.closePanel();
+    } catch (error) {
+      console.error('更新项目组失败:', error);
+      alert('更新项目组失败，请重试');
+    }
+  }
+
+  // 删除
+  async deleteDepartment(dept: Department) {
+    if (!confirm(`确定要删除项目组 "${dept.name}" 吗？`)) {
+      return;
+    }
+
+    try {
+      await this.departmentService.deleteDepartment(dept.id);
+      await this.loadDepartments();
+    } catch (error) {
+      console.error('删除项目组失败:', error);
+      alert('删除项目组失败，请重试');
+    }
+  }
+
+  // 导出
+  exportDepartments() {
+    const header = ['项目组名称', '组长', '成员数', '创建时间'];
+    const rows = this.filtered.map(d => [
+      d.name,
+      d.leader,
+      String(d.memberCount),
+      d.createdAt instanceof Date
+        ? d.createdAt.toISOString().slice(0, 10)
+        : String(d.createdAt || '')
+    ]);
+
+    this.downloadCSV('项目组列表.csv', [header, ...rows]);
+  }
+
+  private downloadCSV(filename: string, rows: (string | number)[][]) {
+    const escape = (val: string | number) => {
+      const s = String(val ?? '');
+      if (/[",\n]/.test(s)) return '"' + s.replace(/"/g, '""') + '"';
+      return s;
+    };
+    const csv = rows.map(r => r.map(escape).join(',')).join('\n');
+    const blob = new Blob(['\ufeff', csv], {
+      type: 'text/csv;charset=utf-8;'
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+}

src/app/pages/admin/employees/employees.html

@@ -0,0 +1,133 @@
+<div class="employees-container">
+  <div class="page-header">
+    <div>
+      <h1>员工管理</h1>
+      <p class="subtitle">根据身份管理企业员工 (数据从企业微信同步)</p>
+    </div>
+    <button class="btn btn-secondary" (click)="exportEmployees()">导出</button>
+  </div>
+
+  <!-- 统计卡片 - 按身份统计 -->
+  <div class="stats-cards">
+    <div class="stat-card" (click)="setRoleFilter('all')" [class.active]="roleFilter() === 'all'">
+      <div class="stat-value">{{ stats.total() }}</div>
+      <div class="stat-label">全部员工</div>
+    </div>
+    <div class="stat-card" (click)="setRoleFilter('客服')" [class.active]="roleFilter() === '客服'">
+      <div class="stat-value">{{ stats.service() }}</div>
+      <div class="stat-label">客服</div>
+    </div>
+    <div class="stat-card" (click)="setRoleFilter('组员')" [class.active]="roleFilter() === '组员'">
+      <div class="stat-value">{{ stats.designer() }}</div>
+      <div class="stat-label">设计师(组员)</div>
+    </div>
+    <div class="stat-card" (click)="setRoleFilter('组长')" [class.active]="roleFilter() === '组长'">
+      <div class="stat-value">{{ stats.leader() }}</div>
+      <div class="stat-label">组长</div>
+    </div>
+    <div class="stat-card" (click)="setRoleFilter('人事')" [class.active]="roleFilter() === '人事'">
+      <div class="stat-value">{{ stats.hr() }}</div>
+      <div class="stat-label">人事</div>
+    </div>
+    <div class="stat-card" (click)="setRoleFilter('财务')" [class.active]="roleFilter() === '财务'">
+      <div class="stat-value">{{ stats.finance() }}</div>
+      <div class="stat-label">财务</div>
+    </div>
+  </div>
+
+  <!-- 筛选栏 -->
+  <div class="filter-bar">
+    <input
+      type="text"
+      class="search-input"
+      placeholder="搜索姓名、手机号或企微ID..."
+      [ngModel]="keyword()"
+      (ngModelChange)="keyword.set($event)"
+    />
+    <button class="btn btn-text" (click)="resetFilters()">重置</button>
+  </div>
+
+  <!-- 数据表格 -->
+  <div *ngIf="loading()" class="loading-state">加载中...</div>
+  <div *ngIf="!loading()" class="data-table">
+    <table>
+      <thead>
+        <tr>
+          <th>姓名</th>
+          <th>手机号</th>
+          <th>企微ID</th>
+          <th>身份</th>
+          <th>部门</th>
+          <th>状态</th>
+          <th width="120">操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let emp of filtered" [class.disabled]="emp.isDisabled">
+          <td>{{ emp.name }}</td>
+          <td>{{ emp.mobile }}</td>
+          <td>{{ emp.userId }}</td>
+          <td><span class="badge">{{ emp.roleName }}</span></td>
+          <td>{{ emp.department }}</td>
+          <td><span [class]="'status ' + (emp.isDisabled ? 'disabled' : 'active')">{{ emp.isDisabled ? '已禁用' : '正常' }}</span></td>
+          <td>
+            <button class="btn-icon" (click)="viewEmployee(emp)" title="查看">👁</button>
+            <button class="btn-icon" (click)="editEmployee(emp)" title="编辑">✏️</button>
+            <button class="btn-icon" (click)="toggleEmployee(emp)" [title]="emp.isDisabled ? '启用' : '禁用'">
+              {{ emp.isDisabled ? '✓' : '🚫' }}
+            </button>
+          </td>
+        </tr>
+        <tr *ngIf="filtered.length === 0">
+          <td colspan="7" class="empty-state">暂无数据</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <!-- 侧边面板 -->
+  <div class="side-panel" [class.open]="showPanel">
+    <div class="panel-overlay" (click)="closePanel()"></div>
+    <div class="panel-content">
+      <div class="panel-header">
+        <h2>{{ panelMode === 'edit' ? '编辑员工' : '员工详情' }}</h2>
+        <button class="btn-close" (click)="closePanel()">×</button>
+      </div>
+      <div class="panel-body" *ngIf="currentEmployee">
+        <div *ngIf="panelMode === 'detail'" class="detail-view">
+          <div class="detail-item"><label>姓名</label><div>{{ currentEmployee.name }}</div></div>
+          <div class="detail-item"><label>手机号</label><div>{{ currentEmployee.mobile }}</div></div>
+          <div class="detail-item"><label>企微ID</label><div>{{ currentEmployee.userId }}</div></div>
+          <div class="detail-item"><label>身份</label><div>{{ currentEmployee.roleName }}</div></div>
+          <div class="detail-item"><label>部门</label><div>{{ currentEmployee.department }}</div></div>
+          <div class="detail-item"><label>状态</label><div>{{ currentEmployee.isDisabled ? '已禁用' : '正常' }}</div></div>
+        </div>
+        <div *ngIf="panelMode === 'edit'" class="form-view">
+          <div class="form-group">
+            <label>身份</label>
+            <select class="form-control" [(ngModel)]="formModel.roleName">
+              <option *ngFor="let role of roles" [value]="role">{{ role }}</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label>部门</label>
+            <select class="form-control" [(ngModel)]="formModel.departmentId">
+              <option [value]="undefined">未分配</option>
+              <option *ngFor="let dept of departments()" [value]="dept.id">{{ dept.name }}</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label>
+              <input type="checkbox" [(ngModel)]="formModel.isDisabled" />
+              禁用此员工
+            </label>
+          </div>
+        </div>
+      </div>
+      <div class="panel-footer" *ngIf="panelMode === 'edit'">
+        <button class="btn btn-default" (click)="closePanel()">取消</button>
+        <button class="btn btn-primary" (click)="updateEmployee()">更新</button>
+      </div>
+    </div>
+  </div>
+</div>

src/app/pages/admin/employees/employees.scss

@@ -0,0 +1,280 @@
+.employees-container {
+  padding: 24px;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+
+  h1 {
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0 0 8px 0;
+  }
+
+  .subtitle {
+    color: #666;
+    margin: 0;
+    font-size: 14px;
+  }
+}
+
+.stats-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.stat-card {
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  border: 2px solid transparent;
+  transition: all 0.3s;
+
+  &:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+
+  &.active {
+    border-color: #165DFF;
+    background: #E6F7FF;
+  }
+
+  .stat-value {
+    font-size: 32px;
+    font-weight: 600;
+    margin-bottom: 8px;
+  }
+
+  .stat-label {
+    color: #666;
+    font-size: 14px;
+  }
+}
+
+.filter-bar {
+  background: white;
+  border-radius: 8px;
+  padding: 16px;
+  margin-bottom: 16px;
+  display: flex;
+  gap: 12px;
+
+  .search-input {
+    flex: 1;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+  }
+}
+
+.data-table {
+  background: white;
+  border-radius: 8px;
+  overflow: hidden;
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+
+    th, td {
+      padding: 12px 16px;
+      text-align: left;
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    th {
+      background: #fafafa;
+      font-weight: 600;
+    }
+
+    tr.disabled {
+      opacity: 0.5;
+    }
+
+    .badge {
+      padding: 4px 8px;
+      background: #E6F7FF;
+      color: #165DFF;
+      border-radius: 4px;
+      font-size: 12px;
+    }
+
+    .status {
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 12px;
+
+      &.active {
+        background: #E6F9F0;
+        color: #00B42A;
+      }
+
+      &.disabled {
+        background: #FFECE8;
+        color: #F53F3F;
+      }
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 60px;
+      color: #999;
+    }
+  }
+}
+
+.btn {
+  padding: 8px 16px;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+
+  &.btn-primary {
+    background: #165DFF;
+    color: white;
+  }
+
+  &.btn-secondary {
+    background: white;
+    border: 1px solid #ddd;
+  }
+
+  &.btn-default {
+    background: white;
+    border: 1px solid #ddd;
+  }
+
+  &.btn-text {
+    background: none;
+    color: #165DFF;
+  }
+}
+
+.btn-icon {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px 8px;
+}
+
+// 侧边面板(与departments样式相同,省略...)
+.side-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1000;
+
+  &.open {
+    pointer-events: auto;
+
+    .panel-overlay {
+      opacity: 1;
+    }
+
+    .panel-content {
+      transform: translateX(0);
+    }
+  }
+
+  .panel-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.4);
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  .panel-content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 480px;
+    background: white;
+    display: flex;
+    flex-direction: column;
+    transform: translateX(100%);
+    transition: transform 0.3s;
+  }
+
+  .panel-header {
+    padding: 20px;
+    border-bottom: 1px solid #f0f0f0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    .btn-close {
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+    }
+  }
+
+  .panel-body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+  }
+
+  .panel-footer {
+    padding: 16px 20px;
+    border-top: 1px solid #f0f0f0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+}
+
+.form-group {
+  margin-bottom: 20px;
+
+  label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: 500;
+  }
+
+  .form-control {
+    width: 100%;
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+  }
+}
+
+.detail-item {
+  margin-bottom: 20px;
+
+  label {
+    display: block;
+    color: #999;
+    margin-bottom: 8px;
+  }
+
+  div {
+    font-size: 16px;
+  }
+}

src/app/pages/admin/employees/employees.ts

@@ -0,0 +1,247 @@
+import { Component, OnInit, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { EmployeeService } from '../services/employee.service';
+import { DepartmentService } from '../services/department.service';
+
+interface Employee {
+  id: string;
+  name: string;
+  mobile: string;
+  userId: string;
+  roleName: string;
+  department: string;
+  departmentId?: string;
+  isDisabled?: boolean;
+  createdAt?: Date;
+}
+
+interface Department {
+  id: string;
+  name: string;
+}
+
+@Component({
+  selector: 'app-employees',
+  standalone: true,
+  imports: [CommonModule, FormsModule],
+  templateUrl: './employees.html',
+  styleUrls: ['./employees.scss']
+})
+export class Employees implements OnInit {
+  // 数据
+  employees = signal<Employee[]>([]);
+  departments = signal<Department[]>([]);
+  loading = signal(false);
+
+  // 筛选
+  keyword = signal('');
+  roleFilter = signal<string>('all');
+
+  // 侧边面板
+  showPanel = false;
+  panelMode: 'detail' | 'edit' = 'detail';
+  currentEmployee: Employee | null = null;
+  formModel: Partial<Employee> = {};
+
+  // 统计 - 按身份统计
+  stats = {
+    total: signal(0),
+    service: signal(0), // 客服
+    designer: signal(0), // 组员(设计师)
+    leader: signal(0), // 组长
+    hr: signal(0), // 人事
+    finance: signal(0) // 财务
+  };
+
+  // 角色列表
+  roles = ['客服', '组员', '组长', '人事', '财务'];
+
+  constructor(
+    private employeeService: EmployeeService,
+    private departmentService: DepartmentService
+  ) {}
+
+  ngOnInit(): void {
+    this.loadEmployees();
+    this.loadDepartments();
+  }
+
+  async loadEmployees(): Promise<void> {
+    this.loading.set(true);
+    try {
+      const emps = await this.employeeService.findEmployees();
+
+      const empList: Employee[] = emps.map(e => {
+        const json = this.employeeService.toJSON(e);
+        return {
+          id: json.objectId,
+          name: json.name || '未知',
+          mobile: json.mobile || '',
+          userId: json.userId || '',
+          roleName: json.roleName || '组员',
+          department: json.departmentName || '未分配',
+          departmentId: json.departmentId,
+          isDisabled: json.isDisabled || false,
+          createdAt: json.createdAt
+        };
+      });
+
+      this.employees.set(empList);
+
+      // 更新统计
+      this.stats.total.set(empList.length);
+      this.stats.service.set(empList.filter(e => e.roleName === '客服').length);
+      this.stats.designer.set(empList.filter(e => e.roleName === '组员').length);
+      this.stats.leader.set(empList.filter(e => e.roleName === '组长').length);
+      this.stats.hr.set(empList.filter(e => e.roleName === '人事').length);
+      this.stats.finance.set(empList.filter(e => e.roleName === '财务').length);
+    } catch (error) {
+      console.error('加载员工列表失败:', error);
+    } finally {
+      this.loading.set(false);
+    }
+  }
+
+  async loadDepartments(): Promise<void> {
+    try {
+      const depts = await this.departmentService.findDepartments();
+      this.departments.set(
+        depts.map(d => {
+          const json = this.departmentService.toJSON(d);
+          return {
+            id: json.objectId,
+            name: json.name
+          };
+        })
+      );
+    } catch (error) {
+      console.error('加载部门列表失败:', error);
+    }
+  }
+
+  get filtered() {
+    const kw = this.keyword().trim().toLowerCase();
+    const role = this.roleFilter();
+
+    let list = this.employees();
+
+    if (role !== 'all') {
+      list = list.filter(e => e.roleName === role);
+    }
+
+    if (kw) {
+      list = list.filter(
+        e =>
+          e.name.toLowerCase().includes(kw) ||
+          e.mobile.includes(kw) ||
+          e.userId.toLowerCase().includes(kw)
+      );
+    }
+
+    return list;
+  }
+
+  setRoleFilter(role: string) {
+    this.roleFilter.set(role);
+  }
+
+  resetFilters() {
+    this.keyword.set('');
+    this.roleFilter.set('all');
+  }
+
+  // 查看详情
+  viewEmployee(emp: Employee) {
+    this.currentEmployee = emp;
+    this.panelMode = 'detail';
+    this.showPanel = true;
+  }
+
+  // 编辑 (员工从企微同步，只能编辑部分字段，不能删除)
+  editEmployee(emp: Employee) {
+    this.currentEmployee = emp;
+    this.formModel = { ...emp };
+    this.panelMode = 'edit';
+    this.showPanel = true;
+  }
+
+  // 关闭面板
+  closePanel() {
+    this.showPanel = false;
+    this.panelMode = 'detail';
+    this.currentEmployee = null;
+    this.formModel = {};
+  }
+
+  // 提交编辑
+  async updateEmployee() {
+    if (!this.currentEmployee) return;
+
+    try {
+      await this.employeeService.updateEmployee(this.currentEmployee.id, {
+        roleName: this.formModel.roleName,
+        departmentId: this.formModel.departmentId,
+        isDisabled: this.formModel.isDisabled
+      });
+
+      await this.loadEmployees();
+      this.closePanel();
+    } catch (error) {
+      console.error('更新员工失败:', error);
+      alert('更新员工失败，请重试');
+    }
+  }
+
+  // 禁用/启用员工
+  async toggleEmployee(emp: Employee) {
+    const action = emp.isDisabled ? '启用' : '禁用';
+    if (!confirm(`确定要${action}员工 "${emp.name}" 吗？`)) {
+      return;
+    }
+
+    try {
+      await this.employeeService.toggleEmployee(emp.id, !emp.isDisabled);
+      await this.loadEmployees();
+    } catch (error) {
+      console.error(`${action}员工失败:`, error);
+      alert(`${action}员工失败，请重试`);
+    }
+  }
+
+  // 导出
+  exportEmployees() {
+    const header = ['姓名', '手机号', '企微ID', '身份', '部门', '状态', '创建时间'];
+    const rows = this.filtered.map(e => [
+      e.name,
+      e.mobile,
+      e.userId,
+      e.roleName,
+      e.department,
+      e.isDisabled ? '已禁用' : '正常',
+      e.createdAt instanceof Date
+        ? e.createdAt.toISOString().slice(0, 10)
+        : String(e.createdAt || '')
+    ]);
+
+    this.downloadCSV('员工列表.csv', [header, ...rows]);
+  }
+
+  private downloadCSV(filename: string, rows: (string | number)[][]) {
+    const escape = (val: string | number) => {
+      const s = String(val ?? '');
+      if (/[",\n]/.test(s)) return '"' + s.replace(/"/g, '""') + '"';
+      return s;
+    };
+    const csv = rows.map(r => r.map(escape).join(',')).join('\n');
+    const blob = new Blob(['\ufeff', csv], {
+      type: 'text/csv;charset=utf-8;'
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+}

src/app/pages/admin/groupchats/groupchats.html

@@ -0,0 +1,105 @@
+<div class="groupchats-container">
+  <div class="page-header">
+    <div>
+      <h1>群组管理</h1>
+      <p class="subtitle">管理企业微信群聊与项目关联 (数据从企业微信同步)</p>
+    </div>
+    <button class="btn btn-secondary" (click)="exportGroupChats()">导出</button>
+  </div>
+
+  <div class="stats-cards">
+    <div class="stat-card">
+      <div class="stat-value">{{ total() }}</div>
+      <div class="stat-label">群组总数</div>
+    </div>
+  </div>
+
+  <div class="filter-bar">
+    <input
+      type="text"
+      class="search-input"
+      placeholder="搜索群名称..."
+      [ngModel]="keyword()"
+      (ngModelChange)="keyword.set($event)"
+    />
+    <button class="btn btn-text" (click)="resetFilters()">重置</button>
+  </div>
+
+  <div *ngIf="loading()" class="loading-state">加载中...</div>
+  <div *ngIf="!loading()" class="data-table">
+    <table>
+      <thead>
+        <tr>
+          <th>群名称</th>
+          <th>企微群ID</th>
+          <th>关联项目</th>
+          <th>成员数</th>
+          <th>状态</th>
+          <th width="120">操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let group of filtered" [class.disabled]="group.isDisabled">
+          <td>{{ group.name }}</td>
+          <td><code>{{ group.chat_id }}</code></td>
+          <td>{{ group.project || '未关联' }}</td>
+          <td>{{ group.memberCount }}</td>
+          <td>
+            <span [class]="'status ' + (group.isDisabled ? 'disabled' : 'active')">
+              {{ group.isDisabled ? '已禁用' : '正常' }}
+            </span>
+          </td>
+          <td>
+            <button class="btn-icon" (click)="viewGroupChat(group)">👁</button>
+            <button class="btn-icon" (click)="editGroupChat(group)">✏️</button>
+            <button class="btn-icon" (click)="toggleGroupChat(group)">
+              {{ group.isDisabled ? '✓' : '🚫' }}
+            </button>
+          </td>
+        </tr>
+        <tr *ngIf="filtered.length === 0">
+          <td colspan="6" class="empty-state">暂无数据</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <!-- 侧边面板 -->
+  <div class="side-panel" [class.open]="showPanel">
+    <div class="panel-overlay" (click)="closePanel()"></div>
+    <div class="panel-content">
+      <div class="panel-header">
+        <h2>{{ panelMode === 'edit' ? '编辑群组' : '群组详情' }}</h2>
+        <button class="btn-close" (click)="closePanel()">×</button>
+      </div>
+      <div class="panel-body" *ngIf="currentGroupChat">
+        <div *ngIf="panelMode === 'detail'" class="detail-view">
+          <div class="detail-item"><label>群名称</label><div>{{ currentGroupChat.name }}</div></div>
+          <div class="detail-item"><label>企微群ID</label><div><code>{{ currentGroupChat.chat_id }}</code></div></div>
+          <div class="detail-item"><label>关联项目</label><div>{{ currentGroupChat.project || '未关联' }}</div></div>
+          <div class="detail-item"><label>成员数</label><div>{{ currentGroupChat.memberCount }}</div></div>
+          <div class="detail-item"><label>状态</label><div>{{ currentGroupChat.isDisabled ? '已禁用' : '正常' }}</div></div>
+        </div>
+        <div *ngIf="panelMode === 'edit'" class="form-view">
+          <div class="form-group">
+            <label>关联项目</label>
+            <select class="form-control" [(ngModel)]="formModel.projectId">
+              <option [value]="undefined">未关联</option>
+              <option *ngFor="let proj of projects()" [value]="proj.id">{{ proj.title }}</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label>
+              <input type="checkbox" [(ngModel)]="formModel.isDisabled" />
+              禁用此群组
+            </label>
+          </div>
+        </div>
+      </div>
+      <div class="panel-footer" *ngIf="panelMode === 'edit'">
+        <button class="btn btn-default" (click)="closePanel()">取消</button>
+        <button class="btn btn-primary" (click)="updateGroupChat()">更新</button>
+      </div>
+    </div>
+  </div>
+</div>

src/app/pages/admin/groupchats/groupchats.scss

@@ -0,0 +1,10 @@
+// 与employees样式基本相同
+@import '../employees/employees.scss';
+
+code {
+  font-family: 'Courier New', monospace;
+  background: #f5f5f5;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-size: 12px;
+}

src/app/pages/admin/groupchats/groupchats.ts

@@ -0,0 +1,192 @@
+import { Component, OnInit, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { GroupChatService } from '../services/groupchat.service';
+import { ProjectService } from '../services/project.service';
+
+interface GroupChat {
+  id: string;
+  chat_id: string;
+  name: string;
+  project?: string;
+  projectId?: string;
+  memberCount: number;
+  isDisabled?: boolean;
+  createdAt?: Date;
+}
+
+interface Project {
+  id: string;
+  title: string;
+}
+
+@Component({
+  selector: 'app-groupchats',
+  standalone: true,
+  imports: [CommonModule, FormsModule],
+  templateUrl: './groupchats.html',
+  styleUrls: ['./groupchats.scss']
+})
+export class GroupChats implements OnInit {
+  groupChats = signal<GroupChat[]>([]);
+  projects = signal<Project[]>([]);
+  loading = signal(false);
+
+  keyword = signal('');
+  total = signal(0);
+
+  showPanel = false;
+  panelMode: 'detail' | 'edit' = 'detail';
+  currentGroupChat: GroupChat | null = null;
+  formModel: Partial<GroupChat> = {};
+
+  constructor(
+    private groupChatService: GroupChatService,
+    private projectService: ProjectService
+  ) {}
+
+  ngOnInit(): void {
+    this.loadGroupChats();
+    this.loadProjects();
+  }
+
+  async loadGroupChats(): Promise<void> {
+    this.loading.set(true);
+    try {
+      const groups = await this.groupChatService.findGroupChats();
+
+      const groupList: GroupChat[] = groups.map(g => {
+        const json = this.groupChatService.toJSON(g);
+        return {
+          id: json.objectId,
+          chat_id: json.chat_id || '',
+          name: json.name || '未命名群组',
+          project: json.projectTitle,
+          projectId: json.projectId,
+          memberCount: json.member_list?.length || 0,
+          isDisabled: json.isDisabled || false,
+          createdAt: json.createdAt
+        };
+      });
+
+      this.groupChats.set(groupList);
+      this.total.set(groupList.length);
+    } catch (error) {
+      console.error('加载群组列表失败:', error);
+    } finally {
+      this.loading.set(false);
+    }
+  }
+
+  async loadProjects(): Promise<void> {
+    try {
+      const projs = await this.projectService.findProjects({ limit: 200 });
+      this.projects.set(
+        projs.map(p => {
+          const json = this.projectService.toJSON(p);
+          return {
+            id: json.objectId,
+            title: json.title
+          };
+        })
+      );
+    } catch (error) {
+      console.error('加载项目列表失败:', error);
+    }
+  }
+
+  get filtered() {
+    const kw = this.keyword().trim().toLowerCase();
+    if (!kw) return this.groupChats();
+    return this.groupChats().filter(g => g.name.toLowerCase().includes(kw));
+  }
+
+  resetFilters() {
+    this.keyword.set('');
+  }
+
+  viewGroupChat(group: GroupChat) {
+    this.currentGroupChat = group;
+    this.panelMode = 'detail';
+    this.showPanel = true;
+  }
+
+  editGroupChat(group: GroupChat) {
+    this.currentGroupChat = group;
+    this.formModel = { ...group };
+    this.panelMode = 'edit';
+    this.showPanel = true;
+  }
+
+  closePanel() {
+    this.showPanel = false;
+    this.currentGroupChat = null;
+    this.formModel = {};
+  }
+
+  async updateGroupChat() {
+    if (!this.currentGroupChat) return;
+
+    try {
+      await this.groupChatService.updateGroupChat(this.currentGroupChat.id, {
+        projectId: this.formModel.projectId || null,
+        isDisabled: this.formModel.isDisabled
+      });
+
+      await this.loadGroupChats();
+      this.closePanel();
+    } catch (error) {
+      console.error('更新群组失败:', error);
+      alert('更新群组失败，请重试');
+    }
+  }
+
+  async toggleGroupChat(group: GroupChat) {
+    const action = group.isDisabled ? '启用' : '禁用';
+    if (!confirm(`确定要${action}群组 "${group.name}" 吗？`)) {
+      return;
+    }
+
+    try {
+      await this.groupChatService.toggleGroupChat(group.id, !group.isDisabled);
+      await this.loadGroupChats();
+    } catch (error) {
+      console.error(`${action}群组失败:`, error);
+      alert(`${action}群组失败，请重试`);
+    }
+  }
+
+  exportGroupChats() {
+    const header = ['群名称', '企微群ID', '关联项目', '成员数', '状态', '创建时间'];
+    const rows = this.filtered.map(g => [
+      g.name,
+      g.chat_id,
+      g.project || '未关联',
+      String(g.memberCount),
+      g.isDisabled ? '已禁用' : '正常',
+      g.createdAt instanceof Date
+        ? g.createdAt.toISOString().slice(0, 10)
+        : String(g.createdAt || '')
+    ]);
+
+    this.downloadCSV('群组列表.csv', [header, ...rows]);
+  }
+
+  private downloadCSV(filename: string, rows: (string | number)[][]) {
+    const escape = (val: string | number) => {
+      const s = String(val ?? '');
+      if (/[",\n]/.test(s)) return '"' + s.replace(/"/g, '""') + '"';
+      return s;
+    };
+    const csv = rows.map(r => r.map(escape).join(',')).join('\n');
+    const blob = new Blob(['\ufeff', csv], {
+      type: 'text/csv;charset=utf-8;'
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+}

src/app/pages/admin/project-management/project-management.ts

@@ -11,17 +11,20 @@ import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatDialogModule, MatDialog } from '@angular/material/dialog';
 import { MatSortModule } from '@angular/material/sort';
 import { ProjectDialogComponent } from './project-dialog/project-dialog'; // @ts-ignore: Component used in code but not in template
+import { ProjectService } from '../services/project.service';
 
 interface Project {
   id: string;
-  name: string;
+  title: string;
   customer: string;
-  status: 'pending' | 'in-progress' | 'completed' | 'on-hold';
-  designer: string;
-  startDate: string;
-  endDate: string;
-  budget: number;
-  progress: number;
+  customerId?: string;
+  status: string;
+  assignee: string;
+  assigneeId?: string;
+  createdAt?: Date;
+  updatedAt?: Date;
+  deadline?: Date;
+  currentStage?: string;
 }
 
 @Component({
@@ -48,37 +51,80 @@ export class ProjectManagement implements OnInit {
   filteredProjects = signal<Project[]>([]);
   searchTerm = '';
   statusFilter = '';
-  sortColumn = 'startDate';
+  sortColumn = 'updatedAt';
   sortDirection = 'desc';
   pageSize = 10;
   currentPage = 0;
+  loading = signal(false);
 
   // 提供Math对象给模板使用
   readonly Math = Math;
 
   // 状态颜色映射
   statusColors: Record<string, string> = {
-    'pending': '#FFAA00',
-    'in-progress': '#165DFF',
-    'completed': '#00B42A',
-    'on-hold': '#F53F3F'
+    '待分配': '#FFAA00',
+    '进行中': '#165DFF',
+    '已完成': '#00B42A',
+    '已暂停': '#FF7D00',
+    '已延期': '#F53F3F',
+    '已取消': '#86909C'
   };
 
   // 状态文本映射
   statusTexts: Record<string, string> = {
-    'pending': '待开始',
-    'in-progress': '进行中',
-    'completed': '已完成',
-    'on-hold': '暂停中'
+    '待分配': '待分配',
+    '进行中': '进行中',
+    '已完成': '已完成',
+    '已暂停': '已暂停',
+    '已延期': '已延期',
+    '已取消': '已取消'
   };
 
-  constructor(private dialog: MatDialog) {}
+  constructor(
+    private dialog: MatDialog,
+    private projectService: ProjectService
+  ) {}
 
   ngOnInit(): void {
     this.loadProjects();
   }
 
-  loadProjects(): void {
+  async loadProjects(): Promise<void> {
+    this.loading.set(true);
+    try {
+      const projects = await this.projectService.findProjects({
+        limit: 100
+      });
+
+      const projectList: Project[] = projects.map(p => {
+        const json = this.projectService.toJSON(p);
+        return {
+          id: json.objectId,
+          title: json.title || '未命名项目',
+          customer: json.customerName || '未知客户',
+          customerId: json.customerId,
+          status: json.status || '待分配',
+          assignee: json.assigneeName || '未分配',
+          assigneeId: json.assigneeId,
+          createdAt: json.createdAt,
+          updatedAt: json.updatedAt,
+          deadline: json.deadline,
+          currentStage: json.currentStage
+        };
+      });
+
+      this.projects.set(projectList);
+      this.applyFilters();
+    } catch (error) {
+      console.error('加载项目列表失败:', error);
+      this.projects.set([]);
+    } finally {
+      this.loading.set(false);
+    }
+  }
+
+  // 旧的模拟数据方法已移除，如需测试可临时使用
+  loadProjectsMock(): void {
     // 模拟项目数据
     this.projects.set([
       {

src/app/pages/admin/services/admin-data.service.ts

@@ -0,0 +1,187 @@
+import { Injectable } from '@angular/core';
+import { FmodeParse, FmodeObject, FmodeQuery } from 'fmode-ng/core';
+
+/**
+ * 管理系统数据服务基类
+ * 提供统一的数据访问接口，所有数据操作都指向 cDL6R1hgSi 映三色帐套
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class AdminDataService {
+  private readonly COMPANY_ID = 'cDL6R1hgSi'; // 映三色帐套ID
+  private Parse: FmodeParse;
+
+  constructor() {
+    this.Parse = (window as any).Parse || FmodeParse.with('nova');
+  }
+
+  /**
+   * 获取公司指针
+   */
+  getCompanyPointer(): any {
+    return {
+      __type: 'Pointer',
+      className: 'Company',
+      objectId: this.COMPANY_ID
+    };
+  }
+
+  /**
+   * 创建查询并自动添加公司和非删除过滤
+   */
+  createQuery(className: string): FmodeQuery {
+    const query = new this.Parse.Query(className);
+    query.equalTo('company', this.getCompanyPointer());
+    query.notEqualTo('isDeleted', true);
+    return query;
+  }
+
+  /**
+   * 创建新对象
+   */
+  createObject(className: string, data: any): FmodeObject {
+    const obj = new this.Parse.Object(className);
+    obj.set('company', this.getCompanyPointer());
+    obj.set('isDeleted', false);
+
+    // 设置其他字段
+    Object.keys(data).forEach(key => {
+      if (key !== 'company' && key !== 'isDeleted') {
+        obj.set(key, data[key]);
+      }
+    });
+
+    return obj;
+  }
+
+  /**
+   * 软删除对象
+   */
+  async softDelete(obj: FmodeObject): Promise<FmodeObject> {
+    obj.set('isDeleted', true);
+    return await obj.save();
+  }
+
+  /**
+   * 批量软删除
+   */
+  async softDeleteBatch(objects: FmodeObject[]): Promise<FmodeObject[]> {
+    objects.forEach(obj => obj.set('isDeleted', true));
+    return await this.Parse.Object.saveAll(objects);
+  }
+
+  /**
+   * 查询统计数量
+   */
+  async count(className: string, additionalQuery?: (query: FmodeQuery) => void): Promise<number> {
+    const query = this.createQuery(className);
+    if (additionalQuery) {
+      additionalQuery(query);
+    }
+    return await query.count();
+  }
+
+  /**
+   * 查询列表
+   */
+  async findAll(
+    className: string,
+    options?: {
+      include?: string[];
+      limit?: number;
+      skip?: number;
+      descending?: string;
+      ascending?: string;
+      additionalQuery?: (query: FmodeQuery) => void;
+    }
+  ): Promise<FmodeObject[]> {
+    const query = this.createQuery(className);
+
+    if (options?.include) {
+      options.include.forEach(field => query.include(field));
+    }
+
+    if (options?.limit) {
+      query.limit(options.limit);
+    }
+
+    if (options?.skip) {
+      query.skip(options.skip);
+    }
+
+    if (options?.descending) {
+      query.descending(options.descending);
+    }
+
+    if (options?.ascending) {
+      query.ascending(options.ascending);
+    }
+
+    if (options?.additionalQuery) {
+      options.additionalQuery(query);
+    }
+
+    return await query.find();
+  }
+
+  /**
+   * 根据ID获取对象
+   */
+  async getById(className: string, objectId: string, include?: string[]): Promise<FmodeObject | null> {
+    try {
+      const query = this.createQuery(className);
+      if (include) {
+        include.forEach(field => query.include(field));
+      }
+      return await query.get(objectId);
+    } catch (error) {
+      console.error(`获取${className} ${objectId}失败:`, error);
+      return null;
+    }
+  }
+
+  /**
+   * 保存对象
+   */
+  async save(obj: FmodeObject): Promise<FmodeObject> {
+    return await obj.save();
+  }
+
+  /**
+   * 批量保存
+   */
+  async saveAll(objects: FmodeObject[]): Promise<FmodeObject[]> {
+    return await this.Parse.Object.saveAll(objects);
+  }
+
+  /**
+   * 将Parse对象转换为普通对象
+   */
+  toJSON(obj: FmodeObject): any {
+    const json: any = {
+      objectId: obj.id,
+      createdAt: obj.get('createdAt'),
+      updatedAt: obj.get('updatedAt')
+    };
+
+    // 获取所有属性
+    obj.attributes && Object.keys(obj.attributes).forEach(key => {
+      const value = obj.get(key);
+      if (value && typeof value === 'object' && value.toJSON) {
+        json[key] = value.toJSON();
+      } else {
+        json[key] = value;
+      }
+    });
+
+    return json;
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(objects: FmodeObject[]): any[] {
+    return objects.map(obj => this.toJSON(obj));
+  }
+}

src/app/pages/admin/services/customer.service.ts

@@ -0,0 +1,147 @@
+import { Injectable } from '@angular/core';
+import { AdminDataService } from './admin-data.service';
+import { FmodeObject } from 'fmode-ng/core';
+
+/**
+ * 客户管理数据服务
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class CustomerService {
+  constructor(private adminData: AdminDataService) {}
+
+  /**
+   * 查询客户列表
+   */
+  async findCustomers(options?: {
+    keyword?: string;
+    source?: string;
+    skip?: number;
+    limit?: number;
+  }): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('ContactInfo', {
+      skip: options?.skip || 0,
+      limit: options?.limit || 50,
+      descending: 'createdAt',
+      additionalQuery: query => {
+        if (options?.source) {
+          query.equalTo('source', options.source);
+        }
+        if (options?.keyword) {
+          const kw = options.keyword.trim();
+          if (kw) {
+            query.matches('name', kw, 'i');
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 统计客户数量
+   */
+  async countCustomers(source?: string): Promise<number> {
+    return await this.adminData.count('ContactInfo', query => {
+      if (source) {
+        query.equalTo('source', source);
+      }
+    });
+  }
+
+  /**
+   * 根据ID获取客户
+   */
+  async getCustomer(objectId: string): Promise<FmodeObject | null> {
+    return await this.adminData.getById('ContactInfo', objectId);
+  }
+
+  /**
+   * 创建客户
+   */
+  async createCustomer(data: {
+    name: string;
+    mobile?: string;
+    external_userid?: string;
+    source?: string;
+    data?: any;
+  }): Promise<FmodeObject> {
+    const customerData: any = {
+      name: data.name,
+      mobile: data.mobile || '',
+      external_userid: data.external_userid || '',
+      source: data.source || '其他'
+    };
+
+    if (data.data) {
+      customerData.data = data.data;
+    }
+
+    const customer = this.adminData.createObject('ContactInfo', customerData);
+    return await this.adminData.save(customer);
+  }
+
+  /**
+   * 更新客户
+   */
+  async updateCustomer(
+    objectId: string,
+    updates: {
+      name?: string;
+      mobile?: string;
+      source?: string;
+      data?: any;
+    }
+  ): Promise<FmodeObject | null> {
+    const customer = await this.getCustomer(objectId);
+    if (!customer) {
+      return null;
+    }
+
+    if (updates.name !== undefined) {
+      customer.set('name', updates.name);
+    }
+
+    if (updates.mobile !== undefined) {
+      customer.set('mobile', updates.mobile);
+    }
+
+    if (updates.source !== undefined) {
+      customer.set('source', updates.source);
+    }
+
+    if (updates.data !== undefined) {
+      const currentData = customer.get('data') || {};
+      customer.set('data', { ...currentData, ...updates.data });
+    }
+
+    return await this.adminData.save(customer);
+  }
+
+  /**
+   * 删除客户（软删除）
+   */
+  async deleteCustomer(objectId: string): Promise<boolean> {
+    const customer = await this.getCustomer(objectId);
+    if (!customer) {
+      return false;
+    }
+
+    await this.adminData.softDelete(customer);
+    return true;
+  }
+
+  /**
+   * 转换为JSON
+   */
+  toJSON(customer: FmodeObject): any {
+    return this.adminData.toJSON(customer);
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(customers: FmodeObject[]): any[] {
+    return customers.map(c => this.toJSON(c));
+  }
+}

src/app/pages/admin/services/department.service.ts

@@ -0,0 +1,192 @@
+import { Injectable } from '@angular/core';
+import { AdminDataService } from './admin-data.service';
+import { FmodeObject } from 'fmode-ng/core';
+
+/**
+ * 项目组(部门)管理数据服务
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class DepartmentService {
+  constructor(private adminData: AdminDataService) {}
+
+  /**
+   * 查询项目组列表
+   */
+  async findDepartments(options?: {
+    type?: string;
+    keyword?: string;
+    skip?: number;
+    limit?: number;
+  }): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('Department', {
+      include: ['leader'],
+      skip: options?.skip || 0,
+      limit: options?.limit || 100,
+      descending: 'createdAt',
+      additionalQuery: query => {
+        // 默认只查询项目组类型
+        query.equalTo('type', options?.type || 'project');
+
+        if (options?.keyword) {
+          const kw = options.keyword.trim();
+          if (kw) {
+            query.matches('name', kw, 'i');
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 统计项目组数量
+   */
+  async countDepartments(type?: string): Promise<number> {
+    return await this.adminData.count('Department', query => {
+      query.equalTo('type', type || 'project');
+    });
+  }
+
+  /**
+   * 根据ID获取项目组
+   */
+  async getDepartment(objectId: string): Promise<FmodeObject | null> {
+    return await this.adminData.getById('Department', objectId, ['leader']);
+  }
+
+  /**
+   * 创建项目组
+   */
+  async createDepartment(data: {
+    name: string;
+    leaderId?: string;
+    type?: string;
+    data?: any;
+  }): Promise<FmodeObject> {
+    const deptData: any = {
+      name: data.name,
+      type: data.type || 'project'
+    };
+
+    // 设置组长指针
+    if (data.leaderId) {
+      deptData.leader = {
+        __type: 'Pointer',
+        className: 'Profile',
+        objectId: data.leaderId
+      };
+    }
+
+    if (data.data) {
+      deptData.data = data.data;
+    }
+
+    const dept = this.adminData.createObject('Department', deptData);
+    return await this.adminData.save(dept);
+  }
+
+  /**
+   * 更新项目组
+   */
+  async updateDepartment(
+    objectId: string,
+    updates: {
+      name?: string;
+      leaderId?: string;
+      type?: string;
+      data?: any;
+    }
+  ): Promise<FmodeObject | null> {
+    const dept = await this.getDepartment(objectId);
+    if (!dept) {
+      return null;
+    }
+
+    if (updates.name !== undefined) {
+      dept.set('name', updates.name);
+    }
+
+    if (updates.leaderId !== undefined) {
+      dept.set('leader', {
+        __type: 'Pointer',
+        className: 'Profile',
+        objectId: updates.leaderId
+      });
+    }
+
+    if (updates.type !== undefined) {
+      dept.set('type', updates.type);
+    }
+
+    if (updates.data !== undefined) {
+      const currentData = dept.get('data') || {};
+      dept.set('data', { ...currentData, ...updates.data });
+    }
+
+    return await this.adminData.save(dept);
+  }
+
+  /**
+   * 删除项目组（软删除）
+   */
+  async deleteDepartment(objectId: string): Promise<boolean> {
+    const dept = await this.getDepartment(objectId);
+    if (!dept) {
+      return false;
+    }
+
+    await this.adminData.softDelete(dept);
+    return true;
+  }
+
+  /**
+   * 获取项目组的成员列表
+   */
+  async getDepartmentMembers(departmentId: string): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('Profile', {
+      additionalQuery: query => {
+        query.equalTo('department', {
+          __type: 'Pointer',
+          className: 'Department',
+          objectId: departmentId
+        });
+      }
+    });
+  }
+
+  /**
+   * 统计项目组成员数量
+   */
+  async countDepartmentMembers(departmentId: string): Promise<number> {
+    return await this.adminData.count('Profile', query => {
+      query.equalTo('department', {
+        __type: 'Pointer',
+        className: 'Department',
+        objectId: departmentId
+      });
+    });
+  }
+
+  /**
+   * 转换为JSON
+   */
+  toJSON(dept: FmodeObject): any {
+    const json = this.adminData.toJSON(dept);
+
+    // 处理组长关联
+    if (json.leader && typeof json.leader === 'object') {
+      json.leaderName = json.leader.name || '';
+      json.leaderId = json.leader.objectId;
+    }
+
+    return json;
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(depts: FmodeObject[]): any[] {
+    return depts.map(d => this.toJSON(d));
+  }
+}

src/app/pages/admin/services/employee.service.ts

@@ -0,0 +1,188 @@
+import { Injectable } from '@angular/core';
+import { AdminDataService } from './admin-data.service';
+import { FmodeObject } from 'fmode-ng/core';
+
+/**
+ * 员工管理数据服务 (Profile表)
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class EmployeeService {
+  constructor(private adminData: AdminDataService) {}
+
+  /**
+   * 查询员工列表
+   */
+  async findEmployees(options?: {
+    roleName?: string;
+    departmentId?: string;
+    keyword?: string;
+    skip?: number;
+    limit?: number;
+  }): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('Profile', {
+      include: ['department'],
+      skip: options?.skip || 0,
+      limit: options?.limit || 100,
+      descending: 'createdAt',
+      additionalQuery: query => {
+        if (options?.roleName) {
+          query.equalTo('roleName', options.roleName);
+        }
+        if (options?.departmentId) {
+          query.equalTo('department', {
+            __type: 'Pointer',
+            className: 'Department',
+            objectId: options.departmentId
+          });
+        }
+        if (options?.keyword) {
+          const kw = options.keyword.trim();
+          if (kw) {
+            query.matches('name', kw, 'i');
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 统计员工数量
+   */
+  async countEmployees(roleName?: string): Promise<number> {
+    return await this.adminData.count('Profile', query => {
+      if (roleName) {
+        query.equalTo('roleName', roleName);
+      }
+    });
+  }
+
+  /**
+   * 根据ID获取员工
+   */
+  async getEmployee(objectId: string): Promise<FmodeObject | null> {
+    return await this.adminData.getById('Profile', objectId, ['department']);
+  }
+
+  /**
+   * 创建员工 (注意: 员工从企微同步，实际可能不需要创建功能)
+   */
+  async createEmployee(data: {
+    name: string;
+    mobile?: string;
+    userId?: string;
+    roleName: string;
+    departmentId?: string;
+    data?: any;
+  }): Promise<FmodeObject> {
+    const employeeData: any = {
+      name: data.name,
+      mobile: data.mobile || '',
+      userId: data.userId || '',
+      roleName: data.roleName
+    };
+
+    if (data.departmentId) {
+      employeeData.department = {
+        __type: 'Pointer',
+        className: 'Department',
+        objectId: data.departmentId
+      };
+    }
+
+    if (data.data) {
+      employeeData.data = data.data;
+    }
+
+    const employee = this.adminData.createObject('Profile', employeeData);
+    return await this.adminData.save(employee);
+  }
+
+  /**
+   * 更新员工
+   */
+  async updateEmployee(
+    objectId: string,
+    updates: {
+      name?: string;
+      mobile?: string;
+      roleName?: string;
+      departmentId?: string;
+      isDisabled?: boolean;
+      data?: any;
+    }
+  ): Promise<FmodeObject | null> {
+    const employee = await this.getEmployee(objectId);
+    if (!employee) {
+      return null;
+    }
+
+    if (updates.name !== undefined) {
+      employee.set('name', updates.name);
+    }
+
+    if (updates.mobile !== undefined) {
+      employee.set('mobile', updates.mobile);
+    }
+
+    if (updates.roleName !== undefined) {
+      employee.set('roleName', updates.roleName);
+    }
+
+    if (updates.departmentId !== undefined) {
+      employee.set('department', {
+        __type: 'Pointer',
+        className: 'Department',
+        objectId: updates.departmentId
+      });
+    }
+
+    if (updates.isDisabled !== undefined) {
+      employee.set('isDisabled', updates.isDisabled);
+    }
+
+    if (updates.data !== undefined) {
+      const currentData = employee.get('data') || {};
+      employee.set('data', { ...currentData, ...updates.data });
+    }
+
+    return await this.adminData.save(employee);
+  }
+
+  /**
+   * 禁用/启用员工
+   */
+  async toggleEmployee(objectId: string, isDisabled: boolean): Promise<boolean> {
+    const employee = await this.getEmployee(objectId);
+    if (!employee) {
+      return false;
+    }
+
+    employee.set('isDisabled', isDisabled);
+    await this.adminData.save(employee);
+    return true;
+  }
+
+  /**
+   * 转换为JSON
+   */
+  toJSON(employee: FmodeObject): any {
+    const json = this.adminData.toJSON(employee);
+
+    // 处理部门关联
+    if (json.department && typeof json.department === 'object') {
+      json.departmentName = json.department.name || '';
+      json.departmentId = json.department.objectId;
+    }
+
+    return json;
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(employees: FmodeObject[]): any[] {
+    return employees.map(e => this.toJSON(e));
+  }
+}

src/app/pages/admin/services/groupchat.service.ts

@@ -0,0 +1,141 @@
+import { Injectable } from '@angular/core';
+import { AdminDataService } from './admin-data.service';
+import { FmodeObject } from 'fmode-ng/core';
+
+/**
+ * 群组管理数据服务
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class GroupChatService {
+  constructor(private adminData: AdminDataService) {}
+
+  /**
+   * 查询群组列表
+   */
+  async findGroupChats(options?: {
+    keyword?: string;
+    hasProject?: boolean;
+    skip?: number;
+    limit?: number;
+  }): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('GroupChat', {
+      include: ['project'],
+      skip: options?.skip || 0,
+      limit: options?.limit || 100,
+      descending: 'createdAt',
+      additionalQuery: query => {
+        if (options?.keyword) {
+          const kw = options.keyword.trim();
+          if (kw) {
+            query.matches('name', kw, 'i');
+          }
+        }
+
+        if (options?.hasProject !== undefined) {
+          if (options.hasProject) {
+            query.exists('project');
+          } else {
+            query.doesNotExist('project');
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 统计群组数量
+   */
+  async countGroupChats(): Promise<number> {
+    return await this.adminData.count('GroupChat');
+  }
+
+  /**
+   * 根据ID获取群组
+   */
+  async getGroupChat(objectId: string): Promise<FmodeObject | null> {
+    return await this.adminData.getById('GroupChat', objectId, ['project']);
+  }
+
+  /**
+   * 更新群组 (群组从企微同步,只能编辑部分字段)
+   */
+  async updateGroupChat(
+    objectId: string,
+    updates: {
+      name?: string;
+      projectId?: string | null;
+      isDisabled?: boolean;
+      data?: any;
+    }
+  ): Promise<FmodeObject | null> {
+    const groupChat = await this.getGroupChat(objectId);
+    if (!groupChat) {
+      return null;
+    }
+
+    if (updates.name !== undefined) {
+      groupChat.set('name', updates.name);
+    }
+
+    if (updates.projectId !== undefined) {
+      if (updates.projectId) {
+        groupChat.set('project', {
+          __type: 'Pointer',
+          className: 'Project',
+          objectId: updates.projectId
+        });
+      } else {
+        groupChat.unset('project');
+      }
+    }
+
+    if (updates.isDisabled !== undefined) {
+      groupChat.set('isDisabled', updates.isDisabled);
+    }
+
+    if (updates.data !== undefined) {
+      const currentData = groupChat.get('data') || {};
+      groupChat.set('data', { ...currentData, ...updates.data });
+    }
+
+    return await this.adminData.save(groupChat);
+  }
+
+  /**
+   * 禁用/启用群组
+   */
+  async toggleGroupChat(objectId: string, isDisabled: boolean): Promise<boolean> {
+    const groupChat = await this.getGroupChat(objectId);
+    if (!groupChat) {
+      return false;
+    }
+
+    groupChat.set('isDisabled', isDisabled);
+    await this.adminData.save(groupChat);
+    return true;
+  }
+
+  /**
+   * 转换为JSON
+   */
+  toJSON(groupChat: FmodeObject): any {
+    const json = this.adminData.toJSON(groupChat);
+
+    // 处理项目关联
+    if (json.project && typeof json.project === 'object') {
+      json.projectTitle = json.project.title || '';
+      json.projectId = json.project.objectId;
+    }
+
+    return json;
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(groupChats: FmodeObject[]): any[] {
+    return groupChats.map(g => this.toJSON(g));
+  }
+}

src/app/pages/admin/services/project.service.ts

@@ -0,0 +1,228 @@
+import { Injectable } from '@angular/core';
+import { AdminDataService } from './admin-data.service';
+import { FmodeObject } from 'fmode-ng/core';
+
+/**
+ * 项目管理数据服务
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class ProjectService {
+  constructor(private adminData: AdminDataService) {}
+
+  /**
+   * 查询项目列表
+   */
+  async findProjects(options?: {
+    status?: string;
+    keyword?: string;
+    skip?: number;
+    limit?: number;
+  }): Promise<FmodeObject[]> {
+    return await this.adminData.findAll('Project', {
+      include: ['customer', 'assignee'],
+      skip: options?.skip || 0,
+      limit: options?.limit || 20,
+      descending: 'updatedAt',
+      additionalQuery: query => {
+        if (options?.status) {
+          query.equalTo('status', options.status);
+        }
+        if (options?.keyword) {
+          const kw = options.keyword.trim();
+          if (kw) {
+            // 搜索项目标题
+            query.matches('title', kw, 'i');
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 统计项目数量
+   */
+  async countProjects(status?: string): Promise<number> {
+    return await this.adminData.count('Project', query => {
+      if (status) {
+        query.equalTo('status', status);
+      }
+    });
+  }
+
+  /**
+   * 根据ID获取项目
+   */
+  async getProject(objectId: string): Promise<FmodeObject | null> {
+    return await this.adminData.getById('Project', objectId, [
+      'customer',
+      'assignee'
+    ]);
+  }
+
+  /**
+   * 创建项目
+   */
+  async createProject(data: {
+    title: string;
+    customerId?: string;
+    assigneeId?: string;
+    status?: string;
+    currentStage?: string;
+    deadline?: Date;
+    data?: any;
+  }): Promise<FmodeObject> {
+    const projectData: any = {
+      title: data.title,
+      status: data.status || '待分配',
+      currentStage: data.currentStage || '订单分配'
+    };
+
+    // 设置客户指针
+    if (data.customerId) {
+      projectData.customer = {
+        __type: 'Pointer',
+        className: 'ContactInfo',
+        objectId: data.customerId
+      };
+    }
+
+    // 设置负责人指针
+    if (data.assigneeId) {
+      projectData.assignee = {
+        __type: 'Pointer',
+        className: 'Profile',
+        objectId: data.assigneeId
+      };
+    }
+
+    if (data.deadline) {
+      projectData.deadline = data.deadline;
+    }
+
+    if (data.data) {
+      projectData.data = data.data;
+    }
+
+    const project = this.adminData.createObject('Project', projectData);
+    return await this.adminData.save(project);
+  }
+
+  /**
+   * 更新项目
+   */
+  async updateProject(
+    objectId: string,
+    updates: {
+      title?: string;
+      customerId?: string;
+      assigneeId?: string;
+      status?: string;
+      currentStage?: string;
+      deadline?: Date;
+      data?: any;
+    }
+  ): Promise<FmodeObject | null> {
+    const project = await this.getProject(objectId);
+    if (!project) {
+      return null;
+    }
+
+    if (updates.title !== undefined) {
+      project.set('title', updates.title);
+    }
+
+    if (updates.customerId !== undefined) {
+      project.set('customer', {
+        __type: 'Pointer',
+        className: 'ContactInfo',
+        objectId: updates.customerId
+      });
+    }
+
+    if (updates.assigneeId !== undefined) {
+      project.set('assignee', {
+        __type: 'Pointer',
+        className: 'Profile',
+        objectId: updates.assigneeId
+      });
+    }
+
+    if (updates.status !== undefined) {
+      project.set('status', updates.status);
+    }
+
+    if (updates.currentStage !== undefined) {
+      project.set('currentStage', updates.currentStage);
+    }
+
+    if (updates.deadline !== undefined) {
+      project.set('deadline', updates.deadline);
+    }
+
+    if (updates.data !== undefined) {
+      const currentData = project.get('data') || {};
+      project.set('data', { ...currentData, ...updates.data });
+    }
+
+    return await this.adminData.save(project);
+  }
+
+  /**
+   * 删除项目（软删除）
+   */
+  async deleteProject(objectId: string): Promise<boolean> {
+    const project = await this.getProject(objectId);
+    if (!project) {
+      return false;
+    }
+
+    await this.adminData.softDelete(project);
+    return true;
+  }
+
+  /**
+   * 批量删除项目
+   */
+  async deleteProjects(objectIds: string[]): Promise<number> {
+    const projects = await Promise.all(
+      objectIds.map(id => this.getProject(id))
+    );
+
+    const validProjects = projects.filter(p => p !== null) as FmodeObject[];
+    if (validProjects.length === 0) {
+      return 0;
+    }
+
+    await this.adminData.softDeleteBatch(validProjects);
+    return validProjects.length;
+  }
+
+  /**
+   * 转换为JSON
+   */
+  toJSON(project: FmodeObject): any {
+    const json = this.adminData.toJSON(project);
+
+    // 处理关联对象
+    if (json.customer && typeof json.customer === 'object') {
+      json.customerName = json.customer.name || '';
+      json.customerId = json.customer.objectId;
+    }
+
+    if (json.assignee && typeof json.assignee === 'object') {
+      json.assigneeName = json.assignee.name || '';
+      json.assigneeId = json.assignee.objectId;
+    }
+
+    return json;
+  }
+
+  /**
+   * 批量转换
+   */
+  toJSONArray(projects: FmodeObject[]): any[] {
+    return projects.map(p => this.toJSON(p));
+  }
+}