{
  "title": "小羚羚小程序 - 原型预览（开发）",
  "errors": [],
  "source": {
    "directory": {
      "nodes": [
        {
          "type": "folder",
          "id": "directory-main",
          "title": "主流程",
          "defaultExpanded": true,
          "children": [
            {
              "type": "route",
              "id": "route-todo",
              "title": "工作台",
              "route": "todo"
            },
            {
              "type": "route",
              "id": "route-business",
              "title": "业务",
              "route": "business"
            },
            {
              "type": "route",
              "id": "route-map",
              "title": "地图",
              "route": "map"
            },
            {
              "type": "route",
              "id": "route-mine",
              "title": "我的",
              "route": "mine"
            }
          ]
        },
        {
          "type": "folder",
          "id": "directory-modules",
          "title": "业务模块",
          "defaultExpanded": true,
          "children": [
            {
              "type": "route",
              "id": "route-audit",
              "title": "审批中心",
              "route": "audit"
            },
            {
              "type": "route",
              "id": "route-audit-return",
              "title": "还车应结款（说明）",
              "route": "audit-return"
            },
            {
              "type": "route",
              "id": "route-delivery",
              "title": "交车",
              "route": "delivery"
            },
            {
              "type": "route",
              "id": "route-inspection",
              "title": "年审",
              "route": "inspection"
            },
            {
              "type": "route",
              "id": "route-vehicle",
              "title": "车辆管理",
              "route": "vehicle"
            },
            {
              "type": "route",
              "id": "route-third-return",
              "title": "三方退车",
              "route": "thirdReturn"
            },
            {
              "type": "route",
              "id": "route-replace",
              "title": "替换车",
              "route": "replace"
            }
          ]
        },
        {
          "type": "folder",
          "id": "directory-docs",
          "title": "文档",
          "defaultExpanded": true,
          "children": [
            {
              "type": "markdown",
              "id": "prd-overview",
              "title": "PRD 00｜小程序总览",
              "markdownPath": "src/resources/xll-miniapp/PRD-00-小程序总览.md",
              "markdown": "# 小羚羚小程序 · 总览\n\n氢能车辆运营移动端原型，面向一线运维与管理人员。**原型无需登录**，默认进入工作台。\n\n## 核心路径\n\n1. 工作台处理待办\n2. 业务 → 进入各运维 / 审批模块（独立原型页）\n3. 审批中心 → 本页内跳转**本期已接入**的审批工作流（提车应收款、还车应结款及子类型、租赁账单、车辆调拨、替换车申请等）\n\n## 页面导航\n\n左侧预览列表可切换 10 个功能页；各业务模块内列表与表单在同一页内跳转。\n\n## 最新改版\n\n审批中心与还车应结款多部门子流程见 **PRD 01｜审批中心改版说明**（V1.4）。\n\n### 审批中心要点（与标注 `page-audit` 一致）\n\n- 搜索：仅按卡片加粗标题（工作流标题）模糊匹配\n- 更多筛选：发起人（滚轮选择）、发起时间（年/月/日滚轮，起止日期）\n- 底部抽屉与选择器：限定在手机预览框内，模拟小程序交互\n- 还车应结款：主流程以车牌为主标题；四部门子流程以「还车应结款-部门名」为主标题；四部门全过后须业务管理组发起主流程\n\n## 需求文档与标注\n\n- **标注目录**：PRD 00 / PRD 01 及页面说明（`page-audit` 等）\n- **导航栏**：不设「需求说明」入口；以标注工具与目录为主\n- **业务评审**：`.spec/prototype-review.md`\n"
            },
            {
              "type": "markdown",
              "id": "prd-approval-v11",
              "title": "PRD 01｜审批中心改版说明",
              "markdownPath": "src/resources/xll-miniapp/PRD-01-审批中心改版说明.md",
              "markdown": "# 小羚羚小程序 · 审批中心改版说明\n\n**文档版本**：V1.4  \n**更新日期**：2026-06-29  \n**适用范围**：审批中心、还车应结款、提车应收款及相关导航结构\n\n---\n\n## 一、改版背景\n\n本次迭代聚焦审批体验与还车应结款多部门子流程，并调整原型信息架构：去除登录门槛、按功能拆分为独立预览页，便于评审与交付。\n\n---\n\n## 二、信息架构与导航\n\n### 2.1 去除登录\n\n- 原型默认进入「工作台 · 待办」，无需登录页。\n- 左侧预览列表可切换 **10 个功能页**（hash 路由）。\n- 源码中仍保留登录页组件与样式，**不在默认导航与预览目录中暴露**；评审以「免登录直达工作台」为准。\n\n### 2.2 页面清单\n\n| 路由 | 页面 | 说明 |\n| --- | --- | --- |\n| `todo` | 工作台 | 待办聚合，默认入口 |\n| `business` | 业务 | 运维 / 审批 / 数据可视化入口 |\n| `map` | 地图 | 氢能车与加氢站 |\n| `mine` | 我的 | 个人信息 |\n| `audit` | 审批中心 | 列表 + 本页内跳转各审批详情 |\n| `audit-return` | 还车应结款（说明） | 还车应结款专项说明页 |\n| `delivery` | 交车 | 列表与办理表单同页切换 |\n| `inspection` | 年审 | 列表与办理表单同页切换 |\n| `vehicle` | 车辆管理 | 列表与详情同页切换 |\n| `third-return` | 三方退车 | 列表与办理同页切换 |\n| `replace` | 替换车 | 列表与详情同页切换 |\n\n### 2.3 核心路径\n\n1. 工作台处理待办 → 「去处理」跳转对应业务页  \n2. 业务 → 进入各运维 / 审批模块（独立原型页）  \n3. 审批中心 → 本页内打开**本期已接入**的审批工作流详情（见 §3.5）\n\n### 2.4 需求文档入口\n\n- 导航栏**不设**「需求说明」按钮（按批注已移除该入口）。\n- 需求与 PRD 通过**左侧标注目录**（「PRD 00｜小程序总览」「PRD 01｜审批中心改版说明」）及页面标注节点（如 `page-audit`）查看。\n\n---\n\n## 三、审批中心列表\n\n### 3.1 Tab\n\n四类：**我发起的**、**我的待办**、**我的已办**、**抄送我的**。\n\n### 3.2 筛选与搜索\n\n- **流程类型 Chip**：全部、合同审批、提车应收款、租赁账单、**还车应结款**（含四部门子类型）、车辆调拨等；「更多类型」抽屉展示全部流程类型。\n- 「还车应结款」Chip 同时匹配主流程与四个部门子流程。\n- **更多筛选**（搜索框右侧筛选按钮）：**发起人**、**发起时间**（开始至结束，按日期区间过滤）。\n- **搜索**：按**卡片加粗标题（工作流标题）**模糊匹配；不按单据号、摘要等多字段联合检索。示例：提车应收款搜**客户全称**；还车应结款主流程搜**车牌号**；还车四部门子流程搜**「还车应结款-部门名」**。\n\n> **决策说明**（与 `page-audit` 标注一致）：发起人、发起时间从搜索中拆出，归入「更多筛选」，搜索仅面向列表主识别字段。\n\n### 3.3 列表卡片字段\n\n以提车应收款为例：\n\n| 区域 | 说明 |\n| --- | --- |\n| 左上角标签 | 流程类型，如「提车应收款」 |\n| 右上角状态 | 审批中 + 当前节点审批人（最多 2 人，超出显示 +N） |\n| 加粗标题 | 工作流标题（见 §3.4 标题规则） |\n| 副标题 | 合同项目名称等 |\n| 元信息 | 发起人、实收金额（提车：选中车辆租金 + 服务费 + 保证金合计，**不含氢费预付款**） |\n| 底部 | 发起时间精确至分钟；待办卡片可点「去审批」或整卡进入办理页 |\n\n**还车应结款**：主流程以车牌为主标题并展示应退/应补；四部门子流程主标题为「还车应结款-部门名」，不展示汇总金额。四部门子流程全部通过后，须由**业务管理组主动发起**主流程审批，任务才会进入审批列表。\n\n### 3.4 列表卡片标题规则\n\n| 类型 | 主标题（加粗） | 辅信息 | 金额 |\n| --- | --- | --- | --- |\n| 主流程「还车应结款」 | **车牌号** | 客户、项目等 | 展示应退 / 应补 |\n| 四部门子流程 | **还车应结款-部门名** | 车牌、客户等 | 不展示汇总金额 |\n| 提车应收款 | **客户全称** | 合同项目 | 实收金额（见 §3.3） |\n| 租赁账单 / 替换车申请 | **客户全称** | — | 按业务 |\n| 车辆调拨 | **调拨路线摘要** | — | 按业务 |\n| 其他流程 | 摘要或单据号 | — | 按业务 |\n\n部门子流程包括：**还车应结款-业务管理组**、**还车应结款-能源服务组**、**还车应结款-运维组**、**还车应结款-安全部**。\n\n### 3.5 跳转与本期原型范围\n\n**已接入详情页（页内跳转）**：提车应收款、还车应结款（含四部门子类型）、租赁账单、车辆调拨、替换车申请。待办 Tab 展示底部操作栏；其余 Tab 为只读查看态。\n\n**列表占位（点击 Toast 提示，暂无办理页）**：合同审批、氢费对账单（对站/对客）、车辆异动等。演示时可在列表中看到待办，但无法进入完整办理流程。\n\n**审批操作弹窗**：待办详情底部「通过」「驳回」「终止」「评论」均从手机屏幕底部滑出半屏表单（限定在手机预览框内）；通过/驳回/终止除标题外字段一致（通知方式、附件上传、抄送人、审批意见）。「通过」标题为「审批通过」。\n\n### 3.6 更多筛选交互（小程序式）\n\n| 能力 | 规则 |\n| --- | --- |\n| 底部抽屉 | 「更多筛选」及同类 `.xll-mod-sheet-*` 抽屉从**手机预览框底部**滑出，遮罩与面板相对当前页面模块定位，**不铺满浏览器全屏** |\n| 发起人 | 表单行展示「请选择 ›」；点击后弹出底部**滚轮选择器**，选项来自 mock 发起人列表，首项「不限」 |\n| 发起时间 | 「开始日期 至 结束日期」两行可点；分别弹出**年 / 月 / 日**三列滚轮，工具栏「取消 / 确定」 |\n| 嵌套层级 | 滚轮选择器叠在筛选抽屉之上（`z-index` 更高），同样限定在手机预览框内；选中高亮条在文字下层，不遮挡选项文字 |\n\n---\n\n## 四、还车应结款审批\n\n### 4.1 流程结构\n\n**主工作流**：`还车应结款` — 汇总四部门费用，判定保证金抵扣后的应退/应补。\n\n**四个子流程**（各部门独立提交审批）：\n\n| 子流程 | 提交部门 |\n| --- | --- |\n| 还车应结款-业务管理组 | 业务管理组 |\n| 还车应结款-能源服务组 | 能源服务组 |\n| 还车应结款-运维组 | 运维组 |\n| 还车应结款-安全部 | 安全部 |\n\n**提交规则**：\n\n1. 四个子流程分别由对应部门填报费用并**独立提交审批**；\n2. 四个子流程**全部审批通过**后，**不会自动生成**主流程「还车应结款」审批任务；\n3. 须由**业务管理组**在还车结算侧**主动发起**主流程审批，发起后任务进入审批列表；\n4. 主流程进入列表后，由财务等环节整体审批；详情页展示四部门子流程通过状态；\n5. 四部门未全部通过前，主流程不可发起；若已进入主流程详情，「通过」操作在四部门未全过时仍被拦截。\n\n#### 原型 mock 场景（开发 / 测试对照）\n\n| 场景 | 车牌 | 单据号 | 说明 |\n| --- | --- | --- | --- |\n| A | 粤B58888F | HC-2026-0418 | 四部门已通过 → 业务管理组已发起 → 主流程在「我的待办」（财务审核） |\n| B | 浙F06901F | HC-2026-0625 | 四部门子流程均在待办（审批中）；主流程未发起 |\n| C | 苏E12345F | HC-2026-0610 | 四部门已通过 → 业务管理组**尚未发起** → 主流程不出现在列表 |\n\n> 主流程发起人 mock 为业务管理组人员（如陈高伟）；发起时间晚于四部门子流程全部通过时间。\n\n### 4.2 Hero 区规则\n\n| 类型 | Hero 主信息 | 是否展示应退/应补 |\n| --- | --- | --- |\n| 主流程「还车应结款」 | 应退还总额 / 应补缴总额；保证金、待结算总额、车辆实际租金；「结算明细」抽屉；部门子流程进度 | **是** |\n| 业务管理组子流程 | 「还车应结款-业务管理组」+ **车牌重点样式** | 否 |\n| 能源服务组子流程 | 「还车应结款-能源服务组」+ 车牌重点样式 | 否 |\n| 运维组子流程 | 「还车应结款-运维组」+ 车牌重点样式 | 否 |\n| 安全部子流程 | 「还车应结款-安全部」+ 车牌重点样式 | 否 |\n\n**车牌重点样式**：Hero 内展示「车牌号」标签 + 加粗胶囊样式车牌，便于子流程快速识别车辆。\n\n子流程 Hero **不展示**保证金、待结算总额、应退/应补等汇总类金额。\n\n### 4.3 分组费用明细\n\n#### 业务管理组\n\n- 固定费项表格（如 ETC 费用、停车费等）。\n- **不含**违章处理违约金、保险上浮（归属安全部）。\n- 底部展示本部门应结算总额。\n\n#### 能源服务组\n\n- 氢量差补缴、交/还车氢量、退还单价、预付款退费等。\n\n#### 运维组\n\n- 费项：清洗、保养、维修、车损、工具/证件/广告丢失、送接车服务、轮胎磨损等。\n- 表格列：**序号 / 费用项 / 金额 / 无忧包减免**（横向滚动，减免为输入框样式只读展示）。\n- **应结算 = 金额 − 无忧包减免**（按行合计后汇总）。\n\n#### 安全部\n\n- **固定费项三行**（由安全部填报）：\n  1. 违章处理违约金  \n  2. 保险上浮  \n  3. 其他违规费用  \n- 保留违章统计区：违章次数、已缴/未缴金额等。\n- 应结算总额为上述三行费用合计。\n\n#### 部门结算卡片状态标签\n\n各分组费用卡片右上角展示本部门子流程提交状态：\n\n| 状态 | 展示文案 | 触发条件 |\n| --- | --- | --- |\n| 待提交 | 待提交 | 表单未提交、子流程未发起 |\n| 审批中 | 审批中 | 用户已提交子流程审批 |\n| 已提交 | 已提交 | 该部门子流程全部审批完成 |\n| 已驳回 | 已驳回 | 子流程审批被驳回 |\n\n**主流程详情**：四张分组卡片右上角均展示「已提交」（四部门已全部完成子流程审批，且业务管理组已发起主流程后才可进入主流程详情）。\n\n### 4.4 审批操作\n\n- **审批情况**：纵向时间轴，节点展示审批人头像、状态 Tag、时间与评论气泡。\n- **待办态底部**：评论、终止、驳回、通过（规则同提车应收款）。\n- **查看态**：隐藏操作栏，仅浏览。\n\n---\n\n## 五、提车应收款审批\n\n### 5.1 页面目标\n\n审批人核对实收金额、车辆明细、氢费预付款（如有）及开票信息。\n\n### 5.2 布局细节\n\n- **车辆明细**：区块标题行（`.tc-section-head`）与首张车辆卡片之间保留 **12px** 上间距，避免标题分隔线与首卡紧贴。\n- **审批情况**：时间轴支持评论展示；待办态底部操作同还车应结款。\n\n### 5.3 实收金额口径\n\n| 位置 | 规则 |\n| --- | --- |\n| 列表卡片 | 选中车辆 **租金 + 服务费 + 保证金 − 减免** 合计（**不含氢费预付款**），由车辆明细动态汇总 |\n| 详情 Hero | 与列表卡片**同一口径**，展示实收款总额 |\n\n> **原型缺口**：当前列表已按 §3.3 动态计算，部分 mock 详情 Hero 仍使用静态 `actualAmount` 字段，评审时需对齐（见 `.spec/prototype-review.md`）。\n\n---\n\n## 六、验收要点\n\n请在预览中逐项确认（可提供截图或页面路径反馈）：\n\n- [ ] 打开原型无需登录，默认进入工作台  \n- [ ] 左侧可切换 10 个功能页  \n- [ ] 导航栏无「需求说明」按钮；PRD 可从标注目录打开  \n- [ ] 审批中心「还车应结款」Chip 可筛出主流程 + 四部门子流程  \n- [ ] **更多筛选**抽屉在手机预览框内弹出（非全浏览器宽）  \n- [ ] **更多筛选**：发起人、发起时间为滚轮选择器（非原生输入框）  \n- [ ] **搜索**仅匹配卡片加粗标题（工作流标题）  \n- [ ] 子流程列表卡片主标题为「还车应结款-部门名」；主流程卡片以车牌为主标题并展示应退/应补  \n- [ ] 四部门子流程详情 Hero 为部门标题 + 车牌重点样式，无汇总金额  \n- [ ] 主流程还车应结款 Hero 展示应退/应补、结算明细与四部门子流程进度  \n- [ ] 四部门子流程未全部通过时，主流程不可发起；四部门全过但业务管理组未发起时，主流程不出现在列表  \n- [ ] 业务管理组无违章违约金、保险上浮；安全部固定三行费项  \n- [ ] 运维组费用表含「无忧包减免」列，应结算 = 金额 − 减免  \n- [ ] 提车应收款车辆明细首卡与标题间距 12px  \n- [ ] 提车列表实收金额与详情 Hero 口径一致（不含氢费预付款）  \n- [ ] 审批时间轴展示头像、状态与评论；待办态可操作通过/驳回/终止/评论  \n\n**预览地址示例**：`http://localhost:51721/prototypes/xll-miniapp#page=audit`\n\n---\n\n## 七、关联文档\n\n| 文档 | 位置 |\n| --- | --- |\n| 小程序总览 | 标注目录「PRD 00｜小程序总览」 |\n| 原型评审结论 | `src/prototypes/xll-miniapp/.spec/prototype-review.md` |\n| 页面标注 | `page-audit`、`page-audit-return`、`page-audit-pickup` 等 |\n"
            }
          ]
        }
      ]
    },
    "nodes": [
      {
        "id": "page-todo",
        "index": 1,
        "title": "工作台待办",
        "pageId": "todo",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-todo\"]"
          ]
        },
        "aiPrompt": "说明待办任务聚合规则与去处理跳转。",
        "annotationText": "# 工作台 · 待办\n\n聚合交车、还车、年审、调拨、异动等待处理任务。\n\n- 卡片按任务类型色条区分\n- 「去处理」根据类型跳转对应业务页或本页任务办理\n- 原型入口默认打开本页，无需登录",
        "hasMarkdown": true,
        "color": "#7AB929",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "main-tabbar",
        "index": 2,
        "title": "底部主导航",
        "pageId": [
          "todo",
          "business",
          "map",
          "mine"
        ],
        "locator": {
          "selectors": [
            "[data-annotation-id=\"main-tabbar\"]"
          ]
        },
        "aiPrompt": "说明四个主 Tab 的信息架构。",
        "annotationText": "# 底部主导航\n\n| Tab | 说明 |\n| --- | --- |\n| 工作台 | 待办任务列表 |\n| 业务 | 运维与审批入口 |\n| 地图 | 车辆 / 加氢站 |\n| 我的 | 账号信息 |",
        "hasMarkdown": true,
        "color": "#2563EB",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-business",
        "index": 3,
        "title": "业务入口",
        "pageId": "business",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-business\"]"
          ]
        },
        "aiPrompt": "说明运维管理、审批管理与数据可视化分区。",
        "annotationText": "# 业务页\n\n分三大区：运维管理、审批管理、数据可视化。\n\n点击模块图标跳转到对应独立原型页（hash 路由），各页内列表与表单可直接跳转。",
        "hasMarkdown": true,
        "color": "#F97316",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-audit",
        "index": 4,
        "title": "审批中心列表",
        "pageId": "audit",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-audit\"]"
          ]
        },
        "aiPrompt": "说明审批中心 Tab、筛选与还车应结款类目；列表内可跳转各审批流详情。",
        "annotationText": "# 审批中心\n\n四类列表：我发起的、我的待办、我的已办、抄送我的。\n\n### 筛选与搜索\n\n- **流程类型 Chip**：全部、合同审批、提车应收款、租赁账单、还车应结款（含四部门子类型）、车辆调拨；「更多类型」抽屉展示全部流程类型。\n- **更多筛选**（搜索框右侧筛选按钮）：发起人、发起时间（开始至结束）。\n- **搜索**：按卡片加粗标题（工作流标题）模糊匹配，如提车应收款为**客户全称**、还车应结款为**车牌号**。\n\n### 更多筛选交互（小程序式）\n\n| 能力 | 说明 |\n| --- | --- |\n| 底部抽屉 | 「更多筛选」限定在**手机预览框内**弹出，不铺满浏览器（`.xll-mod-sheet-*`） |\n| 发起人 | 点击「请选择 ›」→ 底部滚轮；首项「不限」 |\n| 发起时间 | 「开始日期 至 结束日期」→ 年/月/日三列滚轮，取消/确定 |\n| 嵌套选择器 | 滚轮叠在筛选抽屉之上，高亮条在文字下层 |\n\n### 列表卡片（以提车应收款为例）\n\n| 区域 | 说明 |\n| --- | --- |\n| 左上角标签 | 流程类型，如「提车应收款」 |\n| 右上角状态 | 审批中 + 当前节点审批人（最多 2 人，超出显示 +N） |\n| 加粗标题 | 客户名称全称 |\n| 副标题 | 合同项目名称 |\n| 元信息 | 发起人、实收金额（选中车辆租金+服务费+保证金合计） |\n| 底部 | 发起时间精确至分钟；待办卡片可点「去审批」或整卡进入办理页 |\n\n**还车应结款**：主流程以车牌为主标题；子流程主标题为「还车应结款-部门名」。四部门子流程全部通过后，须由**业务管理组主动发起**主流程审批，任务才会进入审批列表。\n\n### 需求文档入口\n\n导航栏**不设**「需求说明」按钮；PRD 见标注目录「PRD 01｜审批中心改版说明」。\n\n### 审批操作弹窗\n\n待办详情底部「通过」「驳回」「终止」「评论」均从手机屏幕底部滑出半屏表单（限定在手机预览框内，非全浏览器宽）；通过/驳回/终止除标题外字段一致（通知方式、附件上传、抄送人、审批意见）。「通过」标题为「审批通过」。",
        "hasMarkdown": true,
        "color": "#8B5CF6",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1782705600000,
        "controls": []
      },
      {
        "id": "page-audit-return",
        "index": 5,
        "title": "还车应结款审批",
        "pageId": "audit-return",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-audit-return\"]"
          ]
        },
        "aiPrompt": "说明还车应结款汇总审批与四部门子流程差异。",
        "annotationText": "# 还车应结款\n\n**主工作流**「还车应结款」汇总四部门费用与应退/应补总额。\n\n**四个子流程**（各部门独立提交）：还车应结款-业务管理组、还车应结款-能源服务组、还车应结款-运维组、还车应结款-安全部。\n\n**主流程发起规则**：四部门子流程全部审批通过后，**不会自动生成**主流程任务；须由**业务管理组主动发起**主流程审批，发起后任务才会出现在审批列表。\n\n子流程 Hero 统一为「还车应结款-部门名」+ 车牌重点样式，仅展示本部门费用。\n\n### 原型 mock 场景\n\n| 场景 | 车牌 | 说明 |\n| --- | --- | --- |\n| A | 粤B58888F | 四部门已通过 → 业务管理组已发起 → 主流程在待办 |\n| B | 浙F06901F | 四部门子流程均在待办 |\n| C | 苏E12345F | 四部门已通过 → 业务管理组尚未发起 → 主流程不在列表 |\n\n### 部门结算卡片状态标签\n\n各分组费用卡片右上角展示本部门子流程提交状态：\n\n| 状态 | 展示文案 | 触发条件 |\n| --- | --- | --- |\n| 待提交 | 待提交 | 表单未提交、子流程未发起 |\n| 审批中 | 审批中 | 用户已提交子流程审批 |\n| 已提交 | 已提交 | 该部门子流程全部审批完成 |\n| 已驳回 | 已驳回 | 子流程审批被驳回 |\n\n**主流程详情**：四张分组卡片右上角均展示「已提交」（四部门已全部完成子流程审批，且业务管理组已发起主流程后才可进入）。\n\n| 部门 | 费用要点 |\n| --- | --- |\n| 业务管理组 | ETC、停车费等 |\n| 能源服务组 | 氢量差补缴、预付款退费等 |\n| 运维组 | 含「无忧包减免」列，应结算 = 金额 − 减免 |\n| 安全部 | 违章违约金、保险上浮、其他违规费用 |\n\n详见「PRD 01｜审批中心改版说明」。",
        "hasMarkdown": true,
        "color": "#8B5CF6",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1782705600000,
        "controls": []
      },
      {
        "id": "hc-settle-group-status",
        "index": 6,
        "title": "部门结算状态标签",
        "pageId": "audit-return",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"hc-settle-group-status\"]"
          ]
        },
        "aiPrompt": "说明四部门结算卡片右上角状态标签的四种展示规则。",
        "annotationText": "1. 表单未提交前展示「待提交」\n2. 用户提交子流程审批后展示「审批中」\n3. 该部门子流程全部审批完成后展示「已提交」\n4. 审批被驳回时展示「已驳回」\n\n**主流程**：四部门子流程全部通过后，须由**业务管理组主动发起**主流程审批，发起后任务才会出现在审批列表；主流程详情页四张分组卡片右上角均展示「已提交」（绿色）。\n\n**子流程详情**：按各部门实际审批状态展示对应标签。",
        "hasMarkdown": false,
        "color": "#8B5CF6",
        "images": [],
        "createdAt": 1782792000000,
        "updatedAt": 1782752350053,
        "controls": []
      },
      {
        "id": "tc-btn-approve",
        "index": 7,
        "title": "审批通过按钮",
        "pageId": "audit",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"tc-btn-approve\"]",
            ".tc-btn-approve"
          ]
        },
        "aiPrompt": "说明审批中心各流程详情底部「通过」按钮的弹窗交互。",
        "annotationText": "点击「通过」弹出底部半屏表单（标题为「审批通过」），表单字段与「驳回」「终止」一致：通知方式、附件上传、抄送人、审批意见；底部为「取消」「确认」。弹窗限定在手机预览区域内自底部滑出。",
        "hasMarkdown": false,
        "color": "#7AB929",
        "images": [],
        "createdAt": 1782878400000,
        "updatedAt": 1782878400000,
        "controls": []
      },
      {
        "id": "page-audit-pickup",
        "index": 8,
        "title": "提车应收款审批",
        "pageId": "audit-pickup",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-audit-pickup\"]"
          ]
        },
        "aiPrompt": "说明提车应收款 Hero、车辆明细间距与审批操作。",
        "annotationText": "# 提车应收款\n\nHero 展示实收款总额与客户/合同/项目信息。\n\n**车辆明细**：区块标题与首张车辆卡片之间保留 12px 上间距。\n\n审批时间轴支持评论；待办态底部评论/终止/驳回/通过。",
        "hasMarkdown": true,
        "color": "#F97316",
        "images": [],
        "createdAt": 1782705600000,
        "updatedAt": 1782705600000,
        "controls": []
      },
      {
        "id": "page-delivery",
        "index": 9,
        "title": "交车",
        "pageId": "delivery",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-delivery\"]"
          ]
        },
        "aiPrompt": "说明交车列表与多步骤办理表单的内页跳转。",
        "annotationText": "# 交车\n\n列表与多步骤交车办理在同一原型页内切换。",
        "hasMarkdown": true,
        "color": "#7AB929",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-inspection",
        "index": 10,
        "title": "年审",
        "pageId": "inspection",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-inspection\"]"
          ]
        },
        "aiPrompt": "说明年审列表与检测表单的内页跳转。",
        "annotationText": "# 年审\n\n待办列表与检测表单在同一原型页内切换。",
        "hasMarkdown": true,
        "color": "#FF7D00",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-vehicle",
        "index": 11,
        "title": "车辆管理",
        "pageId": "vehicle",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-vehicle\"]"
          ]
        },
        "aiPrompt": "说明车辆列表与详情页的内页跳转。",
        "annotationText": "# 车辆管理\n\n车辆列表与详情在同一原型页内切换。",
        "hasMarkdown": true,
        "color": "#2563EB",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-third-return",
        "index": 12,
        "title": "三方退车",
        "pageId": "third-return",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-third-return\"]"
          ]
        },
        "aiPrompt": "说明三方退车列表与办理表单的内页跳转。",
        "annotationText": "# 三方退车\n\n退车任务列表与办理表单在同一原型页内切换。",
        "hasMarkdown": true,
        "color": "#EA580C",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-replace",
        "index": 13,
        "title": "替换车",
        "pageId": "replace",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-replace\"]"
          ]
        },
        "aiPrompt": "说明替换车列表与申请/审批详情的内页跳转。",
        "annotationText": "# 替换车\n\n申请列表与详情/办理在同一原型页内切换。",
        "hasMarkdown": true,
        "color": "#14B8A6",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-map",
        "index": 14,
        "title": "地图",
        "pageId": "map",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-map\"]"
          ]
        },
        "aiPrompt": "说明氢能车与加氢站地图切换。",
        "annotationText": "# 地图\n\n氢能车 Tab 展示车辆实时位置；加氢站 Tab 展示站点 POI。\n\n支持车牌搜索与全图视野（原型提示）。",
        "hasMarkdown": true,
        "color": "#0EA5E9",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      },
      {
        "id": "page-mine",
        "index": 15,
        "title": "我的",
        "pageId": "mine",
        "locator": {
          "selectors": [
            "[data-annotation-id=\"page-mine\"]"
          ]
        },
        "aiPrompt": "说明个人中心信息展示。",
        "annotationText": "# 我的\n\n展示当前用户头像、姓名、岗位与联系方式。",
        "hasMarkdown": true,
        "color": "#4E5969",
        "images": [],
        "createdAt": 1779667200000,
        "updatedAt": 1779667200000,
        "controls": []
      }
    ]
  }
}