个人中心

提示

当前这篇文档标题叫“个人中心”，但真实移动端入口是底部 标签页 我的。它不是只有一个“账号资料页”，而是一个围绕 我的首页、个人中心、财务申请、财务申请记录、扫码 组成的个人入口聚合页。

页面定位

移动端 我的 主要承担三类事情：

• 查看当前登录人的个人资料与账号安全设置；
• 进入与自己直接相关的常用能力入口，例如财务申请、财务申请记录、扫码；
• 处理个人账号动作，例如修改密码、微信绑定/解绑、退出登录。

它更适合解决这些问题：

• 我想确认自己当前登录的是谁、属于哪个部门、有哪些角色；
• 我想修改密码、绑定微信或退出登录；
• 我想从个人入口发起财务申请、查看自己的申请记录；
• 我想通过微信扫码跳到订单、批次、发货详情等页面。

它不适合替代：

• 订单、生产、交付等业务工作台本身；
• 设计师工作台里的 量尺宝 等专业能力入口；
• 一个“默认所有人都显示相同功能”的固定菜单页。

谁会用到这个页面

几乎所有移动端用户都会用到 我的，但看到的功能入口不一定一样。

这是因为：

• 进入 我的 模块本身需要对应权限；
• “常用功能”里的财务申请、财务申请记录、扫码，还会继续按菜单权限动态过滤。

也就是说，同样叫“我的”，不同账号看到的入口数量可能不同。

建议你先看哪里

第一次使用时，建议按这个顺序理解：

1. 先看 我的首页，理解顶部用户卡片和“常用功能”区分别承接什么；
2. 再看 个人中心，理解资料查看、修改密码、微信绑定、退出登录；
3. 再看 财务申请 / 财务申请记录，理解它们和订单、财务审批之间的关系；
4. 最后看 扫码，理解它其实是微信扫码中转页，而不是扫码结果中心。

页面整体结构

当前 我的 模块在移动端的真实结构如下：

菜单	当前状态	作用
我的首页	隐藏首页入口	展示个人信息卡片和常用功能宫格
个人中心	隐藏页	查看资料、修改密码、微信绑定/解绑、退出登录
财务申请	可见功能入口	发起一笔财务申请
财务申请记录	可见功能入口	查看自己提交过的申请记录
扫码	可见功能入口	微信扫码并按二维码场景跳到目标页面

其中：

• 模块权限：对应权限
• 财务申请 / 财务申请记录权限：对应权限
• 扫码权限：对应权限
• 个人中心 不会出现在常用功能宫格中，它是一个隐藏页面，需要点击顶部用户卡片进入

这张图要帮你先看懂：“我的”不是单页，它更像一个个人入口聚合页，而“个人中心”只是其中一条隐藏路径。

管理员专属区域

仅超级管理员可见

这个区域只对超级管理员账号开放，并且必须在系统启用了多租户功能的情况下才会显示。普通用户进入"我的"页面时，不会看到这个区域，也不需要关心它的存在。

在"我的"首页中，如果当前登录账号是超级管理员，并且系统开启了多租户，页面顶部会出现一个"管理员专属"卡片，里面有一个"切换租户"入口。

切换租户

切换租户功能让超级管理员可以在不同工厂（租户）之间快速切换身份，方便统一管理多个工厂。

使用步骤：

1. 在"我的"页面找到"管理员专属"卡片；
2. 点击"切换租户"行，右侧会显示当前所在的租户名称；
3. 底部会弹出一个租户选择面板，列出所有可用的租户；
4. 选择目标租户后，系统会自动切换并刷新页面。

注意事项：

• 如果选择的就是当前已经在用的租户，点击后面板直接关闭，不会触发刷新；
• 切换成功后页面会整体刷新，刷新完成后即进入新的租户环境；
• 普通管理员和普通用户完全看不到这个入口。

---

我的首页

我的首页结构很简单，只有两块：

1. 顶部用户信息卡片；
2. 常用功能宫格。

顶部用户信息卡片

点击顶部整块用户卡片，就会进入 个人中心。

当前会展示的信息包括：

