地址路径修改
This commit is contained in:
299
dist/pages/employee/employee.js
vendored
Normal file
299
dist/pages/employee/employee.js
vendored
Normal file
@@ -0,0 +1,299 @@
|
||||
"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: 添加页
|
||||
loading: false,
|
||||
// 添加员工表单数据
|
||||
addForm: {
|
||||
name: '',
|
||||
phone: '',
|
||||
role: roleUtils_1.Role.DELIVERY_PERSON
|
||||
},
|
||||
// 错误信息
|
||||
errorMessage: '',
|
||||
successMessage: '',
|
||||
// 搜索关键词
|
||||
searchKeyword: '',
|
||||
// 角色选项
|
||||
roleOptions: (0, roleUtils_1.getRoleOptions)()
|
||||
},
|
||||
onLoad() {
|
||||
// 页面加载时获取员工列表
|
||||
this.loadEmployees();
|
||||
},
|
||||
onShow() {
|
||||
// 页面显示时刷新数据
|
||||
this.loadEmployees();
|
||||
},
|
||||
/**
|
||||
* 加载员工列表
|
||||
*/
|
||||
async loadEmployees() {
|
||||
this.setData({
|
||||
loading: true,
|
||||
errorMessage: '',
|
||||
successMessage: ''
|
||||
});
|
||||
try {
|
||||
const employees = await employeeService_1.default.getEmployees();
|
||||
// 获取过滤后的员工列表
|
||||
const filteredEmployees = this.getFilteredEmployees(employees);
|
||||
this.setData({
|
||||
employees,
|
||||
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.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 || '添加员工失败，请稍后重试'
|
||||
});
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 删除员工
|
||||
*/
|
||||
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 [];
|
||||
}
|
||||
// 获取当前登录用户信息
|
||||
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) {
|
||||
const roleMap = {
|
||||
'DELIVERY_PERSON': '配送员',
|
||||
'ADMIN': '管理员'
|
||||
};
|
||||
return roleMap[role] || role;
|
||||
},
|
||||
/**
|
||||
* 清空消息
|
||||
*/
|
||||
clearMessages() {
|
||||
this.setData({
|
||||
errorMessage: '',
|
||||
successMessage: ''
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 返回上一页
|
||||
*/
|
||||
goBack() {
|
||||
wx.navigateBack();
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user