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>
290 lines
7.9 KiB
Markdown
290 lines
7.9 KiB
Markdown
# 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操作，核心功能一致
|
||
- 移动端适配良好，交互体验符合移动端习惯
|
||
|