信息	说明
头像	优先用户头像，没有时按性别兜底
昵称	用户昵称
部门	所属部门
手机号	做脱敏显示

这里要特别注意：

• 旧理解里容易写成“姓名 + 所属工厂”，但当前首页真实直接展示的是 昵称、部门、脱敏手机号；
• 工厂代码等更完整资料不在首页，而在 个人中心 里展示。

常用功能宫格

页面标题是：常用功能

宫格入口不是固定写死的，而是根据当前账号的权限动态显示。只有你有对应权限的功能，才会出现在宫格中。

这意味着当前可能出现在这里的只有：

功能	显示条件
财务申请	有 对应权限
财务申请记录	有 对应权限
扫码	有 对应权限

首页的真实边界

当前首页：

• 没有单独“个人中心”宫格按钮；
• 没有空状态组件；
• 如果当前账号一个常用功能权限都没有，那么“常用功能”整块就不会渲染。

因此正式教程里不应写成“所有人都会固定看到扫码、财务申请、财务申请记录”。

个人中心

个人中心 是从我的首页顶部用户卡片点进去的隐藏页，不是常用功能里的显式菜单。

页面主要分为：

1. 顶部头像区；
2. 基本信息；
3. 账号安全；
4. 退出登录按钮；
5. 修改密码弹窗。

顶部头像区

展示：

• 头像；
• 昵称；
• 部门。

基本信息

真实展示字段包括：

信息	说明
手机号码	脱敏显示
用户邮箱	账号邮箱
所属角色	Tag 列表，无角色时显示 -
工厂代码	工厂代码
创建时间	账号创建时间

账号安全

这里有两个主要入口：

• 修改密码；
• 微信绑定。

修改密码

点击后会打开底部弹窗，而不是跳到新页面。

弹窗里的真实字段：

字段	说明
旧密码	当前登录密码
新密码	新密码
确认密码	再输入一次新密码

当前前端已写明的校验包括：

• 三项都必填；
• 新密码和确认密码长度 5-30 位；
• 两次新密码必须一致。

成功后提示：

密码修改成功

微信绑定 / 解绑

这是当前个人中心里比较特殊的一条功能线。

真实行为是：

• 如果当前已绑定，点击后会先弹确认框，再执行解绑；
• 如果当前未绑定，会先取微信 应用标识，再跳转到微信 OAuth 绑定流程；
• 授权完成后，页面会自动完成绑定。

所以它不是一个简单的“开关按钮”，而是一条完整的微信授权链路。

退出登录

点击底部 退出登录 后，会先确认，再执行登出。

个人中心的真实边界

当前页面：

• 没有独立空状态页；
• 字段没有值时，大多显示 -；
• 修改密码、微信绑定、退出登录都在这一页完成，不再拆到额外的子页面。

财务申请

财务申请 虽然挂在“我的”下面，但它不是单纯“个人资料附属功能”，而是一个完整表单页。

它有两种真实入口：

1. 从 我的 → 财务申请 直接进入；
2. 从 我的订单 某条订单的“财务”按钮进入，并自动带入订单编号。

从订单列表发起的实现。：

页面结构

页面主要包括：

1. 表单区；
2. 支付凭证上传区；
3. 底部提交按钮；
4. 订单选择弹窗；
5. 财务项目选择器；
6. 日期选择器；
7. 时间选择器；
8. 支付方式历史选择。

表单字段

真实字段包括：

字段	说明
订单编号	订单编号
财务项目	财务项目
支付金额	支付金额
支付时间	支付时间
支付方式	支付方式
备注	备注
支付凭证	支付凭证

订单编号的两种行为

从“我的”直接进入

用户需要自己选择订单。

从“我的订单”进入

如果是从订单页面跳转过来的，页面会回显订单编号，并且通常不再允许重新选择。

支付时间

当前前端不是直接输完整时间，而是分两步：

1. 先选日期；
2. 再选时间；
3. 最终拼成完整的 时间格式。

支付方式

支付方式既支持手填，也支持调用本地历史。

• 本地历史键：本地缓存
• 只有本地存在历史时，右侧历史图标才会显示。

