# 学生托付详情页面操作说明

## 页面信息

- 页面名称：学生托付详情（子女托管）
- 路由：`/pages/children-entrustment/children-entrustment`
- 源码：`pages/children-entrustment/children-entrustment.uvue`
- 入口：臻享礼遇页"学生托付"分类点击服务项进入。
- 当前状态：已按设计图完成第二轮视觉修正与本地交互，真实权益说明、学校列表与接口待接入。

## 功能点

| 功能 | 当前实现 | 后续接口目标 |
| --- | --- | --- |
| 沉浸式头图 | 顶部展示头图，自定义导航透明叠加，返回按钮固定。 | 后台返回专题头图 URL。 |
| 权益标识 | 标题"子女托管"独立一行，"卓越卡可用"标签位于标题下方，保持设计图信息层级。 | 后台返回权益名称与适用人才卡类型。 |
| 标签切换 | "使用说明"与"学校地址"两个标签，点击切换内容区。 | 标签配置由后台返回。 |
| 使用说明 | 白底卡片按设计稿收紧为固定展示高度，展示后台纯文本权益说明。 | 后台返回安全纯文本权益说明；超长内容需按最终产品规则决定滚动或展开。 |
| 学校地址 | 按设计图展示学校名称，点击名称进入学校介绍详情；已补学校列表加载、空、失败和重试，定位和电话按钮保持独立热区。 | 后台返回学校 ID、名称、地址、经纬度、联系电话、排序及详情可用状态。 |
| 出示人才码 | 底部左侧渐变按钮使用素材库二维码图标，点击进入现有人才卡页面。 | 后续可改为直接调起人才码展示组件。 |
| 子女信息 | 底部右侧渐变按钮使用素材库子女信息图标，点击进入子女信息列表页。 | 子女信息列表接口接入。 |

## 操作说明

1. 用户从臻享礼遇页选择"学生托付"分类，点击服务项进入本页。
2. 在"使用说明"标签查看权益说明文本。
3. 切换到"学校地址"标签，点击学校名称进入学校介绍详情；点击定位图标查看地图位置，点击电话图标联系学校。
4. 点击底部"出示人才码"进入现有人才卡页面展示人才码。
5. 点击底部"子女信息"进入子女信息管理页。
6. 点击左上角返回按钮回到臻享礼遇页。

## 异常处理

| 场景 | 页面处理要求 |
| --- | --- |
| 学校列表为空 | 展示"暂无相关学校"空状态。 |
| 学校列表加载失败 | 在“学校地址”标签内展示失败和重新加载，不影响使用说明及底部操作。 |
| 学校无经纬度 | 禁用定位入口，不得调起错误坐标。 |
| 学校电话为空 | 隐藏电话入口。 |
| 学校停用 | 不展示或明确标记停用。 |

## 接口预留

- 权益信息：权益 ID、名称、适用人才卡、头图 URL、启用状态。
- 使用说明：安全纯文本权益说明。
- 学校列表：学校 ID、名称、地址、经纬度、联系电话、排序、启用状态和详情可用状态。
- 人才码展示：调起人才码弹窗或页面，支持亮码享优惠。