# 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 ## 功能模块 ### 系统管理 - 用户管理 - 角色管理 - 菜单管理 - 字典管理 - 日志管理 - 租户管理 ### 基础信息 - 仓库管理 - 货位管理 - 物料管理 - 物料编码管理 - 托盘编码管理 ### 入库管理 - 入库单管理 - 入库单明细 - 采购单管理 - 收货单管理 ### 出库管理 - 出库单管理 - 出库单明细 - 出库锁定信息 ### 库存管理 - 库存信息 - 库存明细 - 库存视图 ### 盘点管理 - 盘点单管理 - 盘点结果 ### 任务管理 - 任务信息 - 任务历史 ## 开发 ```bash # 安装依赖 npm install # 启动开发服务器 npm run dev # 构建生产版本 npm run build # 预览生产构建 npm run preview ``` ## 配置 后端 API 地址配置在 `vite.config.ts` 中: ```typescript 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