# 行政审批页面操作说明

## 页面信息

- 页面名称：行政审批
- 路由：`/pages/admin-approval/admin-approval`
- 源码：`pages/admin-approval/admin-approval.uvue`
- 入口：臻享礼遇页“行政审批”分类点击服务项进入。
- 当前状态：已接入行政审批详情接口；窗口信息直接打开后台上传的 PDF 文件。

## 功能点

| 功能 | 当前实现 | 后续接口目标 |
| --- | --- | --- |
| 沉浸式头图 | 顶部城市图固定展示，自定义导航透明叠加，返回按钮固定在头图上。 | 后台返回专题头图 URL。 |
| 权益标识 | 标题“行政审批”与“免费”标签固定展示。 | 后台返回权益名称与免费/付费标识。 |
| 机构列表 | 展示机构名称、地址、权益内容说明和咨询电话，内容超出时区内滚动；已补加载、空、失败和重试。 | 后台返回机构 ID、名称、地址、经纬度、纯文本权益说明、联系电话、排序和启用状态。 |
| 咨询电话 | 点击“咨询电话-号码”直接调起系统拨号。 | 号码由后台返回，为空时隐藏电话入口。 |
| 窗口信息 | 有 PDF 文件的机构展示“查看窗口信息”按钮，点击下载并打开 PDF 阅读器。 | 后台返回 `windowInfoUrl`（后台上传 PDF 的 URL）；没有文件时隐藏入口。 |

## 操作说明

1. 用户从臻享礼遇页选择“行政审批”分类，点击任意服务项进入本页。
2. 浏览各政务服务机构的地址和权益内容，机构较多时上滑浏览。
3. 点击“咨询电话-号码”调起系统拨号。
4. 点击“查看窗口信息”下载并打开后台上传的窗口信息 PDF。
5. 点击左上角返回按钮回到臻享礼遇页。

## 异常处理

| 场景 | 页面处理要求 |
| --- | --- |
| 机构列表为空 | 展示“暂无相关政务服务”空状态，不显示空白内容区。 |
| 机构列表加载失败 | 展示“服务机构加载失败”和重新加载，保留头图、标题和返回。 |
| 机构无窗口信息 | 不展示“查看窗口信息”按钮。 |
| 电话为空 | 隐藏咨询电话入口，禁止调起空号码拨号。 |
| 机构停用 | 不展示或明确标记停用，禁止展示可办理入口。 |

## 接口预留

- 权益信息：权益 ID、名称、免费/付费标识、头图 URL、启用状态。
- 机构列表：机构 ID、名称、地址、经纬度、纯文本权益说明、联系电话、排序、启用状态。
- 窗口信息：机构 ID、`windowInfoUrl`（PDF 地址）、是否展示窗口入口。