Files
shanxia2.0/bak/mobile-h5/FUNCTION_COMPARISON.md
T
wuzilongandCursor 72d372674a chore: archive mobile-h5 under bak for reference only.
Keep WeChat miniprogram as the primary mobile path; H5 remains available for lookup.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-12 08:09:41 +08:00

7.9 KiB
Raw Blame History

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 详情页)


总结

功能缺失清单

  1. 仪表盘

    • ❌ 缺少图表展示(按货物统计的入库/出库量)
  2. 计划管理

    • ❌ 缺少导出Excel功能
    • ❌ 缺少查看关联数据功能
  3. 出入库管理

    • ❌ 缺少导出Excel功能
    • ❌ 缺少查看关联数据功能
    • ❌ 缺少显示净重、毛重、皮重、扣杂等字段
  4. 地磅单管理

    • ❌ 缺少导出Excel功能
    • ❌ 缺少查看关联数据功能
    • ❌ 缺少显示计划单号、出入库单号、本次量等字段

交互方式差异(可接受)

  • Mobile-H5 使用详情页进行新增/编辑,Web端使用弹窗
  • Mobile-H5 使用卡片式列表,Web端使用表格
  • 这些差异是合理的,因为移动端和PC端的交互习惯不同

建议优先级

高优先级:

  1. 添加查看关联数据功能(计划、出入库、地磅单之间的关联关系)
  2. 添加导出功能(Excel/CSV)

中优先级: 3. 在详情页或列表中添加更多字段显示 4. 考虑添加简化的图表展示(可选)

低优先级: 5. 保持当前的交互方式差异(详情页 vs 弹窗)是合理的


备注

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