这是一个基于 Vue 3, Vite, Ant Design Vue 和 Pinia 构建的、专为移动设备优化的库存管理系统。
- 智能登录: 实现了钉钉客户端内 H5 免密登录和客户端外 OAuth 扫码登录的混合策略。
- 一物一码: 每个库存物品都有唯一的ID和状态(在库、借出、处置)。
- 核心管理: 提供对仓库、分类、物品定义的完整CRUD操作。
- 核心流程:
- 入库: 支持批量入库、动态创建物品定义和标签打印。
- 出库: 支持扫码/选择,并区分“借出”和“处置”状态。
- 归还: 支持扫码/选择,将“借出”物品归还入库。
- 盘点: 提供准确的在库物品盘点功能。
- 高级功能:
- 仪表盘: 可视化展示关键业务指标。
- 库存总览: 强大的筛选和查询功能。
- 生命周期追溯: 记录并展示每个物品的完整操作历史。
- 移动端优化:
- 扫码: 集成了摄像头扫码功能,用于出库、归还等操作。
- UI/UX: 专为移动端优化的布局和交互。
-
安装依赖
npm install
-
配置环境变量
- 复制项目根目录下的
.env.local.example
文件并重命名为.env.local
。 - 在
.env.local
文件中填入您的钉钉应用配置:# 钉钉H5及桌面应用凭证 VITE_DINGTALK_APP_KEY=your_dingtalk_app_key_here VITE_DINGTALK_CORP_ID=your_dingtalk_corp_id_here
- 复制项目根目录下的
-
启动开发服务器
- 项目同时启动 Vite 开发服务器和
json-server
模拟后端。
npm run dev
- 默认情况下,应用会运行在
https://0.0.0.0:5173
(或另一个可用端口),允许局域网访问。模拟后端运行在http://localhost:3002
。
- 项目同时启动 Vite 开发服务器和