人才卡页面操作说明

页面信息

  • 页面名称:人才卡
  • 路由:/pages/card/card
  • 源码:pages/card/card.uvue
  • 入口:首页及五模块底部导航中间“人才卡”。
  • 当前状态:设计图视觉与本地交互首版已完成,真实人才卡信息、动态人才码和咨询接口待接入。

功能点

功能 当前实现 后续接口目标
人才卡卡面 使用用户提供的 icon/卓越.png 纯卡面底图压缩版本,姓名、性别、编号和工作单位通过页面字段动态叠加。 后台返回真实人才卡字段,前端按卡种选择对应卡面底图。
亮码享优惠 使用用户提供的“亮码享优惠”图标和本地标签。 根据人才卡状态决定是否允许亮码。
动态人才码 当前使用设计图演示二维码,点击可触发刷新提示。 后台返回短时效动态码或二维码内容,并按 60 秒周期安全刷新。
服务专员 展示服务专员名称和所属部门。 后台返回当前人才对应的服务专员信息。
在线咨询 当前显示待接入提示。 接入客服会话、企微客服或后台配置的咨询能力。
拨打电话 调用微信拨号能力,当前使用演示号码。 使用后台返回的服务专员联系电话。
底部导航 使用五模块自定义导航,中间人才卡处于选中状态。 保持各主模块样式和安全区策略同步。
游客状态 展示人才卡介绍、申请入口及卓越/杰出/菁英三类完整卡面;卡面按原始 1005×635 比例完整展示,不使用裁切填充。 后台返回人才卡申请开放状态、卡种列表和申请条件。

操作说明

  1. 用户从底部导航进入人才卡页面。
  2. 查看本人卓越人才卡基本信息。
  3. 向商户出示动态人才码享受对应权益。
  4. 点击二维码可手动刷新当前演示人才码。
  5. 点击“在线咨询”联系服务专员,或点击“拨打电话”调起微信拨号。

游客状态下可上下浏览三类人才卡,点击“立即申请”或“点击查看申请条件”查看线下办理提示。

异常处理

场景 页面处理要求
未登录 进入登录页,登录成功后返回人才卡页。
未认证或无人才卡 展示人才卡申请/认证引导,不展示二维码。
人才卡已过期或冻结 明确展示卡状态和原因,禁止生成可核销二维码。
二维码刷新失败 保留失效提示,不继续展示可能过期的二维码;提供重试。
二维码截图或超时 后台核销时校验时效、用户、商户和一次性状态。
服务专员信息缺失 隐藏对应咨询入口并提示暂未配置。

数据与安全约定

  • 姓名、人才编号和工作单位属于个人信息,接口必须最小化返回并按要求脱敏。
  • 动态人才码不得使用长期固定二维码,需包含短时效、签名或一次性核销机制。
  • 前端不得自行生成可核销凭证,二维码内容必须由可信后台签发。
  • 当前卡面个人信息和二维码仅用于视觉演示,真实上线前必须替换为后台数据。