402 lines
8.6 KiB
JavaScript
402 lines
8.6 KiB
JavaScript
const { deviceApi } = require("../../utils/api");
|
|
const Toast = require("../../miniprogram_npm/tdesign-miniprogram/toast/index");
|
|
|
|
Page({
|
|
data: {
|
|
device: null,
|
|
device_id: null,
|
|
loading: true,
|
|
loadError: false,
|
|
|
|
// 设备状态相关
|
|
deviceStatus: 'normal',
|
|
deviceStatusMap: {
|
|
normal: '正常',
|
|
maintenance: '保养中',
|
|
repair: '维修中',
|
|
fault: '故障',
|
|
},
|
|
statusDialogVisible: false,
|
|
selectedStatus: 'normal',
|
|
|
|
// 设备编辑相关
|
|
editDialogVisible: false,
|
|
editForm: {
|
|
name: '',
|
|
description: '',
|
|
},
|
|
|
|
// 子设备相关
|
|
subDevices: [],
|
|
subDeviceLoading: false,
|
|
|
|
// 保养记录相关
|
|
maintenanceStats: {
|
|
total: 0,
|
|
completed: 0,
|
|
inProgress: 0,
|
|
},
|
|
|
|
// 操作选项
|
|
actions: [
|
|
{
|
|
icon: 'setting',
|
|
text: '更改状态',
|
|
color: '#0052d9',
|
|
action: 'changeStatus'
|
|
},
|
|
{
|
|
icon: 'add-circle',
|
|
text: '添加保养记录',
|
|
color: '#06a56c',
|
|
action: 'addMaintenance'
|
|
},
|
|
{
|
|
icon: 'time',
|
|
text: '保养记录',
|
|
color: '#fa8c16',
|
|
action: 'viewMaintenance'
|
|
},
|
|
{
|
|
icon: 'edit',
|
|
text: '编辑设备',
|
|
color: '#722ed1',
|
|
action: 'editDevice'
|
|
},
|
|
{
|
|
icon: 'view-list',
|
|
text: '管理子设备',
|
|
color: '#0052d9',
|
|
action: 'manageSubDevices'
|
|
},
|
|
{
|
|
icon: 'delete',
|
|
text: '删除设备',
|
|
color: '#e34d59',
|
|
action: 'deleteDevice'
|
|
}
|
|
]
|
|
},
|
|
|
|
onLoad(options) {
|
|
if (options.device_id) {
|
|
this.setData({ device_id: options.device_id });
|
|
this.loadDeviceInfo();
|
|
this.loadSubDevices();
|
|
this.loadMaintenanceStats();
|
|
} else {
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '缺少设备ID',
|
|
theme: 'error',
|
|
});
|
|
wx.navigateBack();
|
|
}
|
|
},
|
|
|
|
onShow() {
|
|
// 页面显示时刷新数据
|
|
if (this.data.device_id) {
|
|
this.loadDeviceInfo();
|
|
this.loadSubDevices();
|
|
this.loadMaintenanceStats();
|
|
}
|
|
},
|
|
|
|
// 加载设备信息
|
|
async loadDeviceInfo() {
|
|
this.setData({ loading: true, loadError: false });
|
|
|
|
try {
|
|
const response = await deviceApi.getDevices();
|
|
const deviceList = response.data.list || response.data || [];
|
|
const device = deviceList.find(d => d.id === parseInt(this.data.device_id));
|
|
|
|
if (device) {
|
|
// 计算子设备数量
|
|
const subDeviceCount = device.sub_devices ? device.sub_devices.length : 0;
|
|
|
|
this.setData({
|
|
device: { ...device, subDeviceCount },
|
|
deviceStatus: device.status || 'normal',
|
|
selectedStatus: device.status || 'normal',
|
|
editForm: {
|
|
name: device.name,
|
|
description: device.description || '',
|
|
},
|
|
loading: false,
|
|
});
|
|
} else {
|
|
this.setData({
|
|
loadError: true,
|
|
loading: false,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
this.setData({
|
|
loadError: true,
|
|
loading: false,
|
|
});
|
|
}
|
|
},
|
|
|
|
// 加载子设备
|
|
async loadSubDevices() {
|
|
this.setData({ subDeviceLoading: true });
|
|
|
|
try {
|
|
const response = await deviceApi.getSubDevicesByDeviceId(this.data.device_id);
|
|
const subDevices = response.data.list || response.data || [];
|
|
this.setData({
|
|
subDevices: subDevices,
|
|
subDeviceLoading: false,
|
|
});
|
|
} catch (error) {
|
|
this.setData({
|
|
subDevices: [],
|
|
subDeviceLoading: false,
|
|
});
|
|
}
|
|
},
|
|
|
|
// 加载保养记录统计
|
|
async loadMaintenanceStats() {
|
|
try {
|
|
// 这里可以调用保养记录统计API
|
|
// 目前使用模拟数据
|
|
this.setData({
|
|
maintenanceStats: {
|
|
total: 0,
|
|
completed: 0,
|
|
inProgress: 0,
|
|
}
|
|
});
|
|
} catch (error) {
|
|
// 加载保养统计失败，使用默认值
|
|
}
|
|
},
|
|
|
|
// 处理操作按钮点击
|
|
handleAction(e) {
|
|
const action = e.currentTarget.dataset.action;
|
|
|
|
switch (action) {
|
|
case 'changeStatus':
|
|
this.showStatusDialog();
|
|
break;
|
|
case 'addMaintenance':
|
|
this.addMaintenance();
|
|
break;
|
|
case 'viewMaintenance':
|
|
this.viewMaintenance();
|
|
break;
|
|
case 'editDevice':
|
|
this.showEditDialog();
|
|
break;
|
|
case 'manageSubDevices':
|
|
this.manageSubDevices();
|
|
break;
|
|
case 'deleteDevice':
|
|
this.deleteDevice();
|
|
break;
|
|
}
|
|
},
|
|
|
|
// 显示状态更改弹窗
|
|
showStatusDialog() {
|
|
this.setData({
|
|
statusDialogVisible: true,
|
|
selectedStatus: this.data.deviceStatus,
|
|
});
|
|
},
|
|
|
|
// 关闭状态更改弹窗
|
|
closeStatusDialog() {
|
|
this.setData({
|
|
statusDialogVisible: false,
|
|
});
|
|
},
|
|
|
|
// 选择状态
|
|
selectStatus(e) {
|
|
const status = e.currentTarget.dataset.status;
|
|
this.setData({
|
|
selectedStatus: status,
|
|
});
|
|
},
|
|
|
|
// 确认状态更改
|
|
async confirmStatusChange() {
|
|
const { selectedStatus, device } = this.data;
|
|
|
|
try {
|
|
await deviceApi.updateDevice(device.id, { status: selectedStatus });
|
|
|
|
this.setData({
|
|
deviceStatus: selectedStatus,
|
|
statusDialogVisible: false,
|
|
});
|
|
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '状态更新成功',
|
|
theme: 'success',
|
|
});
|
|
|
|
// 刷新设备信息
|
|
this.loadDeviceInfo();
|
|
} catch (error) {
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '状态更新失败',
|
|
theme: 'error',
|
|
});
|
|
}
|
|
},
|
|
|
|
// 显示编辑弹窗
|
|
showEditDialog() {
|
|
this.setData({
|
|
editDialogVisible: true,
|
|
});
|
|
},
|
|
|
|
// 关闭编辑弹窗
|
|
closeEditDialog() {
|
|
this.setData({
|
|
editDialogVisible: false,
|
|
});
|
|
},
|
|
|
|
// 确认编辑
|
|
async confirmEdit() {
|
|
const { editForm, device } = this.data;
|
|
|
|
if (!editForm.name.trim()) {
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '请输入设备名称',
|
|
theme: 'warning',
|
|
});
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await deviceApi.updateDevice(device.id, {
|
|
name: editForm.name.trim(),
|
|
description: editForm.description.trim(),
|
|
});
|
|
|
|
this.setData({
|
|
editDialogVisible: false,
|
|
});
|
|
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '设备信息更新成功',
|
|
theme: 'success',
|
|
});
|
|
|
|
// 刷新设备信息
|
|
this.loadDeviceInfo();
|
|
} catch (error) {
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '更新失败',
|
|
theme: 'error',
|
|
});
|
|
}
|
|
},
|
|
|
|
// 添加保养记录
|
|
addMaintenance() {
|
|
wx.navigateTo({
|
|
url: `/pages/device_maintenance/create/index?device_id=${this.data.device_id}`,
|
|
});
|
|
},
|
|
|
|
// 查看保养记录
|
|
viewMaintenance() {
|
|
wx.navigateTo({
|
|
url: `/pages/device_maintenance/index?device_id=${this.data.device_id}`,
|
|
});
|
|
},
|
|
|
|
// 管理子设备
|
|
manageSubDevices() {
|
|
wx.navigateTo({
|
|
url: `/pages/device_subdevices/index?device_id=${this.data.device_id}`,
|
|
});
|
|
},
|
|
|
|
// 查看子设备详情
|
|
viewSubDeviceDetail(e) {
|
|
const subDevice = e.currentTarget.dataset.subdevice;
|
|
wx.navigateTo({
|
|
url: `/pages/device_subdevices/index?device_id=${this.data.device_id}&sub_device_id=${subDevice.id}`,
|
|
});
|
|
},
|
|
|
|
// 删除设备
|
|
deleteDevice() {
|
|
wx.showModal({
|
|
title: '确认删除',
|
|
content: '确定要删除此设备吗？此操作不可撤销。',
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
this.confirmDelete();
|
|
}
|
|
},
|
|
});
|
|
},
|
|
|
|
// 确认删除
|
|
async confirmDelete() {
|
|
const { device } = this.data;
|
|
|
|
try {
|
|
await deviceApi.deleteDevice(device.id);
|
|
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '删除成功',
|
|
theme: 'success',
|
|
});
|
|
|
|
// 返回设备管理页面
|
|
wx.navigateBack();
|
|
} catch (error) {
|
|
Toast({
|
|
context: this,
|
|
selector: '#t-toast',
|
|
message: '删除失败',
|
|
theme: 'error',
|
|
});
|
|
}
|
|
},
|
|
|
|
// 返回上一页
|
|
onBack() {
|
|
wx.navigateBack();
|
|
},
|
|
|
|
// 下拉刷新
|
|
onPullDownRefresh() {
|
|
Promise.all([
|
|
this.loadDeviceInfo(),
|
|
this.loadSubDevices(),
|
|
this.loadMaintenanceStats(),
|
|
]).then(() => {
|
|
wx.stopPullDownRefresh();
|
|
}).catch(() => {
|
|
wx.stopPullDownRefresh();
|
|
});
|
|
},
|
|
}); |