WIDESEA WMS 前端系统

基于 Vue 3 + TypeScript + Ant Design Vue 的仓库管理系统前端。

技术栈

• Vue 3.4
• TypeScript 5.3
• Vite 5.0
• Ant Design Vue 4.1
• Vue Router 4.2
• Pinia 2.1
• Axios 1.6

功能模块

系统管理

• 用户管理
• 角色管理
• 菜单管理
• 字典管理
• 日志管理
• 租户管理

基础信息

• 仓库管理
• 货位管理
• 物料管理
• 物料编码管理
• 托盘编码管理

入库管理

• 入库单管理
• 入库单明细
• 采购单管理
• 收货单管理

出库管理

• 出库单管理
• 出库单明细
• 出库锁定信息

库存管理

• 库存信息
• 库存明细
• 库存视图

盘点管理

• 盘点单管理
• 盘点结果

任务管理

• 任务信息
• 任务历史

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

配置

后端 API 地址配置在 vite.config.ts 中：

server: {
  proxy: {
    '/api': {
      target: 'http://localhost:9291',
      changeOrigin: true,
    },
  },
}

目录结构

src/
├── api/              # API 接口
├── assets/           # 静态资源
├── components/       # 公共组件
├── layouts/          # 布局组件
├── router/           # 路由配置
├── stores/           # Pinia 状态管理
├── types/            # TypeScript 类型定义
├── utils/            # 工具函数
├── views/            # 页面组件
├── App.vue           # 根组件
└── main.ts           # 入口文件

认证机制

系统使用 JWT Token 进行认证：
- Token 存储在 localStorage
- 请求头自动添加 Authorization: Bearer {token}
- Token 过期自动刷新
- 未认证自动跳转登录页

许可证

MIT