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）

中优先级：

在详情页或列表中添加更多字段显示
考虑添加简化的图表展示（可选）

低优先级：

保持当前的交互方式差异（详情页 vs 弹窗）是合理的

备注

Mobile-H5 的详情页功能需要单独检查，本报告主要对比列表页功能
所有界面都支持基本的CRUD操作，核心功能一致
移动端适配良好，交互体验符合移动端习惯