入口: 设备信息页 → 点击用户切换按钮 你这儿帮我设计一下怎么弄。最好切换了用户后能在设备信息页面也能显示当前用户,看放到设备信息页面的哪里合适。
页面布局:
+----------------------------------+
| < 用户管理 [+ 新增] |
+----------------------------------+
| 最多可添加10个用户 |
+----------------------------------+
| [========= 用户卡片 =========] |
| 头像 张三 男 28岁 |
| 肩高:135cm 肩宽:42cm |
| [编辑] [删除] |
| [============================] |
| |
| [========= 用户卡片 =========] |
| 头像 李四 女 56岁 |
| 肩高:128cm 肩宽:38cm |
| [编辑] [删除] |
| [============================] |
+----------------------------------+
操作流程 - 查看用户列表:
步骤1:进入用户管理页
→ 调用接口获取用户列表
→ 显示loading动画
→ 加载完成显示用户卡片列表
步骤2:用户切换
→ 点击某个用户卡片
→ 该卡片高亮显示(选中状态)
→ 保存选中用户ID到本地
→ Toast提示"已切换至用户:XXX"
→ 自动返回设备详情页
操作流程 - 新增用户:
步骤1:点击右上角"+ 新增"按钮
→ 进入体形数据录入页
步骤2:填写用户信息
→ 同5.2节补充信息表单
步骤3:点击保存
→ 校验:当前用户数量是否已达到10个
→ 已达10个:Toast提示"最多可添加10个用户,请先删除其他用户"
→ 未满10个:调用新增接口
→ 成功:返回用户列表,显示新用户
→ 失败:提示错误信息
操作流程 - 编辑用户:
步骤1:点击用户卡片的"编辑"按钮
→ 进入编辑页面
→ 表单回显当前用户信息
步骤2:修改信息
→ 同新增流程
步骤3:点击保存
→ 调用编辑接口
→ 成功:返回列表页,刷新显示
操作流程 - 删除用户:
步骤1:点击用户卡片的"删除"按钮
→ 弹出确认弹窗:"确定删除用户XXX?删除后将无法恢复"
→ 按钮:"取消" / "确定删除"(红色)
步骤2:点击确定
→ 调用删除接口
→ 删除成功:移除该卡片,Toast提示"删除成功"
→ 删除失败:Toast提示错误
详细错误提示清单:
| 场景 | 错误提示 |
|---|---|
| 删除最后一个用户 | "至少保留一个用户" |
| 删除失败 | "删除失败,请重试" |
| 编辑时用户不存在 | "用户信息已过期,请刷新" |
| 网络错误 | "网络连接失败,请检查网络" |
页面布局:
+----------------------------------+
| < 体形参数 |
+----------------------------------+
| 请录入体形参数,用于精准定位穴位 |
+----------------------------------+
| |
| 肩高(地面到肩膀的高度,cm) |
| +------------------------------+ |
| | 例如:135 | |
| +------------------------------+ |
| [========滑块========] 135cm |
| |
| 肩宽(两肩之间的宽度,cm) |
| +------------------------------+ |
| | 例如:42 | |
| +------------------------------+ |
| [========滑块========] 42cm |
| |
| 体重(kg) |
| +------------------------------+ |
| | 例如:65 | |
| +------------------------------+ |
| |
| +------------------------------+ |
| | 保存 | |
| +------------------------------+ |
+----------------------------------+
操作流程:
步骤1:进入体形参数页
→ 如已有数据则回显
步骤2:填写肩高
→ 输入框输入数字
→ 或拖动滑块调节
→ 范围:50-250cm
步骤3:填写肩宽
→ 输入框输入数字
→ 或拖动滑块调节
→ 范围:20-80cm
步骤4:填写体重
→ 输入框输入数字
→ 范围:10-300kg
步骤5:点击保存
→ 校验所有字段
→ 调用体形数据保存接口
→ 后台触发穴位坐标计算算法
→ 保存成功:返回上一页
→ 保存失败:提示错误