first commit
This commit is contained in:
239
miniprogram/pages/index/modules/warehouseModule.ts
Normal file
239
miniprogram/pages/index/modules/warehouseModule.ts
Normal file
@@ -0,0 +1,239 @@
|
||||
// 仓库模块 - 处理仓库管理、显示、交互
|
||||
import warehouseService from '../../../services/warehouseService';
|
||||
import { showToast } from '../../../utils/helpers';
|
||||
import { DataModule } from './dataModule';
|
||||
|
||||
export class WarehouseModule {
|
||||
private pageContext: any;
|
||||
private dataModule: DataModule;
|
||||
private lastLoadTime: number = 0;
|
||||
private isLoading: boolean = false;
|
||||
private loadPromise: Promise<void> | null = null;
|
||||
|
||||
constructor(pageContext: any, dataModule: DataModule) {
|
||||
this.pageContext = pageContext;
|
||||
this.dataModule = dataModule;
|
||||
}
|
||||
|
||||
/**
|
||||
* 加载仓库数据(带缓存和防抖机制)
|
||||
*/
|
||||
async loadWarehouses(forceRefresh: boolean = false): Promise<void> {
|
||||
// 防抖机制:如果正在加载,返回同一个Promise
|
||||
if (this.isLoading && this.loadPromise && !forceRefresh) {
|
||||
return this.loadPromise;
|
||||
}
|
||||
|
||||
// 缓存机制:5分钟内不重复加载相同数据
|
||||
const now = Date.now();
|
||||
const cacheTime = 5 * 60 * 1000; // 5分钟缓存
|
||||
if (!forceRefresh && now - this.lastLoadTime < cacheTime) {
|
||||
console.log('使用缓存的仓库数据');
|
||||
return;
|
||||
}
|
||||
|
||||
this.isLoading = true;
|
||||
this.loadPromise = (async () => {
|
||||
try {
|
||||
const warehouses = await warehouseService.getWarehouses();
|
||||
|
||||
// 更新地图标记点
|
||||
this.updateWarehouseMarkers(warehouses);
|
||||
|
||||
this.lastLoadTime = Date.now();
|
||||
console.log('仓库数据加载完成,数量:', warehouses.length);
|
||||
} catch (error) {
|
||||
console.error('加载仓库数据失败:', error);
|
||||
showToast('加载仓库数据失败');
|
||||
} finally {
|
||||
this.isLoading = false;
|
||||
this.loadPromise = null;
|
||||
}
|
||||
})();
|
||||
|
||||
return this.loadPromise;
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新仓库标记点
|
||||
*/
|
||||
private updateWarehouseMarkers(warehouses: any[]): void {
|
||||
const { markers } = this.pageContext.data;
|
||||
|
||||
// 移除现有的仓库标记点
|
||||
const filteredMarkers = markers.filter((marker: any) => marker.type !== 'warehouse');
|
||||
|
||||
// 添加新的仓库标记点
|
||||
const warehouseMarkers = warehouses.map((warehouse, index) => {
|
||||
// 验证仓库坐标是否有效
|
||||
let validLongitude = warehouse.longitude;
|
||||
let validLatitude = warehouse.latitude;
|
||||
|
||||
if (isNaN(validLongitude) || isNaN(validLatitude)) {
|
||||
validLongitude = 102.833722; // 默认经度
|
||||
validLatitude = 24.880095; // 默认纬度
|
||||
}
|
||||
|
||||
return {
|
||||
id: 1000 + index, // 仓库标记点ID从1000开始
|
||||
longitude: validLongitude,
|
||||
latitude: validLatitude,
|
||||
iconPath: '/images/warehouse.png',
|
||||
width: 24,
|
||||
height: 24,
|
||||
zIndex: 10,
|
||||
type: 'warehouse',
|
||||
data: warehouse
|
||||
};
|
||||
});
|
||||
|
||||
// 更新数据模块中的标记点
|
||||
const allMarkers = [...filteredMarkers, ...warehouseMarkers];
|
||||
this.dataModule.updateMarkers(allMarkers);
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示仓库详情面板
|
||||
*/
|
||||
showWarehousePanel(warehouse: any, position: { x: number, y: number }): void {
|
||||
// 关闭其他面板
|
||||
this.pageContext.hideAllPanels();
|
||||
|
||||
// 更新数据模块中的当前仓库和面板状态
|
||||
this.dataModule.setCurrentWarehouse(warehouse);
|
||||
this.dataModule.setPanelPosition(position);
|
||||
this.dataModule.toggleWarehouseModal(true, 'bottom');
|
||||
}
|
||||
|
||||
/**
|
||||
* 隐藏仓库详情面板
|
||||
*/
|
||||
hideWarehousePanel(): void {
|
||||
// 更新数据模块中的面板状态
|
||||
this.dataModule.toggleWarehouseModal(false);
|
||||
this.dataModule.setCurrentWarehouse(null);
|
||||
}
|
||||
|
||||
/**
|
||||
* 展开仓库详情面板
|
||||
*/
|
||||
expandWarehousePanel(): void {
|
||||
this.dataModule.toggleWarehouseModal(true, 'full');
|
||||
}
|
||||
|
||||
/**
|
||||
* 收起仓库详情面板
|
||||
*/
|
||||
collapseWarehousePanel(): void {
|
||||
this.dataModule.toggleWarehouseModal(true, 'bottom');
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理仓库标记点点击
|
||||
*/
|
||||
onWarehouseMarkerClick(warehouse: any, position: { x: number, y: number }): void {
|
||||
console.log('仓库被点击:', warehouse);
|
||||
|
||||
// 显示仓库详情面板
|
||||
this.showWarehousePanel(warehouse, position);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取仓库库存状态
|
||||
*/
|
||||
getWarehouseInventoryStatus(warehouse: any): string {
|
||||
const capacity = warehouse.capacity || 100;
|
||||
const currentStock = warehouse.currentStock || 0;
|
||||
const percentage = (currentStock / capacity) * 100;
|
||||
|
||||
if (percentage >= 80) {
|
||||
return 'high';
|
||||
} else if (percentage >= 50) {
|
||||
return 'medium';
|
||||
} else {
|
||||
return 'low';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取仓库库存状态文本
|
||||
*/
|
||||
getWarehouseInventoryStatusText(warehouse: any): string {
|
||||
const status = this.getWarehouseInventoryStatus(warehouse);
|
||||
|
||||
switch (status) {
|
||||
case 'high':
|
||||
return '库存充足';
|
||||
case 'medium':
|
||||
return '库存适中';
|
||||
case 'low':
|
||||
return '库存不足';
|
||||
default:
|
||||
return '未知状态';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取仓库库存状态颜色
|
||||
*/
|
||||
getWarehouseInventoryStatusColor(warehouse: any): string {
|
||||
const status = this.getWarehouseInventoryStatus(warehouse);
|
||||
|
||||
switch (status) {
|
||||
case 'high':
|
||||
return '#52c41a'; // 绿色
|
||||
case 'medium':
|
||||
return '#faad14'; // 橙色
|
||||
case 'low':
|
||||
return '#f5222d'; // 红色
|
||||
default:
|
||||
return '#d9d9d9'; // 灰色
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建新仓库
|
||||
*/
|
||||
async createWarehouse(warehouseData: any): Promise<void> {
|
||||
try {
|
||||
await warehouseService.createWarehouse(warehouseData);
|
||||
|
||||
showToast('仓库创建成功');
|
||||
console.log('新仓库创建成功:', warehouseData);
|
||||
|
||||
// 不需要重新加载仓库数据,因为仓库数据变化不频繁
|
||||
// 用户可以通过手动刷新来获取最新数据
|
||||
|
||||
} catch (error) {
|
||||
console.error('创建仓库失败:', error);
|
||||
showToast('创建仓库失败');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除仓库
|
||||
*/
|
||||
async deleteWarehouse(warehouseId: number): Promise<void> {
|
||||
try {
|
||||
await warehouseService.deleteWarehouse(warehouseId);
|
||||
|
||||
showToast('仓库删除成功');
|
||||
console.log(`仓库 ${warehouseId} 已删除`);
|
||||
|
||||
// 不需要重新加载仓库数据,因为仓库数据变化不频繁
|
||||
// 用户可以通过手动刷新来获取最新数据
|
||||
|
||||
} catch (error) {
|
||||
console.error('删除仓库失败:', error);
|
||||
showToast('删除仓库失败');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 强制刷新仓库数据(忽略缓存)
|
||||
*/
|
||||
async forceRefreshWarehouses(): Promise<void> {
|
||||
console.log('强制刷新仓库数据');
|
||||
return this.loadWarehouses(true);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user