人才卡页面操作说明
页面信息
- 页面名称:人才卡
- 路由:
/pages/card/card
- 源码:
pages/card/card.uvue
- 入口:首页及五模块底部导航中间“人才卡”。
- 当前状态:设计图视觉与本地交互首版已完成,真实人才卡信息、动态人才码和咨询接口待接入。
功能点
| 功能 |
当前实现 |
后续接口目标 |
| 人才卡卡面 |
使用用户提供的 icon/卓越.png 纯卡面底图压缩版本,姓名、性别、编号和工作单位通过页面字段动态叠加。 |
后台返回真实人才卡字段,前端按卡种选择对应卡面底图。 |
| 亮码享优惠 |
使用用户提供的“亮码享优惠”图标和本地标签。 |
根据人才卡状态决定是否允许亮码。 |
| 动态人才码 |
当前使用设计图演示二维码,点击可触发刷新提示。 |
后台返回短时效动态码或二维码内容,并按 60 秒周期安全刷新。 |
| 服务专员 |
展示服务专员名称和所属部门。 |
后台返回当前人才对应的服务专员信息。 |
| 在线咨询 |
当前显示待接入提示。 |
接入客服会话、企微客服或后台配置的咨询能力。 |
| 拨打电话 |
调用微信拨号能力,当前使用演示号码。 |
使用后台返回的服务专员联系电话。 |
| 底部导航 |
使用五模块自定义导航,中间人才卡处于选中状态。 |
保持各主模块样式和安全区策略同步。 |
| 游客状态 |
展示人才卡介绍、申请入口及卓越/杰出/菁英三类完整卡面;卡面按原始 1005×635 比例完整展示,不使用裁切填充。 |
后台返回人才卡申请开放状态、卡种列表和申请条件。 |
操作说明
- 用户从底部导航进入人才卡页面。
- 查看本人卓越人才卡基本信息。
- 向商户出示动态人才码享受对应权益。
- 点击二维码可手动刷新当前演示人才码。
- 点击“在线咨询”联系服务专员,或点击“拨打电话”调起微信拨号。
游客状态下可上下浏览三类人才卡,点击“立即申请”或“点击查看申请条件”查看线下办理提示。
异常处理
| 场景 |
页面处理要求 |
| 未登录 |
进入登录页,登录成功后返回人才卡页。 |
| 未认证或无人才卡 |
展示人才卡申请/认证引导,不展示二维码。 |
| 人才卡已过期或冻结 |
明确展示卡状态和原因,禁止生成可核销二维码。 |
| 二维码刷新失败 |
保留失效提示,不继续展示可能过期的二维码;提供重试。 |
| 二维码截图或超时 |
后台核销时校验时效、用户、商户和一次性状态。 |
| 服务专员信息缺失 |
隐藏对应咨询入口并提示暂未配置。 |
数据与安全约定
- 姓名、人才编号和工作单位属于个人信息,接口必须最小化返回并按要求脱敏。
- 动态人才码不得使用长期固定二维码,需包含短时效、签名或一次性核销机制。
- 前端不得自行生成可核销凭证,二维码内容必须由可信后台签发。
- 当前卡面个人信息和二维码仅用于视觉演示,真实上线前必须替换为后台数据。