yss-project/src/app/pages/team-leader/dashboard/dashboard.ts

import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Router, RouterModule } from '@angular/router';
import { firstValueFrom } from 'rxjs';
import { Component, OnInit, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
import { ProjectService } from '../../../services/project.service';
import { DesignerService } from '../services/designer.service';
import { WxworkAuth } from 'fmode-ng/core';
import { ProjectTimelineComponent } from '../project-timeline';
import { EmployeeDetailPanelComponent } from '../employee-detail-panel';
import { DashboardMetricsComponent } from './components/dashboard-metrics/dashboard-metrics.component';
import { DashboardNavbarComponent } from './components/dashboard-navbar/dashboard-navbar.component';
import { WorkloadGanttComponent } from './components/workload-gantt/workload-gantt.component';
import { TodoSectionComponent } from './components/todo-section/todo-section.component';
import { SmartMatchModalComponent } from './components/smart-match-modal/smart-match-modal.component';
import { StagnationReasonModalComponent } from './components/stagnation-reason-modal/stagnation-reason-modal.component';
import { DashboardFilterBarComponent } from './components/dashboard-filter-bar/dashboard-filter-bar.component';
import { ProjectKanbanComponent } from './components/project-kanban/project-kanban.component';
import { DashboardAlertsComponent } from './components/dashboard-alerts/dashboard-alerts.component';
import type { ProjectTimeline } from '../project-timeline/project-timeline';
import { UrgentEventService } from '../services/urgent-event.service';
import { DesignerWorkloadService } from '../services/designer-workload.service';
import { DashboardNavigationHelper } from '../services/dashboard-navigation.helper';
import { TodoTaskService } from '../services/todo-task.service';
import { DashboardFilterService } from '../services/dashboard-filter.service';
import { PhaseDeadlines, PhaseName } from '../../../models/project-phase.model';
import { PROJECT_STAGES, CORE_PHASES } from './dashboard.constants';

import { 
  ProjectStage, 
  ProjectPhase, 
  Project, 
  TodoTaskFromIssue, 
  UrgentEvent, 
  LeaveRecord, 
  EmployeeDetail, 
  EmployeeCalendarData, 
  EmployeeCalendarDay 
} from './dashboard.model';

@Component({
  selector: 'app-dashboard',
  standalone: true,
  imports: [
    CommonModule, 
    FormsModule, 
    RouterModule, 
    ProjectTimelineComponent, 
    EmployeeDetailPanelComponent,
    DashboardMetricsComponent,
    DashboardNavbarComponent,
    WorkloadGanttComponent,
    TodoSectionComponent,
    SmartMatchModalComponent,
    StagnationReasonModalComponent,
    DashboardFilterBarComponent,
    ProjectKanbanComponent,
    DashboardAlertsComponent
  ],
  templateUrl: './dashboard.html',
  styleUrl: './dashboard.scss',
  changeDetection: ChangeDetectionStrategy.OnPush
})

export class Dashboard implements OnInit, OnDestroy {
  // 暴露 Array 给模板使用
  Array = Array;
  
  projects: Project[] = [];
  filteredProjects: Project[] = [];
  urgentPinnedProjects: Project[] = [];
  showAlert: boolean = false;
  selectedProjectId: string = '';
  
  // 待办任务数据（交给子组件处理显示）
  todoTasksFromIssues: TodoTaskFromIssue[] = [];
  loadingTodoTasks: boolean = false;
  todoTaskError: string = '';
  private todoTaskRefreshTimer: any;
  
  // 紧急事件数据（交给子组件处理显示）
  urgentEvents: UrgentEvent[] = [];
  loadingUrgentEvents: boolean = false;
  handledUrgentEventIds: Set<string> = new Set();
  mutedUrgentEventIds: Set<string> = new Set();
  
  // 新增：当前用户信息
  currentUser = {
    name: '组长',
    avatar: "data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23CCFFCC'/%3E%3Ctext x='50%25' y='50%25' font-family='Arial' font-size='13.333333333333334' font-weight='bold' text-anchor='middle' fill='%23555555' dy='0.3em'%3E组长%3C/text%3E%3C/svg%3E",
    roleName: '组长'
  };
  currentDate = new Date();
  
  // 真实设计师数据（从fmode-ng获取）
  realDesigners: any[] = [];
  
  // 设计师工作量映射（从 ProjectTeam 表）
  designerWorkloadMap: Map<string, any[]> = new Map(); // designerId/name -> projects[]
  
  // 智能推荐相关
  showSmartMatch: boolean = false;
  selectedProject: any = null;
  recommendations: any[] = [];
  
  // 🆕 停滞/改图原因弹窗
  showStagnationModal: boolean = false;
  stagnationModalType: 'stagnation' | 'modification' = 'stagnation';
  stagnationModalProject: Project | null = null;
  // 新增：关键词搜索
  searchTerm: string = '';
  
  // 临期项目与筛选状态
  selectedType: 'all' | 'soft' | 'hard' = 'all';
  selectedUrgency: 'all' | 'high' | 'medium' | 'low' = 'all';
  selectedStatus: 'all' | 'progress' | 'completed' | 'overdue' | 'pendingApproval' | 'pendingAssignment' | 'dueSoon' = 'all';
  selectedDesigner: string = 'all';
  selectedMemberType: 'all' | 'vip' | 'normal' = 'all';
  // 新增：时间窗筛选
  selectedTimeWindow: 'all' | 'today' | 'threeDays' | 'sevenDays' = 'all';
  designers: any[] = [];
  // 新增：四大板块筛选
  selectedCorePhase: 'all' | 'order' | 'requirements' | 'delivery' | 'aftercare' | 'stalled' | 'modification' = 'all';
  
  // 设计师画像（从fmode-ng动态获取，保留此字段作为兼容）
  designerProfiles: any[] = [];

  // 10个项目阶段
  projectStages = PROJECT_STAGES;

  // 5大核心阶段（聚合展示）
  allCorePhases = CORE_PHASES;
  
  // 是否显示前期阶段（订单/需求）
  showPreProductionPhases: boolean = false;

  get visibleCorePhases(): any[] {
    if (this.showPreProductionPhases) {
      return this.allCorePhases;
    }
    // 默认隐藏订单和需求阶段
    return this.allCorePhases.filter(p => p.id !== 'order' && p.id !== 'requirements');
  }
  
  // 视图开关
  showGanttView: boolean = true;

  // 个人详情面板相关属性
  showEmployeeDetailPanel: boolean = false;
  selectedEmployeeName: string = '';
  selectedEmployeeDetail: any | null = null;
  selectedEmployeeProjects: any[] = [];
  
  // 项目时间轴数据
  projectTimelineData: ProjectTimeline[] = [];
  private timelineDataCache: ProjectTimeline[] = [];
  private lastDesignerWorkloadMapSize: number = 0;
  
  // 员工请假数据
  // private leaveRecords: LeaveRecord[] = [];
  
  constructor(
    private projectService: ProjectService, 
    private router: Router,
    private designerService: DesignerService,
    private cdr: ChangeDetectorRef,
    private urgentEventService: UrgentEventService,
    private designerWorkloadService: DesignerWorkloadService,
    private navigationHelper: DashboardNavigationHelper,
    private todoTaskService: TodoTaskService,
    private dashboardFilterService: DashboardFilterService
  ) {}

  async ngOnInit(): Promise<void> {
    // 新增：加载用户Profile信息
    await this.loadUserProfile();
    
    await this.loadProjects();
    await this.loadDesigners();
    
    // 加载待办任务（从问题板块）
    await this.loadTodoTasksFromIssues();
    // 🆕 计算紧急事件
    this.calculateUrgentEvents();
    // 启动自动刷新
    this.startAutoRefresh();
  }

  /**
   * 加载项目列表
   */
  async loadProjects(): Promise<void> {
    try {
      const sourceProjects = await firstValueFrom(this.projectService.getProjects()) as any[];
      
      // 获取项目分配信息（用于修正设计师信息，确保跟甘特图一致）
      const companyId = localStorage.getItem('company') || 'cDL6R1hgSi';
      const assignments = await this.designerWorkloadService.getProjectAssignments(companyId);
      
      // 数据转换与增强，确保符合Dashboard模型要求
      this.projects = sourceProjects.map(p => {
        const deadline = p.deadline ? new Date(p.deadline) : new Date();
        const now = new Date();
        const overdueDays = Math.ceil((now.getTime() - deadline.getTime()) / (1000 * 60 * 60 * 24));
        
        // 🔧 增强时间字段获取逻辑
        // 尝试从多种路径获取 createdAt
        let rawCreatedAt = p.createdAt;
        if (!rawCreatedAt && typeof p.get === 'function') {
          rawCreatedAt = p.get('createdAt');
        }
        // 如果还是没有，尝试从 data 字段
        if (!rawCreatedAt && p.data && p.data.createdAt) {
          rawCreatedAt = p.data.createdAt;
        }
        const createdAtDate = rawCreatedAt ? new Date(rawCreatedAt) : undefined;

        // 尝试获取 updatedAt
        let rawUpdatedAt = p.updatedAt;
        if (!rawUpdatedAt && typeof p.get === 'function') {
          rawUpdatedAt = p.get('updatedAt');
        }
        const updatedAtDate = rawUpdatedAt ? new Date(rawUpdatedAt) : undefined;

        // 简单的类型推断
        let type: 'soft' | 'hard' = 'soft';
        if (p.customerTags && Array.isArray(p.customerTags)) {
          if (p.customerTags.some((t: any) => t.needType === '硬装')) {
            type = 'hard';
          }
        }

        // 获取设计师分配信息
        const projectAssignments = assignments.get(p.id) || [];
        const designerIds = projectAssignments.length > 0 ? projectAssignments.map(d => d.id) : (p.assigneeId ? [p.assigneeId] : []);
        const displayDesignerName = projectAssignments.length > 0 
          ? projectAssignments.map(d => d.name).join(', ') 
          : (p.assigneeName || p.designerName || '未分配').trim();
          
        const primaryDesignerId = designerIds[0] || p.assigneeId || '';

        return {
          // 基础字段映射
          id: p.id,
          name: p.name,
          status: p.status,
          currentStage: p.currentStage || '订单分配',
          createdAt: createdAtDate, // ✅ 使用增强后的 createdAt
          updatedAt: updatedAtDate, // ✅ 传递 updatedAt
          deadline: deadline,
          
          // 字段名称转换
          designerName: displayDesignerName,
          designerId: primaryDesignerId,
          designerIds: designerIds,
          
          // 补充 Dashboard 模型必需的缺省字段
          type: type,
          memberType: 'normal',
          urgency: 'medium',
          phases: [],
          expectedEndDate: deadline,
          
          // 新增字段初始化
          isStalled: (p as any).isStalled || false,
          isModification: (p as any).isModification || false,
          
          // 计算字段
          isOverdue: p.status !== '已完成' && overdueDays > 0,
          overdueDays: overdueDays > 0 ? overdueDays : 0,
          dueSoon: p.status !== '已完成' && overdueDays <= 0 && overdueDays >= -3,
          searchIndex: `${p.name}|${p.assigneeName || p.designerName || ''}`.toLowerCase(),
          
          // 保留原始数据供其他用途
          data: p.data,
          contact: p.contact,
          customer: p.customerName
        } as Project; 
      });

      this.buildSearchIndexes();
      this.applyFilters();
      console.log(`✅ 加载项目成功，共 ${this.projects.length} 个`);
    } catch (error) {
      console.error('加载项目失败:', error);
      this.projects = [];
    }
  }

  /**
   * 从fmode-ng加载真实设计师数据
   */
  async loadDesigners(): Promise<void> {
    try {
      this.realDesigners = await this.designerService.getDesigners();
      // 更新设计师列表（用于筛选下拉框）
      this.designers = this.realDesigners.map(d => ({
        id: d.id,
        name: (d.name || '').trim()
      })).filter(d => !!d.name);
      // 同时更新designerProfiles以保持兼容性
      this.designerProfiles = this.realDesigners.map(d => ({
        id: d.id,
        name: d.name,
        skills: d.tags.expertise.styles || [],
        workload: 0, // 后续动态计算
        avgRating: d.tags.history.avgRating || 0,
        experience: 0 // 暂无此字段
      }));
      
      // 加载设计师的实际工作量
      await this.loadDesignerWorkload();
    } catch (error) {
      console.error('加载设计师数据失败:', error);
    }
  }
  
  /**
   * 🔧 从 ProjectTeam 表加载每个设计师的实际工作量
   */
  async loadDesignerWorkload(): Promise<void> {
    try {
      const cid = localStorage.getItem('company') || 'cDL6R1hgSi';
      
      // 使用服务加载工作量
      this.designerWorkloadMap = await this.designerWorkloadService.loadWorkload(cid);
      
      // 转换为时间轴数据
      this.projectTimelineData = this.designerWorkloadService.transformToTimeline(this.designerWorkloadMap);
      
      // 更新缓存
      this.timelineDataCache = this.projectTimelineData;
      
      // 统计信息 logging
      let totalProjectsInMap = 0;
      this.designerWorkloadMap.forEach(projects => totalProjectsInMap += projects.length);
      this.lastDesignerWorkloadMapSize = totalProjectsInMap;
      
      console.log(`� 加载完成: ${totalProjectsInMap} 个项目分布在 ${this.designerWorkloadMap.size} 个设计师中`);
      
    } catch (error) {
      console.error('加载设计师工作量失败:', error);
    }
  }

  /**
   * 将筛选后的项目转换为时间轴数据
   * ✅ 修复：正确处理多设计师项目，避免下拉列表出现合并的设计师名字
   */
  convertToProjectTimeline(): void {
    if (!this.designerWorkloadService) return;

    // 将筛选后的项目按设计师分组
    const groupedMap = new Map<string, any[]>();
    
    this.filteredProjects.forEach(p => {
      // ✅ 修复：如果 designerName 包含逗号，说明是多个设计师，需要拆分
      const designerNames = (p.designerName || '未分配')
        .split(',')
        .map(name => name.trim())
        .filter(name => name.length > 0);
      
      // 为每个设计师单独添加项目
      designerNames.forEach((designerName, index) => {
        if (!groupedMap.has(designerName)) {
          groupedMap.set(designerName, []);
        }
        
        // 创建项目副本，确保每个设计师都有独立的项目条目
        const projectCopy = {
          ...p,
          designerName: designerName,
          // 如果有多个设计师，使用对应的 designerId
          designerId: p.designerIds && p.designerIds[index] ? p.designerIds[index] : p.designerId
        };
        
        groupedMap.get(designerName)?.push(projectCopy);
      });
    });

    // 使用服务转换
    this.projectTimelineData = this.designerWorkloadService.transformToTimeline(groupedMap);
    this.cdr.markForCheck();
  }
  
  /**
   * 处理项目点击事件
   */
  onProjectTimelineClick(projectId: string): void {
    if (!projectId) {
      return;
    }
    
    const project = this.projects.find(p => p.id === projectId);
    const currentStage = project?.currentStage || '订单分配';
    
    this.navigationHelper.navigateToProject(projectId, currentStage);
  }
  
  /**
   * 构建搜索索引（如果需要）
   */
  private buildSearchIndexes(): void {
    this.projects.forEach(p => {
      if (!p.searchIndex) {
        p.searchIndex = `${p.name}|${p.designerName}`.toLowerCase();
      }
    });
  }


  // 筛选状态改变（由子组件触发）
  // 重置状态筛选
  resetStatusFilter(): void {
    this.selectedStatus = 'all';
    this.applyFilters();
  }

  onFilterChange(filterState: any): void {
    // 更新本地状态
    this.searchTerm = filterState.searchTerm;
    this.selectedType = filterState.type;
    this.selectedUrgency = filterState.urgency;
    this.selectedStatus = filterState.status;
    this.selectedDesigner = filterState.designer;
    this.selectedMemberType = filterState.memberType;
    this.selectedCorePhase = filterState.corePhase;
    this.selectedProjectId = filterState.projectId;
    this.selectedTimeWindow = filterState.timeWindow;
    
    // 应用筛选
    this.applyFilters();
  }
  
  // 状态筛选（由指标卡片点击触发）
  filterByStatus(status: string): void {
    this.selectedStatus = status as any;
    this.applyFilters();
  }



  // 统一筛选
  applyFilters(): void {
    const criteria = {
      searchTerm: this.searchTerm,
      type: this.selectedType,
      urgency: this.selectedUrgency,
      status: this.selectedStatus,
      designer: this.selectedDesigner,
      memberType: this.selectedMemberType,
      corePhase: this.selectedCorePhase,
      timeWindow: this.selectedTimeWindow
    };

    const result = this.dashboardFilterService.filterProjects(this.projects, criteria);
    this.filteredProjects = result.filteredProjects;
    this.urgentPinnedProjects = result.urgentPinnedProjects;

    // 当显示甘特卡片时，同步刷新时间轴
    if (this.showGanttView) {
      this.convertToProjectTimeline();
    }
  }

  /**
   * 计算项目加权值
   */
  calculateWorkloadWeight(project: any): number {
    return this.designerService.calculateProjectWeight(project);
  }

  /**
   * 获取设计师加权工作量
   */
  getDesignerWeightedWorkload(designerName: string): {
    weightedTotal: number;
    projectCount: number;
    overdueCount: number;
    loadRate: number;
  } {
    const designerProjects = this.filteredProjects.filter(p => p.designerName === designerName);
    const weightedTotal = designerProjects.reduce((sum, p) => sum + this.calculateWorkloadWeight(p), 0);
    const overdueCount = designerProjects.filter(p => p.isOverdue).length;
    
    // 从realDesigners获取设计师的单周处理量
    const designer = this.realDesigners.find(d => d.name === designerName);
    const weeklyCapacity = designer?.tags?.capacity?.weeklyProjects || 3;
    const loadRate = weeklyCapacity > 0 ? (weightedTotal / weeklyCapacity) * 100 : 0;
    
    return {
      weightedTotal,
      projectCount: designerProjects.length,
      overdueCount,
      loadRate
    };
  }

  /**
   * 工作量卡片数据（替代ECharts）
   */
  get designerWorkloadCards(): Array<{
    name: string;
    loadRate: number;
    weightedValue: number;
    projectCount: number;
    overdueCount: number;
    status: 'overload' | 'busy' | 'idle';
  }> {
    const designers = Array.from(new Set(this.filteredProjects.map(p => p.designerName).filter(n => n && n !== '未分配')));
    
    return designers.map(name => {
      const workload = this.getDesignerWeightedWorkload(name);
      let status: 'overload' | 'busy' | 'idle' = 'idle';
      if (workload.loadRate > 80) status = 'overload';
      else if (workload.loadRate > 50) status = 'busy';
      
      return {
        name,
        loadRate: workload.loadRate,
        weightedValue: workload.weightedTotal,
        projectCount: workload.projectCount,
        overdueCount: workload.overdueCount,
        status
      };
    }).sort((a, b) => b.loadRate - a.loadRate); // 按负载率降序
  }

  /**
   * 获取超负荷设计师数量
   */
  get overloadedDesignersCount(): number {
    return this.designerWorkloadCards.filter(d => d.status === 'overload').length;
  }

  /**
   * 获取平均负载率
   */
  get averageWorkloadRate(): number {
    const cards = this.designerWorkloadCards;
    if (cards.length === 0) return 0;
    const sum = cards.reduce((acc, card) => acc + card.loadRate, 0);
    return sum / cards.length;
  }

  /**
   * 获取预警汇总数据
   */
  getAlertSummary(): {
    totalAlerts: number;
    overdueHighRisk: Project[];
    overloadedDesigners: any[];
    dueSoonProjects: Project[];
  } {
    // 1. 超期高危项目（超期>=5天 或 高紧急度超期）
    const overdueHighRisk = this.filteredProjects
      .filter(p => p.isOverdue && (p.overdueDays >= 5 || p.urgency === 'high'))
      .sort((a, b) => b.overdueDays - a.overdueDays)
      .slice(0, 5);
    
    // 2. 超负荷设计师
    const overloadedDesigners = this.designerWorkloadCards
      .filter(d => d.loadRate > 80)
      .sort((a, b) => b.loadRate - a.loadRate)
      .slice(0, 5);
    
    // 3. 即将到期项目（1-2天内）
    const now = new Date();
    const dueSoonProjects = this.filteredProjects
      .filter(p => {
        if (p.isOverdue) return false;
        const daysLeft = Math.ceil((p.deadline.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));
        return daysLeft >= 1 && daysLeft <= 2;
      })
      .sort((a, b) => a.deadline.getTime() - b.deadline.getTime())
      .slice(0, 5);
    
    const totalAlerts = overdueHighRisk.length + overloadedDesigners.length + dueSoonProjects.length;
    
    return {
      totalAlerts,
      overdueHighRisk,
      overloadedDesigners,
      dueSoonProjects
    };
  }

  /**
   * 打开智能推荐弹窗
   */
  async openSmartMatch(project: any): Promise<void> {
    this.selectedProject = project;
    this.showSmartMatch = true;
    
    try {
      this.recommendations = await this.designerService.getRecommendedDesigners(project, this.realDesigners);
    } catch (error) {
      console.error('智能推荐失败:', error);
      this.recommendations = [];
    }
  }

  /**
   * 关闭智能推荐弹窗
   */
  closeSmartMatch(): void {
    this.showSmartMatch = false;
    this.selectedProject = null;
    this.recommendations = [];
  }

  /**
   * 分配项目给设计师
   */
  async assignToDesigner(designerId: string): Promise<void> {
    if (!this.selectedProject) return;
    
    try {
      const success = await this.designerService.assignProject(this.selectedProject.id, designerId);
      if (success) {
        this.closeSmartMatch();
        await this.loadProjects(); // 重新加载项目数据
      }
    } catch (error) {
      console.error('❌ 分配项目失败:', error);
     window?.fmode?.alert('分配失败，请重试');
    }
  }


  // 切换视图
  toggleView(): void {
    this.showGanttView = !this.showGanttView;
    if (this.showGanttView) {
      this.convertToProjectTimeline();
    }
  }



  ngOnDestroy(): void {
    // 清理待办任务自动刷新定时器
    if (this.todoTaskRefreshTimer) {
      clearInterval(this.todoTaskRefreshTimer);
    }
  }


  // 🔥 已延期项目
  get overdueProjects(): Project[] {
    return this.projects.filter(p => p.isOverdue);
  }

  // ⏳ 临期项目（3天内）
  get dueSoonProjects(): Project[] {
    return this.projects.filter(p => p.dueSoon && !p.isOverdue);
  }

  // 📋 待审批项目（支持中文和英文阶段名称）
  get pendingApprovalProjects(): Project[] {
    const pending = this.projects.filter(p => {
      const stage = (p.currentStage || '').trim();
      const data = (p as any).data || {};
      const approvalStatus = data.approvalStatus;
      
      // 1. 阶段为"订单分配"且审批状态为 pending
      // 2. 或者阶段为"待确认"/"待审批"（兼容旧数据）
      return (stage === '订单分配' && approvalStatus === 'pending') ||
             stage === '待审批' || 
             stage === '待确认';
    });
    
    return pending;
  }

  // 检查项目是否待审批
  isPendingApproval(project: Project): boolean {
    const stage = (project.currentStage || '').trim();
    const stageEn = stage.toLowerCase();
    const data: any = (project as any).data || {};
    
    // 🔥 新增：检查顶层的 pendingApproval 字段（备用方案）
    const topLevelPending = (project as any).pendingApproval === true && (project as any).approvalStage === '订单分配';
    
    return (stage === '订单分配' && (data.approvalStatus === 'pending' || topLevelPending)) ||
           ((stage === '交付执行' || stageEn === 'delivery') &&
             (data.deliveryApproval?.status === 'pending' ||
              (Array.isArray(data.pendingDeliveryApprovals) && data.pendingDeliveryApprovals.some((x: any) => x?.status === 'pending'))));
  }

  // 🎯 待分配项目（支持中文和英文阶段名称）
  get pendingAssignmentProjects(): Project[] {
    return this.projects.filter(p => {
      const stage = (p.currentStage || '').trim().toLowerCase();
      return stage === 'pendingassignment' || 
             stage === '待分配' ||
             stage === '订单分配';
    });
  }

  // 智能推荐设计师
  private getRecommendedDesigner(projectType: 'soft' | 'hard') {
    if (!this.designerProfiles || !this.designerProfiles.length) return null;
    const scoreOf = (p: any) => {
      const workloadScore = 100 - (p.workload ?? 0); // 负载越低越好
      const ratingScore = (p.avgRating ?? 0) * 10;   // 评分越高越好
      const expScore = (p.experience ?? 0) * 5;      // 经验越高越好
      return workloadScore * 0.5 + ratingScore * 0.3 + expScore * 0.2;
    };
    const sorted = [...this.designerProfiles].sort((a, b) => scoreOf(b) - scoreOf(a));
    return sorted[0] || null;
  }

  // 项目质量评审（由子组件触发）
  reviewProjectQuality(data: {projectId: string, rating: 'excellent' | 'qualified' | 'unqualified'}): void {
    const project = this.projects.find(p => p.id === data.projectId);
    if (!project) return;
    project.qualityRating = data.rating;
    if (data.rating === 'unqualified') {
      project.currentStage = 'revision';
    }
    this.applyFilters();
    window?.fmode?.alert('质量评审已提交');
  }


  /**
   * 根据看板列跳转到项目详情（参考客服板块实现）
   * @param projectId 项目ID
   * @param corePhaseId 核心阶段ID (order/requirements/delivery/aftercare)
   */
  viewProjectDetailsByPhase(projectId: string, corePhaseId: string): void {
    this.navigationHelper.navigateToProjectByPhase(projectId, corePhaseId);
  }

  // 查看项目详情 - 跳转到纯净的项目详情页（无管理端UI）
  viewProjectDetails(projectId: string): void {
    if (!projectId) {
      return;
    }
    
    // 🔥 根据项目当前阶段决定跳转到哪个阶段页面
    const project = this.projects.find(p => p.id === projectId);
    const currentStage = project?.currentStage || '订单分配';
    
    this.navigationHelper.navigateToProject(projectId, currentStage);
  }

  // 快速分配项目（增强：加入智能推荐）
  async quickAssignProject(projectId: string): Promise<void> {
    const project = this.projects.find(p => p.id === projectId);
    if (!project) {
     window?.fmode?.alert('未找到对应项目');
      return;
    }

    const recommended = this.getRecommendedDesigner(project.type);
    if (recommended) {
      const reassigning = !!project.designerName;
      const message = `推荐设计师：${recommended.name}（工作负载：${recommended.workload}%，评分：${recommended.avgRating}分）` +
                (reassigning ? `\n\n该项目当前已由「${project.designerName}」负责，是否改为分配给「${recommended.name}」？` : '\n\n是否确认分配？');
      const confirmAssign = await window?.fmode?.confirm(message);
      if (confirmAssign) {
        project.designerName = recommended.name;
        if (project.currentStage === 'pendingAssignment' || project.currentStage === 'pendingApproval') {
          project.currentStage = 'requirement';
        }
        project.status = '进行中';
        this.applyFilters();
       window?.fmode?.alert(`项目已${reassigning ? '重新' : ''}分配给 ${recommended.name}`);
        return;
      }
    }
    // 无推荐或用户取消，跳转到详细分配页面
    // 跳转到项目详情页
    const current = this.projects.find(p => p.id === projectId)?.currentStage || '订单分配';
    this.navigationHelper.navigateToProject(projectId, current);
    }



  // 预警相关操作（由子组件触发）
  viewAllOverdueProjects(): void {
    this.filterByStatus('overdue');
    this.showAlert = false;
  }

  closeAlert(): void {
    this.showAlert = false;
  }

  // 处理甘特图员工点击事件
  async onEmployeeClick(employeeName: string): Promise<void> {
    if (!employeeName || employeeName === '未分配') {
      return;
    }
    
    this.selectedEmployeeName = employeeName;
    this.selectedEmployeeProjects = this.designerWorkloadMap.get(employeeName) || [];
    this.showEmployeeDetailPanel = true;
    // 🔥 修复：手动触发变更检测，确保弹窗立即显示
    this.cdr.markForCheck();
  }

  // 关闭员工详情面板
  closeEmployeeDetailPanel(): void {
    this.showEmployeeDetailPanel = false;
    this.selectedEmployeeName = '';
    this.selectedEmployeeProjects = [];
    this.selectedEmployeeDetail = null;
  }
  
  // 员工详情面板：日历月份切换
  changeEmployeeCalendarMonth(direction: number): void {
    // 由 EmployeeDetailPanelComponent 内部处理
    console.log('日历月份切换:', direction);
  }
  
  // 员工详情面板：日历日期点击
  onCalendarDayClick(day: any): void {
    // 由 EmployeeDetailPanelComponent 内部处理
    console.log('日历日期点击:', day);
  }
  
  // 员工详情面板：刷新问卷
  refreshEmployeeSurvey(): void {
    // 由 EmployeeDetailPanelComponent 内部处理
    console.log('刷新员工问卷');
  }

  // 从员工详情面板跳转到项目详情
  navigateToProjectFromPanel(projectId: string): void {
    if (!projectId) {
      return;
    }
    
    // 关闭员工详情面板
    this.closeEmployeeDetailPanel();
    
    // 🔥 根据项目当前阶段决定跳转到哪个阶段页面
    const project = this.projects.find(p => p.id === projectId);
    const currentStage = project?.currentStage || '订单分配';
    
    this.navigationHelper.navigateToProject(projectId, currentStage);
  }


  /**
   * 加载用户Profile信息
   */
  async loadUserProfile(): Promise<void> {
    try {
      const cid = localStorage.getItem("company");
      if (!cid) {
        console.warn('未找到公司ID，使用默认用户信息');
        return;
      }

      const wwAuth = new WxworkAuth({ cid });
      const profile = await wwAuth.currentProfile();

      if (profile) {
        const name = profile.get("name") || profile.get("mobile") || '组长';
        const avatar = profile.get("avatar");
        const roleName = profile.get("roleName") || '组长';

        this.currentUser = {
          name,
          avatar: avatar || this.generateDefaultAvatar(name),
          roleName
        };

        console.log('用户Profile加载成功:', this.currentUser);
      }
    } catch (error) {
      console.error('加载用户Profile失败:', error);
      // 保持默认值
    }
  }

  /**
   * 生成默认头像（SVG格式）
   * @param name 用户名
   * @returns Base64编码的SVG数据URL
   */
  generateDefaultAvatar(name: string): string {
    const initial = name ? name.substring(0, 2).toUpperCase() : '组长';
    const bgColor = '#CCFFCC';
    const textColor = '#555555';
    
    const svg = `<svg width='40' height='40' xmlns='http://www.w3.org/2000/svg'>
      <rect width='100%' height='100%' fill='${bgColor}'/>
      <text x='50%' y='50%' font-family='Arial' font-size='13.333333333333334' font-weight='bold' text-anchor='middle' fill='${textColor}' dy='0.3em'>${initial}</text>
    </svg>`;
    
    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
  }

  // ==================== 新增：待办任务相关方法 ====================
  
  /**
   * 从问题板块加载待办任务
   */
  async loadTodoTasksFromIssues(): Promise<void> {
    this.loadingTodoTasks = true;
    this.todoTaskError = '';
    
    try {
      this.todoTasksFromIssues = await this.todoTaskService.getTodoTasks();
      console.log(`✅ 加载待办任务成功，共 ${this.todoTasksFromIssues.length} 条`);
    } catch (error) {
      console.error('❌ 加载待办任务失败:', error);
      this.todoTaskError = '加载失败，请稍后重试';
    } finally {
      this.loadingTodoTasks = false;
    }
  }
  
  /**
   * 启动自动刷新（每5分钟）
   */
  startAutoRefresh(): void {
    this.todoTaskRefreshTimer = setInterval(() => {
      console.log('🔄 自动刷新待办任务...');
      this.loadTodoTasksFromIssues();
    }, 5 * 60 * 1000); // 5分钟
  }
  
  /**
   * 手动刷新待办任务
   */
  refreshTodoTasks(): void {
    console.log('🔄 手动刷新待办任务...');
    this.loadTodoTasksFromIssues();
    this.calculateUrgentEvents(); // 🆕 同时刷新紧急事件
  }
  
  /**
   * 🆕 从项目时间轴数据计算紧急事件
   * 识别截止时间已到或即将到达但未完成的关键节点
   */
  calculateUrgentEvents(): void {
    this.loadingUrgentEvents = true;
    
    try {
      // 使用服务计算紧急事件
      this.urgentEvents = this.urgentEventService.calculateUrgentEvents(
        this.projectTimelineData,
        this.handledUrgentEventIds,
        this.mutedUrgentEventIds
      );
      
    } catch (error) {
      console.error('❌ 计算紧急事件失败:', error);
      // 发生错误时清空列表，避免渲染异常数据
      this.urgentEvents = [];
    } finally {
      this.loadingUrgentEvents = false;
      // 确保触发变更检测
      this.cdr.markForCheck();
    }
  }

  // 紧急事件处理方法（由子组件触发）
  confirmEventOnTime(event: UrgentEvent): void {
    this.mutedUrgentEventIds.add(event.id);
    this.urgentEvents = this.urgentEvents.filter(e => e.id !== event.id);
    this.cdr.markForCheck();
  }

  resolveUrgentEvent(event: UrgentEvent): void {
    this.handledUrgentEventIds.add(event.id);
    this.urgentEvents = this.urgentEvents.filter(e => e.id !== event.id);
    this.cdr.markForCheck();
  }

  markEventAsStagnant(payload: {event: UrgentEvent, reason: any}): void {
    const { event, reason } = payload;
    
    // 更新紧急事件
    this.urgentEvents = this.urgentEvents.map(item => {
      if (item.id !== event.id) return item;
      const labels = new Set(item.labels || []);
      labels.add('停滞期');
      return {
        ...item,
        category: 'customer' as const,
        statusType: 'stagnant' as const,
        isMarkedAsStagnant: true,
        stagnationReasonType: reason.reasonType,
        stagnationCustomReason: reason.customReason,
        estimatedResumeDate: reason.estimatedResumeDate,
        reasonNotes: reason.notes,
        markedAt: new Date(),
        markedBy: this.currentUser.name,
        stagnationDays: item.stagnationDays || 7,
        labels: Array.from(labels),
        followUpNeeded: true
      };
    });
    
    // 🆕 同步更新对应的项目对象
    this.updateProjectMarkStatus(event.projectId, 'stagnation', reason);
    
    this.cdr.markForCheck();
    
    // TODO: 持久化到后端数据库
    this.saveEventMarkToDatabase(event, 'stagnation', reason);
  }

  markEventAsModification(payload: {event: UrgentEvent, reason: any}): void {
    const { event, reason } = payload;
    
    // 更新紧急事件
    this.urgentEvents = this.urgentEvents.map(item => {
      if (item.id !== event.id) return item;
      const labels = new Set(item.labels || []);
      labels.add('改图期');
      return {
        ...item,
        statusType: 'modification' as const,
        isMarkedAsModification: true,
        modificationReasonType: reason.reasonType,
        modificationCustomReason: reason.customReason,
        reasonNotes: reason.notes,
        markedAt: new Date(),
        markedBy: this.currentUser.name,
        labels: Array.from(labels)
      };
    });
    
    // 🆕 同步更新对应的项目对象
    this.updateProjectMarkStatus(event.projectId, 'modification', reason);
    
    this.cdr.markForCheck();
    
    // TODO: 持久化到后端数据库
    this.saveEventMarkToDatabase(event, 'modification', reason);
  }

  /**
   * 更新项目的停滞/改图标记及原因信息
   */
  private updateProjectMarkStatus(projectId: string, type: 'stagnation' | 'modification', reason: any): void {
    this.projects = this.projects.map(project => {
      if (project.id !== projectId) return project;
      
      if (type === 'stagnation') {
        return {
          ...project,
          isStalled: true,
          isModification: false,
          stagnationReasonType: reason.reasonType,
          stagnationCustomReason: reason.customReason,
          estimatedResumeDate: reason.estimatedResumeDate,
          reasonNotes: reason.notes,
          markedAt: new Date(),
          markedBy: this.currentUser.name
        };
      } else {
        return {
          ...project,
          isModification: true,
          isStalled: false,
          modificationReasonType: reason.reasonType,
          modificationCustomReason: reason.customReason,
          reasonNotes: reason.notes,
          markedAt: new Date(),
          markedBy: this.currentUser.name
        };
      }
    });
    
    // 重新应用筛选
    this.applyFilters();
  }
  
  private saveEventMarkToDatabase(event: UrgentEvent, type: 'stagnation' | 'modification', reason: any): void {
    // TODO: 实现数据持久化逻辑
    // 可以保存到 Parse 数据库的 ProjectEvent 或 UrgentEventMark 表
    console.log(`💾 保存事件标记到数据库:`, {
      eventId: event.id,
      projectId: event.projectId,
      type,
      reason,
      timestamp: new Date()
    });
  }

  createTodoFromEvent(event: UrgentEvent): void {
    const now = new Date();
    const newTask: TodoTaskFromIssue = {
      id: `urgent-todo-${event.id}-${now.getTime()}`,
      title: `【紧急】${event.title}`,
      description: event.description,
      priority: event.urgencyLevel === 'critical' ? 'urgent' : event.urgencyLevel === 'high' ? 'high' : 'medium',
      type: 'feedback',
      status: 'open',
      projectId: event.projectId,
      projectName: event.projectName,
      relatedStage: event.phaseName,
      assigneeName: event.designerName || '待分配',
      creatorName: this.currentUser.name,
      createdAt: now,
      updatedAt: now,
      dueDate: event.deadline,
      tags: [...(event.labels || []), '来自紧急事件']
    };
    this.todoTasksFromIssues = [newTask, ...this.todoTasksFromIssues];
    this.resolveUrgentEvent(event);
  }
  
  // 待办任务操作（由子组件触发）
  navigateToIssue(task: TodoTaskFromIssue): void {
    this.navigationHelper.navigateToIssue(task.projectId, task.id);
  }
  
  markAsRead(task: TodoTaskFromIssue): void {
    this.todoTasksFromIssues = this.todoTasksFromIssues.filter(t => t.id !== task.id);
    console.log(`✅ 标记问题为已读: ${task.title}`);
  }

  // 标记项目为停滞（从看板触发）
  markProjectAsStalled(project: Project): void {
    // 🆕 弹出原因输入弹窗
    this.stagnationModalType = 'stagnation';
    this.stagnationModalProject = project;
    this.showStagnationModal = true;
  }

  // 标记项目为改图（从看板触发）
  markProjectAsModification(project: Project): void {
    // 🆕 弹出原因输入弹窗
    this.stagnationModalType = 'modification';
    this.stagnationModalProject = project;
    this.showStagnationModal = true;
  }
  
  // 🆕 确认标记停滞/改图原因
  onStagnationReasonConfirm(reason: any): void {
    if (!this.stagnationModalProject) return;
    
    // 直接调用 updateProjectMarkStatus 更新项目
    this.updateProjectMarkStatus(
      this.stagnationModalProject.id,
      this.stagnationModalType,
      reason
    );
    
    // 关闭弹窗
    this.closeStagnationModal();
    
    // 显示确认消息
    const message = this.stagnationModalType === 'stagnation' ? '已标记为停滞项目' : '已标记为改图项目';
    window?.fmode?.alert(message);
  }
  
  // 🆕 关闭停滞/改图原因弹窗
  closeStagnationModal(): void {
    this.showStagnationModal = false;
    this.stagnationModalProject = null;
  }
  
  // 切换前期阶段显示
  togglePreProductionPhases(): void {
    this.showPreProductionPhases = !this.showPreProductionPhases;
  }
}