baoshi-asrs-web/QUICKSTART.md

快速启动指南

1. 安装依赖（已完成）

pnpm install

2. 配置系统参数

编辑 src/config/index.ts 文件，修改配置：

export const config = {
  apiBaseUrl: 'http://localhost:8114',  // 修改为你的后端地址
  warehouse: 'WH01',                     // 修改仓库代码
  refreshInterval: 30000,                // 数据刷新间隔（毫秒）
  minLevel: 1,                           // 最小楼层
  maxLevel: 6                            // 最大楼层
}

3. 启动开发服务器

pnpm dev

浏览器会自动打开 http://localhost:3000

4. 功能说明

• 顶部显示标题和楼层切换按钮（1-6层）
• 点击楼层按钮切换不同楼层的库位平面图
• 库位按资源类别显示不同颜色：
  • 绿色：A类库位
  • 蓝色：B类库位
  • 橙色：C类库位
  • 黑色：过道（响应数据中的空白位置）
• 鼠标悬停库位可查看详细信息
• 底部显示统计信息
• 每30秒自动刷新数据

5. 其他命令

# 代码格式化
pnpm format

# 代码检查
pnpm lint

# 构建生产版本
pnpm build

# 预览生产构建
pnpm preview

注意事项

• 确保后端接口 http://localhost:8114/api/basic/location/resource/selectLocLevelLocation 可访问
• 如需修改配置，编辑 src/config/index.ts 文件
• 库位平面图根据响应数据自动生成，空白位置自动识别为过道