add
This commit is contained in:
wangziqi
757
frontend/js/app.js
Normal file
757
frontend/js/app.js
Normal file
@@ -0,0 +1,757 @@
|
||||
// 应用程序初始化
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 检查是否已登录
|
||||
const token = localStorage.getItem(STORAGE.TOKEN);
|
||||
const user = Utils.getCurrentUser();
|
||||
|
||||
// 如果在登录页面
|
||||
if (window.location.pathname.endsWith('login.html')) {
|
||||
if (token && user) {
|
||||
Utils.redirectToDashboard(user.role);
|
||||
return;
|
||||
}
|
||||
initLoginPage();
|
||||
return;
|
||||
}
|
||||
|
||||
// 如果在仪表板页面
|
||||
if (token && user) {
|
||||
initDashboard(user);
|
||||
} else {
|
||||
window.location.href = 'login.html';
|
||||
}
|
||||
});
|
||||
|
||||
// 初始化登录页面
|
||||
function initLoginPage() {
|
||||
const loginForm = document.getElementById('loginForm');
|
||||
const loginBtn = document.getElementById('loginBtn');
|
||||
|
||||
if (loginForm) {
|
||||
loginForm.addEventListener('submit', async function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const username = document.getElementById('username').value.trim();
|
||||
const password = document.getElementById('password').value.trim();
|
||||
const role = document.getElementById('role').value;
|
||||
|
||||
// 验证输入
|
||||
if (!username) {
|
||||
Utils.showToast('请输入用户名', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!password) {
|
||||
Utils.showToast('请输入密码', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
// 禁用按钮并显示loading
|
||||
loginBtn.disabled = true;
|
||||
loginBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>登录中...';
|
||||
Utils.loading(true);
|
||||
|
||||
try {
|
||||
const response = await http.post(API.LOGIN, {
|
||||
username: username,
|
||||
password: password
|
||||
});
|
||||
|
||||
if (response.code === 200) {
|
||||
const { token, userInfo } = response.data;
|
||||
|
||||
// 验证角色
|
||||
if (userInfo.role !== role) {
|
||||
Utils.showToast('登录角色不匹配，请选择正确的角色', 'error');
|
||||
loginBtn.disabled = false;
|
||||
loginBtn.innerHTML = '<i class="bi bi-box-arrow-in-right"></i> 登录';
|
||||
Utils.loading(false);
|
||||
return;
|
||||
}
|
||||
|
||||
// 保存登录信息
|
||||
localStorage.setItem(STORAGE.TOKEN, token);
|
||||
localStorage.setItem(STORAGE.USER, JSON.stringify(userInfo));
|
||||
|
||||
Utils.showToast('登录成功！', 'success');
|
||||
|
||||
// 延迟跳转
|
||||
setTimeout(() => {
|
||||
Utils.redirectToDashboard(userInfo.role);
|
||||
}, 500);
|
||||
|
||||
} else {
|
||||
Utils.showToast(response.message || '登录失败', 'error');
|
||||
loginBtn.disabled = false;
|
||||
loginBtn.innerHTML = '<i class="bi bi-box-arrow-in-right"></i> 登录';
|
||||
Utils.loading(false);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('登录错误:', error);
|
||||
Utils.showToast('登录失败，请检查网络连接', 'error');
|
||||
loginBtn.disabled = false;
|
||||
loginBtn.innerHTML = '<i class="bi bi-box-arrow-in-right"></i> 登录';
|
||||
Utils.loading(false);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 回车键登录
|
||||
const passwordInput = document.getElementById('password');
|
||||
if (passwordInput) {
|
||||
passwordInput.addEventListener('keypress', function(e) {
|
||||
if (e.key === 'Enter') {
|
||||
loginForm.dispatchEvent(new Event('submit'));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化仪表板
|
||||
function initDashboard(user) {
|
||||
// 显示用户信息
|
||||
const userNameEl = document.getElementById('userName');
|
||||
const userRoleEl = document.getElementById('userRole');
|
||||
const userAvatarEl = document.getElementById('userAvatar');
|
||||
|
||||
if (userNameEl) userNameEl.textContent = user.realName;
|
||||
if (userRoleEl) userRoleEl.textContent = Utils.getRoleText(user.role);
|
||||
if (userAvatarEl && !userAvatarEl.textContent) {
|
||||
userAvatarEl.textContent = user.realName.charAt(0).toUpperCase();
|
||||
}
|
||||
|
||||
// 根据角色加载不同内容
|
||||
switch(user.role) {
|
||||
case 'admin':
|
||||
initAdminDashboard();
|
||||
break;
|
||||
case 'staff':
|
||||
initStaffDashboard();
|
||||
break;
|
||||
case 'customer':
|
||||
initCustomerDashboard();
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化管理员仪表板
|
||||
function initAdminDashboard() {
|
||||
console.log('初始化管理员仪表板');
|
||||
|
||||
// 加载所有数据
|
||||
if (typeof loadAllData === 'function') {
|
||||
loadAllData();
|
||||
} else {
|
||||
// 单独加载各个模块
|
||||
loadAdminStats();
|
||||
loadRecentOrders();
|
||||
loadAppointments();
|
||||
}
|
||||
}
|
||||
|
||||
// 加载最近工单
|
||||
async function loadRecentOrders() {
|
||||
try {
|
||||
const response = await http.get(API.ORDERS);
|
||||
if (response.code === 200 && response.data) {
|
||||
const orders = response.data.slice(0, 5); // 只取前5条
|
||||
displayRecentOrders(orders);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载最近工单失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示最近工单
|
||||
async function displayRecentOrders(orders) {
|
||||
const tbody = document.getElementById('recentOrdersTableBody');
|
||||
if (!tbody) return;
|
||||
|
||||
if (orders.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="6" class="text-center text-muted py-4">暂无数据</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
// 获取所有车辆信息
|
||||
const vehiclesRes = await http.get(API.VEHICLES);
|
||||
const vehicles = vehiclesRes.data || [];
|
||||
|
||||
tbody.innerHTML = orders.map(o => {
|
||||
const vehicle = vehicles.find(v => v.vehicleId === o.vehicleId);
|
||||
return `
|
||||
<tr>
|
||||
<td>${o.orderNo}</td>
|
||||
<td>${Utils.getServiceTypeText(o.serviceType)}</td>
|
||||
<td>${vehicle ? vehicle.licensePlate : '-'}</td>
|
||||
<td>${Utils.formatMoney(o.totalCost)}</td>
|
||||
<td>${Utils.getStatusBadge(o.status)}</td>
|
||||
<td>${Utils.formatDateTime(o.createTime)}</td>
|
||||
</tr>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// 加载管理员统计数据
|
||||
async function loadAdminStats() {
|
||||
try {
|
||||
const [usersRes, vehiclesRes, ordersRes, partsRes] = await Promise.all([
|
||||
http.get(API.USERS),
|
||||
http.get(API.VEHICLES),
|
||||
http.get(API.ORDERS),
|
||||
http.get(API.PARTS_LOW_STOCK)
|
||||
]);
|
||||
|
||||
if (usersRes.code === 200) {
|
||||
updateStat('totalUsers', usersRes.data?.length || 0);
|
||||
}
|
||||
|
||||
if (vehiclesRes.code === 200) {
|
||||
updateStat('totalVehicles', vehiclesRes.data?.length || 0);
|
||||
}
|
||||
|
||||
if (ordersRes.code === 200) {
|
||||
updateStat('totalOrders', ordersRes.data?.length || 0);
|
||||
}
|
||||
|
||||
if (partsRes.code === 200) {
|
||||
updateStat('lowStockParts', partsRes.data?.length || 0);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载统计数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 更新统计数字
|
||||
function updateStat(id, value) {
|
||||
const el = document.getElementById(id);
|
||||
if (el) {
|
||||
el.textContent = value;
|
||||
// 添加动画效果
|
||||
el.style.transition = 'all 0.3s';
|
||||
el.style.transform = 'scale(1.2)';
|
||||
setTimeout(() => {
|
||||
el.style.transform = 'scale(1)';
|
||||
}, 300);
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化工作人员仪表板
|
||||
function initStaffDashboard() {
|
||||
console.log('初始化工作人员仪表板');
|
||||
loadStaffStats();
|
||||
}
|
||||
|
||||
// 加载工作人员统计数据
|
||||
async function loadStaffStats() {
|
||||
const user = Utils.getCurrentUser();
|
||||
if (!user) return;
|
||||
|
||||
try {
|
||||
const response = await http.get(API.ORDERS);
|
||||
if (response.code === 200 && response.data) {
|
||||
const myOrders = response.data.filter(o => o.staffId === user.userId);
|
||||
const inProgress = myOrders.filter(o => o.status === 'in_progress');
|
||||
const completed = myOrders.filter(o => o.status === 'completed');
|
||||
|
||||
updateStat('myOrdersCount', myOrders.length);
|
||||
updateStat('inProgressCount', inProgress.length);
|
||||
updateStat('completedCount', completed.length);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载统计数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化客户仪表板
|
||||
function initCustomerDashboard() {
|
||||
console.log('初始化客户仪表板');
|
||||
loadCustomerData();
|
||||
}
|
||||
|
||||
// 加载客户数据
|
||||
async function loadCustomerData() {
|
||||
const user = Utils.getCurrentUser();
|
||||
if (!user) return;
|
||||
|
||||
try {
|
||||
// 获取所有用户，找到自己的customer_id
|
||||
const usersRes = await http.get(API.USERS);
|
||||
if (usersRes.code === 200 && usersRes.data) {
|
||||
const customers = usersRes.data.filter(u => u.role === 'customer');
|
||||
const currentUser = customers.find(c => c.userId === user.userId);
|
||||
|
||||
if (currentUser) {
|
||||
// 加载车辆、工单、预约数据
|
||||
loadCustomerVehicles(currentUser.userId);
|
||||
loadCustomerOrders(currentUser.userId);
|
||||
loadCustomerAppointments(currentUser.userId);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载客户数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 加载客户车辆
|
||||
async function loadCustomerVehicles(userId) {
|
||||
try {
|
||||
const response = await http.get(API.VEHICLES);
|
||||
if (response.code === 200 && response.data) {
|
||||
const myVehicles = response.data.filter(v => v.customerId === userId);
|
||||
displayVehicles(myVehicles);
|
||||
populateVehicleSelect(myVehicles);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载车辆失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示车辆列表
|
||||
function displayVehicles(vehicles) {
|
||||
const container = document.getElementById('vehiclesContainer');
|
||||
if (!container) return;
|
||||
|
||||
if (vehicles.length === 0) {
|
||||
container.innerHTML = `
|
||||
<div class="empty-state">
|
||||
<i class="bi bi-car-front"></i>
|
||||
<p>暂无车辆信息</p>
|
||||
</div>
|
||||
`;
|
||||
return;
|
||||
}
|
||||
|
||||
container.innerHTML = vehicles.map(v => `
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="vehicle-card">
|
||||
<div class="vehicle-plate">${v.licensePlate}</div>
|
||||
<h6 class="mb-2">${v.brand} ${v.model}</h6>
|
||||
<p class="text-muted small mb-1">
|
||||
<i class="bi bi-palette"></i> 颜色: ${v.color || '-'}
|
||||
</p>
|
||||
<p class="text-muted small mb-1">
|
||||
<i class="bi bi-speedometer2"></i> 里程: ${v.mileage || 0} 公里
|
||||
</p>
|
||||
<p class="text-muted small mb-2">
|
||||
<i class="bi bi-calendar-check"></i> 上次保养: ${Utils.formatDate(v.lastMaintenanceDate)}
|
||||
</p>
|
||||
${Utils.getStatusBadge(v.status)}
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
// 填充车辆选择框
|
||||
function populateVehicleSelect(vehicles) {
|
||||
const select = document.getElementById('vehicleSelect');
|
||||
if (!select) return;
|
||||
|
||||
select.innerHTML = '<option value="">请选择车辆</option>' +
|
||||
vehicles.map(v => `<option value="${v.vehicleId}">${v.licensePlate} - ${v.brand} ${v.model}</option>`).join('');
|
||||
}
|
||||
|
||||
// 加载客户工单
|
||||
async function loadCustomerOrders(userId) {
|
||||
try {
|
||||
const [ordersRes, vehiclesRes] = await Promise.all([
|
||||
http.get(API.ORDER_CUSTOMER(userId)),
|
||||
http.get(API.VEHICLES)
|
||||
]);
|
||||
|
||||
if (ordersRes.code === 200 && ordersRes.data) {
|
||||
const vehicles = vehiclesRes.data || [];
|
||||
displayOrders(ordersRes.data, vehicles);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载工单失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示工单列表
|
||||
function displayOrders(orders, vehicles) {
|
||||
const tbody = document.getElementById('ordersTableBody');
|
||||
if (!tbody) return;
|
||||
|
||||
if (orders.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="6" class="text-center text-muted py-4">暂无维保记录</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
tbody.innerHTML = orders.map(o => {
|
||||
const vehicle = vehicles.find(v => v.vehicleId === o.vehicleId);
|
||||
return `
|
||||
<tr>
|
||||
<td>${o.orderNo}</td>
|
||||
<td>${Utils.getServiceTypeText(o.serviceType)}</td>
|
||||
<td>${vehicle ? vehicle.licensePlate : '-'}</td>
|
||||
<td>${Utils.formatMoney(o.totalCost)}</td>
|
||||
<td>${Utils.getStatusBadge(o.status)}</td>
|
||||
<td>${Utils.formatDateTime(o.createTime)}</td>
|
||||
</tr>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// 加载客户预约
|
||||
async function loadCustomerAppointments(userId) {
|
||||
try {
|
||||
const [appointmentsRes, vehiclesRes] = await Promise.all([
|
||||
http.get(API.APPOINTMENT_CUSTOMER(userId)),
|
||||
http.get(API.VEHICLES)
|
||||
]);
|
||||
|
||||
if (appointmentsRes.code === 200 && appointmentsRes.data) {
|
||||
const vehicles = vehiclesRes.data || [];
|
||||
displayAppointments(appointmentsRes.data, vehicles);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载预约失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示预约列表
|
||||
function displayAppointments(appointments, vehicles) {
|
||||
const tbody = document.getElementById('appointmentsTableBody');
|
||||
if (!tbody) return;
|
||||
|
||||
if (appointments.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="5" class="text-center text-muted py-4">暂无预约记录</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
tbody.innerHTML = appointments.map(a => {
|
||||
const vehicle = vehicles.find(v => v.vehicleId === a.vehicleId);
|
||||
return `
|
||||
<tr>
|
||||
<td>${Utils.getServiceTypeText(a.serviceType)}</td>
|
||||
<td>${vehicle ? vehicle.licensePlate : '-'}</td>
|
||||
<td>${Utils.formatDateTime(a.appointmentTime)}</td>
|
||||
<td>${Utils.getStatusBadge(a.status, 'appointment')}</td>
|
||||
<td>
|
||||
${a.status === 'pending' ? `<button class="btn btn-sm btn-danger" onclick="cancelAppointment(${a.appointmentId})">取消</button>` : '-'}
|
||||
</td>
|
||||
</tr>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// 取消预约
|
||||
async function cancelAppointment(id) {
|
||||
if (!Utils.confirm('确定要取消此预约吗？')) return;
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.put(API.APPOINTMENT_CANCEL(id), {});
|
||||
if (response.code === 200) {
|
||||
Utils.showToast('预约已取消', 'success');
|
||||
// 重新加载预约列表
|
||||
const user = Utils.getCurrentUser();
|
||||
if (user) {
|
||||
loadCustomerAppointments(user.userId);
|
||||
}
|
||||
} else {
|
||||
Utils.showToast(response.message || '取消失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('取消预约失败:', error);
|
||||
Utils.showToast('操作失败，请重试', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 提交预约
|
||||
async function submitAppointment() {
|
||||
const user = Utils.getCurrentUser();
|
||||
if (!user) return;
|
||||
|
||||
const vehicleId = document.getElementById('vehicleSelect').value;
|
||||
const serviceType = document.getElementById('serviceType').value;
|
||||
const appointmentTime = document.getElementById('appointmentTime').value;
|
||||
const contactPhone = document.getElementById('contactPhone').value;
|
||||
const description = document.getElementById('description').value;
|
||||
|
||||
// 验证
|
||||
if (!vehicleId) {
|
||||
Utils.showToast('请选择车辆', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!appointmentTime) {
|
||||
Utils.showToast('请选择预约时间', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!contactPhone) {
|
||||
Utils.showToast('请输入联系电话', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.post(API.APPOINTMENTS, {
|
||||
customerId: user.userId,
|
||||
vehicleId: parseInt(vehicleId),
|
||||
serviceType: serviceType,
|
||||
appointmentTime: appointmentTime,
|
||||
contactPhone: contactPhone,
|
||||
description: description
|
||||
});
|
||||
|
||||
if (response.code === 200) {
|
||||
Utils.showToast('预约成功！', 'success');
|
||||
// 重置表单
|
||||
document.getElementById('appointmentForm').reset();
|
||||
// 重新加载预约列表
|
||||
loadCustomerAppointments(user.userId);
|
||||
} else {
|
||||
Utils.showToast(response.message || '预约失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('预约失败:', error);
|
||||
Utils.showToast('预约失败，请重试', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示Toast（全局函数）
|
||||
function showToast(message, type = 'info') {
|
||||
Utils.showToast(message, type);
|
||||
}
|
||||
|
||||
// 显示Section
|
||||
function showSection(sectionId) {
|
||||
// 隐藏所有section
|
||||
document.querySelectorAll('.content-section').forEach(section => {
|
||||
section.style.display = 'none';
|
||||
});
|
||||
|
||||
// 显示选中的section
|
||||
const targetSection = document.getElementById(sectionId + '-section');
|
||||
if (targetSection) {
|
||||
targetSection.style.display = 'block';
|
||||
}
|
||||
|
||||
// 更新菜单激活状态
|
||||
document.querySelectorAll('.menu-item').forEach(item => {
|
||||
item.classList.remove('active');
|
||||
});
|
||||
event.currentTarget.classList.add('active');
|
||||
|
||||
// 加载对应数据
|
||||
switch(sectionId) {
|
||||
case 'overview':
|
||||
if (Utils.hasRole('admin')) {
|
||||
loadAdminStats();
|
||||
} else if (Utils.hasRole('staff')) {
|
||||
loadStaffStats();
|
||||
}
|
||||
break;
|
||||
case 'vehicles':
|
||||
loadAllVehicles();
|
||||
break;
|
||||
case 'orders':
|
||||
loadAllOrders();
|
||||
break;
|
||||
case 'users':
|
||||
loadAllUsers();
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 加载所有车辆（管理员页面使用）
|
||||
async function loadAllVehicles() {
|
||||
// 如果是管理员页面，调用admin.js中的函数
|
||||
if (typeof loadAllData === 'function') {
|
||||
return;
|
||||
}
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.get(API.VEHICLES);
|
||||
if (response.code === 200) {
|
||||
displayAllVehicles(response.data || []);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载车辆失败:', error);
|
||||
Utils.showToast('加载失败', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示所有车辆（客户页面使用）
|
||||
function displayAllVehicles(vehicles) {
|
||||
// 如果是管理员页面，不执行
|
||||
if (document.getElementById('allVehiclesTableBody')) {
|
||||
return;
|
||||
}
|
||||
|
||||
const container = document.getElementById('vehiclesContainer');
|
||||
if (!container) return;
|
||||
|
||||
if (vehicles.length === 0) {
|
||||
container.innerHTML = `
|
||||
<div class="col-12 text-center text-muted py-5">
|
||||
<i class="bi bi-car-front fs-1 d-block mb-3"></i>
|
||||
<p>暂无车辆信息</p>
|
||||
</div>
|
||||
`;
|
||||
return;
|
||||
}
|
||||
|
||||
container.innerHTML = vehicles.map(v => `
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="vehicle-card">
|
||||
<div class="vehicle-plate">${v.licensePlate}</div>
|
||||
<h6 class="mb-2">${v.brand} ${v.model}</h6>
|
||||
<p class="text-muted small mb-1">
|
||||
<i class="bi bi-palette"></i> 颜色: ${v.color || '-'}
|
||||
</p>
|
||||
<p class="text-muted small mb-1">
|
||||
<i class="bi bi-speedometer2"></i> 里程: ${v.mileage || 0} 公里
|
||||
</p>
|
||||
<p class="text-muted small mb-2">
|
||||
<i class="bi bi-calendar-check"></i> 上次保养: ${Utils.formatDate(v.lastMaintenanceDate)}
|
||||
</p>
|
||||
${Utils.getStatusBadge(v.status)}
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
// 加载所有工单
|
||||
async function loadAllOrders() {
|
||||
// 如果是管理员页面，跳过（由admin.js处理）
|
||||
if (document.getElementById('allOrdersTableBody')) {
|
||||
return;
|
||||
}
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.get(API.ORDERS);
|
||||
if (response.code === 200) {
|
||||
displayAllOrders(response.data || []);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载工单失败:', error);
|
||||
Utils.showToast('加载失败', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 显示所有工单（客户页面使用）
|
||||
async function displayAllOrders(orders) {
|
||||
// 如果是管理员页面，不执行
|
||||
if (document.getElementById('allOrdersTableBody')) {
|
||||
return;
|
||||
}
|
||||
|
||||
const tbody = document.getElementById('ordersTableBody');
|
||||
if (!tbody) return;
|
||||
|
||||
if (orders.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="6" class="text-center text-muted py-4">暂无维保记录</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
// 获取所有车辆信息
|
||||
const vehiclesRes = await http.get(API.VEHICLES);
|
||||
const vehicles = vehiclesRes.data || [];
|
||||
|
||||
tbody.innerHTML = orders.map(o => {
|
||||
const vehicle = vehicles.find(v => v.vehicleId === o.vehicleId);
|
||||
return `
|
||||
<tr>
|
||||
<td>${o.orderNo}</td>
|
||||
<td>${Utils.getServiceTypeText(o.serviceType)}</td>
|
||||
<td>${vehicle ? vehicle.licensePlate : '-'}</td>
|
||||
<td>${Utils.formatMoney(o.totalCost)}</td>
|
||||
<td>${Utils.getStatusBadge(o.status)}</td>
|
||||
<td>${Utils.formatDateTime(o.createTime)}</td>
|
||||
</tr>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
// 加载所有用户
|
||||
async function loadAllUsers() {
|
||||
// 管理员页面由admin.js处理
|
||||
if (document.getElementById('allUsersTableBody')) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// 显示所有用户（占位）
|
||||
function displayAllUsers(users) {
|
||||
// 管理员页面由admin.js处理
|
||||
}
|
||||
|
||||
// CRUD操作函数
|
||||
async function deleteVehicle(id) {
|
||||
if (!Utils.confirm('确定要删除此车辆吗？')) return;
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.delete(API.VEHICLE(id));
|
||||
if (response.code === 200) {
|
||||
Utils.showToast('删除成功', 'success');
|
||||
loadAllVehicles();
|
||||
} else {
|
||||
Utils.showToast(response.message || '删除失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
Utils.showToast('删除失败', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteOrder(id) {
|
||||
if (!Utils.confirm('确定要删除此工单吗？')) return;
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.delete(API.ORDER(id));
|
||||
if (response.code === 200) {
|
||||
Utils.showToast('删除成功', 'success');
|
||||
loadAllOrders();
|
||||
} else {
|
||||
Utils.showToast(response.message || '删除失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
Utils.showToast('删除失败', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteUser(id) {
|
||||
if (!Utils.confirm('确定要删除此用户吗？')) return;
|
||||
|
||||
Utils.loading(true);
|
||||
try {
|
||||
const response = await http.delete(API.USER(id));
|
||||
if (response.code === 200) {
|
||||
Utils.showToast('删除成功', 'success');
|
||||
loadAllUsers();
|
||||
} else {
|
||||
Utils.showToast(response.message || '删除失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
Utils.showToast('删除失败', 'error');
|
||||
} finally {
|
||||
Utils.loading(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 占位函数
|
||||
function viewVehicle(id) { Utils.showToast('查看车辆功能', 'info'); }
|
||||
function editVehicle(id) { Utils.showToast('编辑车辆功能', 'info'); }
|
||||
function viewOrder(id) { Utils.showToast('查看工单功能', 'info'); }
|
||||
function editOrder(id) { Utils.showToast('编辑工单功能', 'info'); }
|
||||
function viewUser(id) { Utils.showToast('查看用户功能', 'info'); }
|
||||
function editUser(id) { Utils.showToast('编辑用户功能', 'info'); }
|
||||
Reference in New Issue
Block a user