536 lines
16 KiB
JavaScript
536 lines
16 KiB
JavaScript
"use strict";
|
||
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||
};
|
||
Object.defineProperty(exports, "__esModule", { value: true });
|
||
const employeeService_1 = __importDefault(require("../../services/employeeService"));
|
||
const roleUtils_1 = require("../../utils/roleUtils");
|
||
Page({
|
||
data: {
|
||
// 员工列表
|
||
employees: [],
|
||
filteredEmployees: [],
|
||
// 页面状态
|
||
currentTab: 'list', // list: 列表页, add: 添加页, edit: 编辑页
|
||
loading: false,
|
||
// 添加员工表单数据
|
||
addForm: {
|
||
name: '',
|
||
phone: '',
|
||
role: roleUtils_1.Role.DELIVERY_PERSON
|
||
},
|
||
// 编辑员工表单数据
|
||
editForm: {
|
||
id: 0,
|
||
name: '',
|
||
phone: '',
|
||
role: roleUtils_1.Role.DELIVERY_PERSON,
|
||
avatarUrl: ''
|
||
},
|
||
// 错误信息
|
||
errorMessage: '',
|
||
successMessage: '',
|
||
// 搜索关键词
|
||
searchKeyword: '',
|
||
// 角色选项
|
||
roleOptions: (0, roleUtils_1.getRoleOptions)(),
|
||
// 用户信息
|
||
userInfo: null,
|
||
// 临时头像路径（用于头像上传）
|
||
tempAvatarPath: ''
|
||
},
|
||
onLoad() {
|
||
this.getUserInfo();
|
||
this.loadEmployees();
|
||
},
|
||
onShow() {
|
||
// 只在页面显示时检查是否需要刷新数据，避免频繁请求
|
||
if (this.data.employees.length === 0) {
|
||
this.loadEmployees();
|
||
}
|
||
},
|
||
/**
|
||
* 获取用户信息
|
||
*/
|
||
getUserInfo() {
|
||
const app = getApp();
|
||
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_1.default.getEmployees();
|
||
// 为每个员工获取头像URL
|
||
const employeesWithAvatars = await Promise.all(employees.map(async (employee) => {
|
||
try {
|
||
const avatarUrl = await employeeService_1.default.getAvatarUrl(employee.id);
|
||
return {
|
||
...employee,
|
||
avatarUrl: avatarUrl
|
||
};
|
||
}
|
||
catch (error) {
|
||
console.error(`获取员工 ${employee.id} 头像失败:`, error);
|
||
return {
|
||
...employee,
|
||
avatarUrl: ''
|
||
};
|
||
}
|
||
}));
|
||
// 获取过滤后的员工列表
|
||
const filteredEmployees = this.getFilteredEmployees(employeesWithAvatars);
|
||
this.setData({
|
||
employees: employeesWithAvatars,
|
||
filteredEmployees,
|
||
loading: false
|
||
});
|
||
}
|
||
catch (error) {
|
||
console.error('加载员工列表失败:', error);
|
||
this.setData({
|
||
loading: false,
|
||
errorMessage: '加载员工列表失败，请稍后重试'
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 切换页面标签
|
||
*/
|
||
switchTab(e) {
|
||
const tab = e.currentTarget.dataset.tab;
|
||
this.setData({
|
||
currentTab: tab,
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
// 只在切换到列表页且没有数据时才加载，避免频繁请求
|
||
if (tab === 'list' && this.data.employees.length === 0) {
|
||
this.loadEmployees();
|
||
}
|
||
},
|
||
/**
|
||
* 处理添加员工表单输入
|
||
*/
|
||
onFormInput(e) {
|
||
const { field } = e.currentTarget.dataset;
|
||
const value = e.detail.value;
|
||
this.setData({
|
||
[`addForm.${field}`]: value,
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
},
|
||
/**
|
||
* 处理角色选择
|
||
*/
|
||
onRoleChange(e) {
|
||
const index = e.detail.value;
|
||
const selectedRole = this.data.roleOptions[index].value;
|
||
this.setData({
|
||
'addForm.role': selectedRole
|
||
});
|
||
},
|
||
/**
|
||
* 验证表单数据
|
||
*/
|
||
validateForm() {
|
||
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 = /^\d+$/;
|
||
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_1.default.addEmployee(this.data.addForm);
|
||
this.setData({
|
||
loading: false,
|
||
successMessage: '员工添加成功',
|
||
addForm: {
|
||
name: '',
|
||
phone: '',
|
||
role: roleUtils_1.Role.DELIVERY_PERSON
|
||
}
|
||
});
|
||
// 添加成功后自动切换到列表页
|
||
setTimeout(() => {
|
||
this.setData({
|
||
currentTab: 'list'
|
||
});
|
||
this.loadEmployees();
|
||
}, 1500);
|
||
}
|
||
catch (error) {
|
||
console.error('添加员工失败:', error);
|
||
this.setData({
|
||
loading: false,
|
||
errorMessage: error.message || '添加员工失败，请稍后重试'
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 编辑员工
|
||
*/
|
||
editEmployee(e) {
|
||
const employeeId = e.currentTarget.dataset.id;
|
||
const employee = this.data.employees.find(emp => emp.id === employeeId);
|
||
if (employee) {
|
||
this.setData({
|
||
editForm: {
|
||
id: employee.id || 0,
|
||
name: employee.name || '',
|
||
phone: employee.phone || '',
|
||
role: employee.role || roleUtils_1.Role.DELIVERY_PERSON,
|
||
avatarUrl: employee.avatarUrl || ''
|
||
},
|
||
currentTab: 'edit'
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 提交编辑员工表单
|
||
*/
|
||
async submitEditForm() {
|
||
if (!this.validateEditForm()) {
|
||
return;
|
||
}
|
||
this.setData({
|
||
loading: true,
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
try {
|
||
// 调用更新员工的API方法
|
||
await employeeService_1.default.updateEmployee(this.data.editForm.id, {
|
||
name: this.data.editForm.name,
|
||
phone: this.data.editForm.phone,
|
||
role: this.data.editForm.role
|
||
});
|
||
// 如果有新头像，上传头像
|
||
if (this.data.tempAvatarPath) {
|
||
try {
|
||
const result = await employeeService_1.default.uploadAvatar(this.data.editForm.id, this.data.tempAvatarPath);
|
||
if (result.success && result.avatarUrl) {
|
||
// 更新头像URL
|
||
this.setData({
|
||
'editForm.avatarUrl': result.avatarUrl
|
||
});
|
||
}
|
||
}
|
||
catch (avatarError) {
|
||
console.error('上传头像失败:', avatarError);
|
||
wx.showToast({
|
||
title: '头像上传失败',
|
||
icon: 'error'
|
||
});
|
||
}
|
||
}
|
||
this.setData({
|
||
loading: false,
|
||
successMessage: '员工更新成功',
|
||
currentTab: 'list',
|
||
tempAvatarPath: ''
|
||
});
|
||
// 重新加载员工列表
|
||
this.loadEmployees();
|
||
}
|
||
catch (error) {
|
||
console.error('更新员工失败:', error);
|
||
this.setData({
|
||
loading: false,
|
||
errorMessage: '更新员工失败，请重试'
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 选择头像
|
||
*/
|
||
chooseAvatar() {
|
||
wx.chooseMedia({
|
||
count: 1,
|
||
mediaType: ['image'],
|
||
sourceType: ['album'],
|
||
maxDuration: 30,
|
||
camera: 'back',
|
||
success: (res) => {
|
||
if (res.tempFiles && res.tempFiles.length > 0) {
|
||
const tempFilePath = res.tempFiles[0].tempFilePath;
|
||
this.setData({
|
||
'editForm.avatarUrl': tempFilePath,
|
||
tempAvatarPath: tempFilePath
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('选择头像失败:', err);
|
||
wx.showToast({
|
||
title: '选择头像失败',
|
||
icon: 'error'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 拍照
|
||
*/
|
||
takePhoto() {
|
||
wx.chooseMedia({
|
||
count: 1,
|
||
mediaType: ['image'],
|
||
sourceType: ['camera'],
|
||
maxDuration: 30,
|
||
camera: 'back',
|
||
success: (res) => {
|
||
if (res.tempFiles && res.tempFiles.length > 0) {
|
||
const tempFilePath = res.tempFiles[0].tempFilePath;
|
||
this.setData({
|
||
'editForm.avatarUrl': tempFilePath,
|
||
tempAvatarPath: tempFilePath
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('拍照失败:', err);
|
||
wx.showToast({
|
||
title: '拍照失败',
|
||
icon: 'error'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 验证编辑表单
|
||
*/
|
||
validateEditForm() {
|
||
const { name, phone, role } = this.data.editForm;
|
||
if (!name.trim()) {
|
||
this.setData({
|
||
errorMessage: '请输入员工姓名'
|
||
});
|
||
return false;
|
||
}
|
||
if (!phone.trim()) {
|
||
this.setData({
|
||
errorMessage: '请输入员工工号'
|
||
});
|
||
return false;
|
||
}
|
||
// 简单的工号格式验证
|
||
const phoneRegex = /^\d+$/;
|
||
if (!phoneRegex.test(phone)) {
|
||
this.setData({
|
||
errorMessage: '工号只能包含数字'
|
||
});
|
||
return false;
|
||
}
|
||
if (!role) {
|
||
this.setData({
|
||
errorMessage: '请选择员工角色'
|
||
});
|
||
return false;
|
||
}
|
||
return true;
|
||
},
|
||
/**
|
||
* 取消编辑
|
||
*/
|
||
cancelEdit() {
|
||
this.setData({
|
||
currentTab: 'list',
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
},
|
||
/**
|
||
* 编辑表单输入处理
|
||
*/
|
||
onEditFormInput(e) {
|
||
const { field } = e.currentTarget.dataset;
|
||
const value = e.detail.value;
|
||
this.setData({
|
||
[`editForm.${field}`]: value,
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
},
|
||
/**
|
||
* 处理编辑角色选择
|
||
*/
|
||
onEditRoleChange(e) {
|
||
const index = e.detail.value;
|
||
const selectedRole = this.data.roleOptions[index].value;
|
||
this.setData({
|
||
'editForm.role': selectedRole
|
||
});
|
||
},
|
||
/**
|
||
* 删除员工
|
||
*/
|
||
async deleteEmployee(e) {
|
||
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_1.default.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) {
|
||
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) {
|
||
const { searchKeyword } = this.data;
|
||
// 如果employees为空，返回空数组
|
||
if (!employees || !Array.isArray(employees)) {
|
||
return [];
|
||
}
|
||
// 显示所有员工，包括当前用户
|
||
let filteredEmployees = employees;
|
||
// 更严格的搜索关键词检查
|
||
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) {
|
||
const roleMap = {
|
||
'ADMIN': '管理员',
|
||
'DELIVERY_PERSON': '配送员',
|
||
'EMPLOYEE': '员工'
|
||
};
|
||
return roleMap[role] || role;
|
||
},
|
||
/**
|
||
* 清空消息
|
||
*/
|
||
clearMessages() {
|
||
this.setData({
|
||
errorMessage: '',
|
||
successMessage: ''
|
||
});
|
||
},
|
||
/**
|
||
* 返回上一页
|
||
*/
|
||
goBack() {
|
||
wx.navigateBack();
|
||
}
|
||
});
|