这里还要特别注意：当前前端把 支付方式 也作为必填项，不是可有可无的补充信息。

支付凭证

这是当前页面最明确的前置条件之一。

真实限制：

• 最多上传 3 张；
• 单张不超过 20MB；
• 仅接受图片；
• 上传成功后系统自动保存。

提交规则

提交成功必须满足：

• 表单校验通过；
• 当前必填项都已填写，包括支付方式；
• 已上传至少 1 张支付凭证。

如果没上传支付凭证，当前会直接提示：

请上传支付凭证

提交成功后：

• 如支付方式非空，会更新本地支付方式历史；
• 提示：提交成功；
• 返回上一页。

财务申请的真实边界

当前文档口径里要注意两点：

• 财务申请入口不只在“我的”，也可能从订单上下文发起；
• 它不是“只填几项就提交”的极简页，已经带有订单、项目、金额、时间、支付方式、备注、凭证上传等完整输入链路。

财务申请记录

这个页面用于查看自己提交过的财务申请记录。

页面结构

当前页面主要分为：

1. 搜索栏；
2. 审核状态筛选；
3. 财务项目筛选；
4. 列表区；
5. 空状态。

搜索和筛选

支持：

• 搜索订单编号；
• 按审核状态筛选；
• 按财务项目筛选。

审核状态真实选项为：

选项	说明
全部状态	不限制
待审核	仅看待审核
审核通过	仅看通过
审核驳回	仅看驳回

列表卡片

每条卡片会展示：

信息	说明
订单号	订单编号
审核状态	Tag
财务项目	当前财务项目
支付金额	当前申请金额
订单名称	订单名称
时间	申请时间

详情跳转

点击卡片后，会跳到：

• 财务审批模块的申请详情页

也就是说：

• 记录列表属于 "我的"模块；
• 详情页实际落在 "财务审批"模块下的申请详情页。

空状态

当列表没有数据时，显示：

暂无申请记录

扫码

这里最容易被误解。当前 扫码 不是一个带历史记录或手工录码功能的“扫一扫中心”，而是一个微信扫码中转页。

真实使用前提

• 必须在微信浏览器中使用；
• 底层依赖微信的扫码能力；
• 页面本身不保存扫码历史。

底层实现。：

页面状态分支

当前页面主要有这些状态：

状态	说明
扫码中 / 跳转中	正在等待扫码或准备跳转
非微信环境	提示必须在微信中使用
扫码失败	显示失败信息
无法识别 / 无法访问	二维码不支持或目标页不存在
启动中等待态	页面初始化中

两种进入方式

方式一：页面没有参数

如果当前在微信环境里，页面会自动发起微信扫码。

方式二：通过链接参数直接跳转

页面会直接按二维码场景解析，不再调起扫码。

当前支持识别的二维码场景

当前扫码最终支持的目标场景主要包括：

场景	作用
订单二维码	跳到订单详情
批次二维码	跳到批次上报相关页面
发货单二维码	跳到发货单详情

所以正式文档不应只写"支持订单二维码、批次二维码"，因为当前还明确支持发货单二维码。

扫码失败和按钮

当前页面可能出现这些提示：

• 请在微信中使用
• 此二维码无法识别，请扫描智ERP系统提供的二维码
• 无法识别的二维码类型
• 该功能正在开发中，敬请期待
• 具体扫码错误信息

也就是说，扫码页的异常分支不只是一种“扫码失败”，还要区分：

• 非微信环境，根本不能调起微信扫码；
• 二维码内容无法被系统识别；
• 二维码场景能识别，但对应功能页尚未接通；
• 已调起扫码，但扫码过程本身报错。

按钮显隐规则：

• 返回首页：在多数异常/提示态下都可见；
• 重新扫码：
  • 扫码失败时显示；
  • 识别失败/无法访问时，仅微信环境下显示；
  • 非微信环境下不显示。

扫码取消

如果用户是在微信扫码过程中主动取消，并且页面没有拿到结果也没有报错，当前会自动返回上一页。

这张图要帮你理解：扫码页本质上是“识别并跳转”的中转页，而不是扫码结果管理页。

与“个人能力入口”的关系

