app用户管理.md 4.5 KB

6. 用户管理模块

6.1 用户列表管理

入口: 设备信息页 → 点击用户切换按钮 你这儿帮我设计一下怎么弄。最好切换了用户后能在设备信息页面也能显示当前用户,看放到设备信息页面的哪里合适。

页面布局:

+----------------------------------+
|  <  用户管理          [+ 新增]   |
+----------------------------------+
|  最多可添加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提示错误

详细错误提示清单:

场景 错误提示
删除最后一个用户 "至少保留一个用户"
删除失败 "删除失败,请重试"
编辑时用户不存在 "用户信息已过期,请刷新"
网络错误 "网络连接失败,请检查网络"

6.2 体形数据录入

页面布局:

+----------------------------------+
|  <  体形参数                      |
+----------------------------------+
|  请录入体形参数,用于精准定位穴位   |
+----------------------------------+
|                                    |
|  肩高(地面到肩膀的高度,cm)       |
|  +------------------------------+  |
|  | 例如:135                     |  |
|  +------------------------------+  |
|  [========滑块========] 135cm    |
|                                    |
|  肩宽(两肩之间的宽度,cm)         |
|  +------------------------------+  |
|  | 例如:42                      |  |
|  +------------------------------+  |
|  [========滑块========] 42cm     |
|                                    |
|  体重(kg)                        |
|  +------------------------------+  |
|  | 例如:65                      |  |
|  +------------------------------+  |
|                                    |
|  +------------------------------+  |
|  |            保存              |  |
|  +------------------------------+  |
+----------------------------------+

操作流程:

步骤1:进入体形参数页
  → 如已有数据则回显

步骤2:填写肩高
  → 输入框输入数字
  → 或拖动滑块调节
  → 范围:50-250cm

步骤3:填写肩宽
  → 输入框输入数字
  → 或拖动滑块调节
  → 范围:20-80cm

步骤4:填写体重
  → 输入框输入数字
  → 范围:10-300kg

步骤5:点击保存
  → 校验所有字段
  → 调用体形数据保存接口
  → 后台触发穴位坐标计算算法
  → 保存成功:返回上一页
  → 保存失败:提示错误