# 海韵物流管理系统-扫码APP **Repository Path**: yang230147961/Scan-code-APP ## Basic Information - **Project Name**: 海韵物流管理系统-扫码APP - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-05-16 - **Last Updated**: 2026-05-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # WMS Mobile - 智能物料出入库管理系统 基于 uni-app Vue 3 版本开发的移动端应用。 ## 技术栈 - **框架**: uni-app (Vue 3) - **样式**: uni.scss + 内联样式 - **图标**: uni-ui - **状态管理**: uni 响应式 API (reactive/ref) - **路由**: uniapp 静态路由 ## 项目结构 ``` ScanCodeAPP/ ├── pages/ # 页面 │ ├── index/ # 首页入口 │ ├── login/ # 登录页 │ ├── home/ # 首页(入库单+出库记录) │ ├── order-detail/ # 入库单详情 │ ├── outbound/ # 出库操作 │ ├── outbound-detail/ # 出库单详情 │ ├── profile/ # 个人中心 │ └── success/ # 操作成功页 ├── components/ # 组件 │ └── ScannerModal.vue # 扫码弹窗 ├── store/ # 状态管理 │ └── app.ts # 应用状态 ├── static/ # 静态资源 │ └── tab-*.png # Tabbar 图标 ├── docs/ # 文档 ├── manifest.json # 应用配置 ├── pages.json # 路由配置 ├── uni.scss # 全局样式 └── package.json # 依赖配置 ``` ## 运行项目 ### 使用 HBuilderX 1. 用 HBuilderX 打开此项目 2. 安装 uni-ui 插件:在 HBuilderX 中搜索 `uni-ui` 并安装 3. 运行到浏览器/模拟器/真机 ### 使用 CLI ```bash # 安装依赖 npm install # 安装 uni-ui npm install @dcloudio/uni-ui # 运行开发服务器 npm run dev # 构建生产版本 npm run build ``` ## 功能模块 ### 登录模块 - 员工账号密码登录 - 记住登录状态 ### 入库管理 - 查看待入库单据列表 - 入库单详情查看 - 扫码录入物料 - 数量手动修改 - 入库差异核对 - 仓库选择 ### 出库管理 - 右下角悬浮按钮快速进入 - 出库单创建 - 扫码录入出库物资 - 出库记录查看 ### 个人中心 - 用户信息展示 - 统计数据概览 - 出库记录快速访问 - 系统设置入口 ## 权限配置 应用需要以下权限: ### Android - 相机权限(扫码功能) - 蓝牙权限(扫码枪连接) ### iOS - 相机权限(扫码功能) 这些权限已在 `manifest.json` 中配置。 ## 图标说明 Tabbar 图标位于 `static/` 目录: - `tab-home.png` / `tab-home-active.png` - 首页 - `tab-profile.png` / `tab-profile-active.png` - 我的 如需更换图标,请替换对应 PNG 文件。 ## 注意事项 1. 扫码功能需要相机权限,真机测试时请授权 2. Tabbar 图标建议尺寸 81x81 像素 3. Store 中使用了 localStorage 持久化登录状态