这一点需要单独说明，因为容易写错。

当前 我的 模块里没有找到“个人能力”或同名入口。

本次核对里，最接近“个人专业能力入口”的是：

• 设计师工作台 下的 量尺宝

也就是说：

• 如果旧理解把某些“能力型入口”归到了 我的，需要纠正；
• 当前 我的 更准确的定位，是“个人资料 + 个人相关常用功能入口”。

页面里的真实流程

场景一：查看个人资料并修改密码

1. 进入底部 我的；
2. 点击顶部用户信息卡片；
3. 进入 个人中心；
4. 查看手机号、邮箱、角色、工厂代码、创建时间；
5. 点击 修改密码；
6. 输入旧密码、新密码、确认密码；
7. 保存成功后关闭弹窗。

场景二：绑定或解绑微信

1. 从 我的 进入 个人中心；
2. 在 账号安全 中查看当前绑定状态；
3. 未绑定时，发起微信 OAuth 绑定；
4. 已绑定时，可先确认再解绑。

场景三：发起一笔财务申请

1. 从 我的 点击 财务申请，或从 我的订单 某张单的“财务”按钮进入；
2. 确认订单编号；
3. 选择财务项目；
4. 填写金额、时间、支付方式、备注；
5. 上传至少 1 张支付凭证；
6. 提交成功后返回上一页。

场景四：查看自己的财务申请记录

1. 进入 我的 → 财务申请记录；
2. 按订单编号、审核状态、财务项目筛选；
3. 点击记录进入申请详情；
4. 查看审核结果和详情内容。

常见问题

为什么我在“我的”页看不到扫码或财务申请？

因为这些入口不是固定显示，而是按权限动态过滤的。当前至少会受这些权限影响：

• 对应权限

为什么我没看到“个人中心”这个宫格按钮？

因为 个人中心 当前是隐藏页，不在常用功能区展示。真实进入方式是：点击“我的”页顶部用户信息卡片。

为什么财务申请详情看起来像进入了别的模块？

因为当前前端确实是这样设计的：

• 列表在 "我的"模块；
• 详情跳到 对应的详情页。

所以这不是你点错，而是当前真实路由承接方式。

为什么扫码页提示“请在微信中使用”？

因为当前移动端扫码能力依赖微信，只支持在微信浏览器环境下调用扫码。

为什么我看不到"管理员专属"区域？

这个区域同时满足以下两个条件才会显示：

1. 当前登录账号是超级管理员；
2. 系统已开启多租户功能。

只要有任意一个条件不满足，这个区域就不会出现。普通账号不会看到，也不需要用到它。

为什么我取消扫码后直接返回了上一页？

因为当前页面对“主动取消且没有结果/错误”的处理逻辑，就是自动返回上一页。

为什么文档里叫“个人中心”，但我实际先进入的是“我的”？

因为旧文档标题偏窄。当前真实入口是底部 标签页 我的，而“个人中心”只是从顶部用户卡片进入的一条隐藏路径。

使用建议与最佳实践

1. 把 我的 理解成个人入口聚合页，不要把它只理解成资料页。
2. 看到常用功能缺失时，先判断是不是权限问题，而不是页面故障。
3. 如果要看完整个人信息或做账号安全操作，先点顶部用户卡片进入 个人中心。
4. 发起财务申请时，优先从订单上下文进入，这样订单号会自动带入，少一步选择。
5. 上传支付凭证前先确认图片数量和大小，避免提交前被阻断。
6. 扫码只适合当场跳转业务页面，不适合当成扫码记录管理页使用。
7. 不要把 量尺宝 这类专业能力入口误认为是"我的"里的个人能力入口，它当前属于 设计师工作台。
8. 如果你是超级管理员需要切换工厂视角，直接在"我的"首页找"管理员专属"卡片使用切换租户功能，切换后页面会自动刷新。

相关页面

• 移动端 - 先理解移动端的底部结构、工作空间与隐藏页机制
• 订单管理 - 查看“我的订单”与财务申请联动入口
• 财务审批 - 查看财务申请详情与审核页的承接关系
• 设计师工作台 - 查看 量尺宝 的真实归属与定位