WXProgram/miniprogram/pages/staff/employee-management.ts

// 员工管理页面 - 集成到管理员界面
import { EmployeeInfo } from '../../types';
import employeeService from '../../services/employeeService';
import { Role, getRoleOptions } from '../../utils/roleUtils';

Page({
  data: {
    // 员工列表
    employees: [] as EmployeeInfo[],
    filteredEmployees: [] as EmployeeInfo[],
    
    // 页面状态
    currentTab: 'list', // list: 列表页, add: 添加页
    loading: false,
    
    // 添加员工表单数据
    addForm: {
      name: '',
      phone: '',
      role: Role.DELIVERY_PERSON
    },
    
    // 错误信息
    errorMessage: '',
    successMessage: '',
    
    // 搜索关键词
    searchKeyword: '',
    
    // 角色选项
    roleOptions: getRoleOptions(),
    
    // 用户信息
    userInfo: null as any
  },

  onLoad() {
    this.getUserInfo();
    this.loadEmployees();
  },

  onShow() {
    this.loadEmployees();
  },

  /**
   * 获取用户信息
   */
  getUserInfo() {
    const app = getApp<any>();
    if (app.globalData.userInfo) {
      const userInfo = app.globalData.userInfo;
      this.setData({ userInfo });
      
      // 验证是否为管理员
      if (userInfo.role !== 'ADMIN') {
        wx.showToast({
          title: '无权限访问',
          icon: 'none'
        });
        wx.navigateBack();
      }
    }
  },

  /**
   * 加载员工列表
   */
  async loadEmployees() {
    this.setData({
      loading: true,
      errorMessage: '',
      successMessage: ''
    });

    try {
      const employees = await employeeService.getEmployees();
      // 获取过滤后的员工列表
      const filteredEmployees = this.getFilteredEmployees(employees);
      
      this.setData({
        employees,
        filteredEmployees,
        loading: false
      });
    } catch (error) {
      console.error('加载员工列表失败:', error);
      this.setData({
        loading: false,
        errorMessage: '加载员工列表失败，请稍后重试'
      });
    }
  },

  /**
   * 切换页面标签
   */
  switchTab(e: any) {
    const tab = e.currentTarget.dataset.tab;
    this.setData({
      currentTab: tab,
      errorMessage: '',
      successMessage: ''
    });

    if (tab === 'list') {
      this.loadEmployees();
    }
  },

  /**
   * 处理添加员工表单输入
   */
  onFormInput(e: any) {
    const { field } = e.currentTarget.dataset;
    const value = e.detail.value;
    
    this.setData({
      [`addForm.${field}`]: value,
      errorMessage: '',
      successMessage: ''
    });
  },

  /**
   * 处理角色选择
   */
  onRoleChange(e: any) {
    const index = e.detail.value;
    const selectedRole = this.data.roleOptions[index].value;
    this.setData({
      'addForm.role': selectedRole
    });
  },

  /**
   * 验证表单数据
   */
  validateForm(): boolean {
    const { name, phone, role } = this.data.addForm;
    
    if (!name.trim()) {
      this.setData({
        errorMessage: '请输入员工姓名'
      });
      return false;
    }

    if (!phone.trim()) {
      this.setData({
        errorMessage: '请输入手机号'
      });
      return false;
    }

    // 简单的手机号格式验证
    const phoneRegex = /^1[3-9]\d{9}$/;
    if (!phoneRegex.test(phone)) {
      this.setData({
        errorMessage: '请输入正确的手机号格式'
      });
      return false;
    }

    if (!role) {
      this.setData({
        errorMessage: '请选择员工角色'
      });
      return false;
    }

    return true;
  },

  /**
   * 提交添加员工表单
   */
  async submitAddForm() {
    if (!this.validateForm()) {
      return;
    }

    this.setData({
      loading: true,
      errorMessage: '',
      successMessage: ''
    });

    try {
      await employeeService.addEmployee(this.data.addForm);
      
      this.setData({
        loading: false,
        successMessage: '员工添加成功',
        addForm: {
          name: '',
          phone: '',
          role: Role.DELIVERY_PERSON
        }
      });
      
      // 添加成功后自动切换到列表页
      setTimeout(() => {
        this.setData({
          currentTab: 'list'
        });
        this.loadEmployees();
      }, 1500);
    } catch (error) {
      console.error('添加员工失败:', error);
      this.setData({
        loading: false,
        errorMessage: (error as Error).message || '添加员工失败，请稍后重试'
      });
    }
  },

  /**
   * 删除员工
   */
  async deleteEmployee(e: any) {
    const employeeId = e.currentTarget.dataset.id;
    const employee = this.data.employees.find(emp => emp.id === employeeId);
    
    if (!employee) {
      return;
    }

    wx.showModal({
      title: '确认删除',
      content: `确定要删除员工 ${employee.name} (${employee.phone}) 吗？此操作不可恢复。`,
      confirmText: '删除',
      confirmColor: '#ff4d4f',
      cancelText: '取消',
      success: async (res) => {
        if (res.confirm) {
          this.setData({
            loading: true,
            errorMessage: '',
            successMessage: ''
          });

          try {
            const result = await employeeService.deleteEmployee(employeeId);
            
            if (result.success) {
              this.setData({
                loading: false,
                successMessage: result.message || '员工删除成功'
              });
              
              // 重新加载员工列表
              this.loadEmployees();
            } else {
              this.setData({
                loading: false,
                errorMessage: result.message || '删除员工失败'
              });
            }
          } catch (error) {
            console.error('删除员工失败:', error);
            this.setData({
              loading: false,
              errorMessage: '删除员工失败，请稍后重试'
            });
          }
        }
      }
    });
  },

  /**
   * 搜索员工
   */
  onSearchInput(e: any) {
    const keyword = e.detail.value;
    this.setData({
      searchKeyword: keyword
    });
    
    // 更新过滤后的员工列表
    this.updateFilteredEmployees();
  },

  /**
   * 更新过滤后的员工列表
   */
  updateFilteredEmployees() {
    const { employees } = this.data;
    const filteredEmployees = this.getFilteredEmployees(employees);
    this.setData({
      filteredEmployees
    });
  },

  /**
   * 获取过滤后的员工列表
   */
  getFilteredEmployees(employees?: EmployeeInfo[]): EmployeeInfo[] {
    const { searchKeyword } = this.data;
    
    // 如果employees为空，返回空数组
    if (!employees || !Array.isArray(employees)) {
      return [];
    }
    
    // 获取当前登录用户信息
    const app = getApp();
    const currentUser = app.globalData.userInfo;
    
    // 过滤掉当前登录用户
    let filteredEmployees = employees.filter(emp => {
      // 如果没有当前用户信息，显示所有员工
      if (!currentUser || !currentUser.id) {
        return true;
      }
      // 过滤掉当前用户
      return emp.id !== currentUser.id;
    });
    
    // 更严格的搜索关键词检查
    if (!searchKeyword || typeof searchKeyword !== 'string' || !searchKeyword.trim()) {
      return filteredEmployees;
    }

    const keyword = searchKeyword.toLowerCase();
    return filteredEmployees.filter(emp => 
      emp.name.toLowerCase().includes(keyword) ||
      emp.phone.includes(keyword) ||
      (emp.role || '').toLowerCase().includes(keyword)
    );
  },

  /**
   * 获取角色显示文本
   */
  getRoleText(role: string): string {
    const roleMap: Record<string, string> = {
      'ADMIN': '管理员',
      'DELIVERY_PERSON': '配送员',
      'EMPLOYEE': '员工'
    };
    return roleMap[role] || role;
  },

  /**
   * 清空消息
   */
  clearMessages() {
    this.setData({
      errorMessage: '',
      successMessage: ''
    });
  },

  /**
   * 返回上一页
   */
  goBack() {
    wx.navigateBack();
  }
});