# P8→NS1/RNS1 缺失项 #10:财务看板各板块的折叠/展开交互 ## 简要结论 - 状态:❌ 未解决 - 风险等级:🟡 低 - 财务看板各板块(经营一览、预收资产、应计收入等)没有折叠/展开控制,所有板块始终完全展开 ## 详细审查 ### 审查范围 - `apps/miniprogram/miniprogram/pages/board-finance/board-finance.ts` - `apps/miniprogram/miniprogram/pages/board-finance/board-finance.wxml` ### 发现 1. **无折叠状态变量**:TS 的 `data` 中没有任何 `collapsed`、`expanded`、`folded` 等板块折叠状态字段 2. **无折叠切换方法**:TS 中没有 `toggleSection`、`collapseSection` 等方法 3. **WXML 无折叠控制**:各 `card-section` 没有条件渲染或高度动画控制,所有板块内容始终完全展示 4. **已有替代方案**:财务看板实现了目录导航(TOC)功能,用户可通过目录快速跳转到指定板块,部分弥补了长页面浏览的不便 5. **吸顶板块头已实现**:滚动时显示当前板块标题的吸顶头,帮助用户定位当前位置 ### 证据 WXML 中板块结构(无折叠控制): ```xml ``` TS 中与板块交互相关的方法仅有: ```typescript toggleToc() // 目录导航开关 onTocItemTap() // 目录项点击跳转 toggleCompare() // 环比开关 ``` ### 建议 1. **评估必要性**:当前财务看板已有 TOC 目录导航 + 吸顶板块头,用户可快速定位。折叠/展开在移动端长页面中是常见模式,但 H5 原型是否有此交互需确认 2. **如需实现**: - 在 `data` 中添加 `sectionCollapsed: Record` 状态 - 在各板块 `card-header` 上添加 `bindtap="toggleSection"` 并传递 `data-section` - 使用 CSS `max-height` + `transition` 实现展开/收起动画 - 折叠时仅显示板块标题行,展开时显示完整内容 3. **优先级评估**:鉴于已有 TOC 导航,此项可作为体验优化延后处理