zlwuandCursor
a4b13fa2bc
Track the weighbridge mobile-h5 codebase (excluding node_modules, dist, and local .env) so subsequent adaptation tasks can evolve it in-repo. Co-authored-by: Cursor <cursoragent@cursor.com>
7.9 KiB
7.9 KiB
Mobile-H5 与 Web 端功能对比报告
总体概览
| 界面 | Mobile-H5 | Web端 | 功能一致性 | 备注 |
|---|---|---|---|---|
| 登录 | ✅ | ✅ | ✅ 基本一致 | UI适配移动端 |
| 仪表盘 | ✅ | ✅ | ⚠️ 部分差异 | 缺少图表展示 |
| 计划管理 | ✅ | ✅ | ⚠️ 部分差异 | 缺少导出功能、查看关联数据 |
| 出入库管理 | ✅ | ✅ | ⚠️ 部分差异 | 缺少导出功能、查看关联数据 |
| 地磅单管理 | ✅ | ✅ | ⚠️ 部分差异 | 缺少导出功能、查看关联数据 |
| 基础资料 | ✅ | ✅ | ⚠️ 部分差异 | 缺少弹窗编辑（使用详情页） |
| 用户管理 | ✅ | ✅ | ⚠️ 部分差异 | 缺少弹窗编辑（使用详情页） |
详细对比
1. 登录界面 ✅
功能一致性：基本一致
Mobile-H5:
- ✅ 用户名/密码输入
- ✅ 登录按钮
- ✅ 登录成功跳转
- ✅ 错误提示
Web端:
- ✅ 用户名/密码输入
- ✅ 记住密码选项
- ✅ 登录按钮
- ✅ 登录成功跳转
- ✅ 错误提示
- ✅ 主题切换
- ✅ 语言切换
差异：
- Web端有"记住密码"功能
- Web端有主题和语言切换功能（移动端不需要）
2. 仪表盘 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 今日入库/出库统计（车数）
- ✅ 菜单导航（计划管理、出入库管理、地磅单管理、基础资料、用户管理）
- ✅ 用户信息显示
- ✅ 退出登录
Web端:
- ✅ 今日入库/出库统计（车数）
- ✅ 今日入库量图表（按货物，t）
- ✅ 今日出库量图表（按货物，t）
差异：
- ❌ Mobile-H5 缺少图表展示功能
- ❌ Mobile-H5 缺少按货物统计的图表
- ✅ Mobile-H5 有菜单导航（Web端通过侧边栏导航）
建议：
- 考虑在移动端添加简化的图表展示（可选，因为移动端屏幕较小）
3. 计划管理 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 列表展示（卡片式）
- ✅ 搜索功能（往来单位/计划号）
- ✅ 新增计划
- ✅ 编辑计划
- ✅ 删除计划
- ✅ 生成出入库单
- ✅ 分页加载
Web端:
- ✅ 列表展示（表格）
- ✅ 搜索功能（往来单位/计划号）
- ✅ 新增计划（弹窗）
- ✅ 编辑计划（弹窗）
- ✅ 删除计划
- ✅ 生成出入库单
- ✅ 查看关联数据（弹窗显示关联的出入库单和地磅单）
- ✅ 导出Excel
- ✅ 分页
差异：
- ❌ Mobile-H5 缺少导出Excel功能
- ❌ Mobile-H5 缺少查看关联数据功能（Web端可以查看计划关联的出入库单和地磅单）
- ✅ Mobile-H5 使用详情页编辑（Web端使用弹窗）
- ✅ Mobile-H5 使用卡片式展示（Web端使用表格）
建议：
- 添加导出功能（可以导出为CSV或Excel）
- 添加查看关联数据功能（可以在详情页或弹窗中显示）
4. 出入库管理 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 列表展示（卡片式）
- ✅ 搜索功能（往来单位/产品）
- ✅ 新增记录
- ✅ 编辑记录
- ✅ 删除记录
- ✅ 生成地磅单
- ✅ 分页加载
Web端:
- ✅ 列表展示（表格）
- ✅ 搜索功能（往来单位/产品）
- ✅ 新增记录（弹窗）
- ✅ 编辑记录（弹窗）
- ✅ 删除记录
- ✅ 生成地磅单
- ✅ 查看关联数据（弹窗显示关联的计划和地磅单）
- ✅ 导出Excel
- ✅ 分页
- ✅ 显示更多字段（净重、毛重、皮重、扣杂等）
差异：
- ❌ Mobile-H5 缺少导出Excel功能
- ❌ Mobile-H5 缺少查看关联数据功能（Web端可以查看出入库单关联的计划和地磅单）
- ❌ Mobile-H5 缺少显示净重、毛重、皮重、扣杂等字段（这些字段在地磅单中）
- ✅ Mobile-H5 使用详情页编辑（Web端使用弹窗）
- ✅ Mobile-H5 使用卡片式展示（Web端使用表格）
建议：
- 添加导出功能
- 添加查看关联数据功能
- 考虑在详情页显示更多字段
5. 地磅单管理 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 列表展示（卡片式）
- ✅ 搜索功能（车牌号/货物名称）
- ✅ 新增地磅单
- ✅ 编辑地磅单
- ✅ 删除地磅单
- ✅ 作废地磅单
- ✅ 分页加载
- ✅ 显示作废状态
Web端:
- ✅ 列表展示（表格）
- ✅ 搜索功能（车牌号/货物名称）
- ✅ 新增地磅单（弹窗）
- ✅ 编辑地磅单（弹窗）
- ✅ 删除地磅单
- ✅ 作废地磅单
- ✅ 查看关联数据（弹窗显示关联的计划和出入库单）
- ✅ 导出Excel
- ✅ 分页
- ✅ 显示更多字段（计划单号、出入库单号、本次量、净重、毛重、皮重、扣杂等）
差异：
- ❌ Mobile-H5 缺少导出Excel功能
- ❌ Mobile-H5 缺少查看关联数据功能（Web端可以查看地磅单关联的计划和出入库单）
- ❌ Mobile-H5 缺少显示计划单号、出入库单号、本次量等字段
- ✅ Mobile-H5 使用详情页编辑（Web端使用弹窗）
- ✅ Mobile-H5 使用卡片式展示（Web端使用表格）
建议：
- 添加导出功能
- 添加查看关联数据功能
- 在列表或详情页显示更多字段
6. 基础资料 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 往来单位管理（Tab切换）
- ✅ 货物管理（Tab切换）
- ✅ 搜索功能
- ✅ 新增（跳转到详情页）
- ✅ 编辑（跳转到详情页）
- ✅ 删除
- ✅ 分页加载
Web端:
- ✅ 往来单位管理（Tab切换）
- ✅ 货物管理（Tab切换）
- ✅ 搜索功能
- ✅ 新增（弹窗）
- ✅ 编辑（弹窗）
- ✅ 删除
- ✅ 分页
差异：
- ✅ Mobile-H5 使用详情页编辑（Web端使用弹窗）
- ✅ Mobile-H5 使用卡片式展示（Web端使用表格）
功能基本一致，只是交互方式不同（弹窗 vs 详情页）
7. 用户管理 ⚠️
功能一致性：部分差异
Mobile-H5:
- ✅ 列表展示（卡片式）
- ✅ 新增用户（跳转到详情页）
- ✅ 编辑用户（跳转到详情页）
- ✅ 删除用户
- ✅ 禁止删除admin用户
- ✅ 分页加载
Web端:
- ✅ 列表展示（表格）
- ✅ 新增用户（弹窗）
- ✅ 编辑用户（弹窗）
- ✅ 删除用户
- ✅ 禁止删除admin用户
- ✅ 分页
差异：
- ✅ Mobile-H5 使用详情页编辑（Web端使用弹窗）
- ✅ Mobile-H5 使用卡片式展示（Web端使用表格）
功能基本一致，只是交互方式不同（弹窗 vs 详情页）
总结
功能缺失清单
-
仪表盘
- ❌ 缺少图表展示（按货物统计的入库/出库量）
-
计划管理
- ❌ 缺少导出Excel功能
- ❌ 缺少查看关联数据功能
-
出入库管理
- ❌ 缺少导出Excel功能
- ❌ 缺少查看关联数据功能
- ❌ 缺少显示净重、毛重、皮重、扣杂等字段
-
地磅单管理
- ❌ 缺少导出Excel功能
- ❌ 缺少查看关联数据功能
- ❌ 缺少显示计划单号、出入库单号、本次量等字段
交互方式差异（可接受）
- Mobile-H5 使用详情页进行新增/编辑，Web端使用弹窗
- Mobile-H5 使用卡片式列表，Web端使用表格
- 这些差异是合理的，因为移动端和PC端的交互习惯不同
建议优先级
高优先级：
- 添加查看关联数据功能（计划、出入库、地磅单之间的关联关系）
- 添加导出功能（Excel/CSV）
中优先级： 3. 在详情页或列表中添加更多字段显示 4. 考虑添加简化的图表展示（可选）
低优先级： 5. 保持当前的交互方式差异（详情页 vs 弹窗）是合理的
备注
- Mobile-H5 的详情页功能需要单独检查，本报告主要对比列表页功能
- 所有界面都支持基本的CRUD操作，核心功能一致
- 移动端适配良好，交互体验符合移动端习惯