包含多个会话的累积代码变更: - backend: AI 聊天服务、触发器调度、认证增强、WebSocket、调度器最小间隔 - admin-web: ETL 状态页、任务管理、调度配置、登录优化 - miniprogram: 看板页面、聊天集成、UI 组件、导航更新 - etl: DWS 新任务(finance_area_daily/board_cache)、连接器增强 - tenant-admin: 项目初始化 - db: 19 个迁移脚本(etl_feiqiu 11 + zqyy_app 8) - packages/shared: 枚举和工具函数更新 - tools: 数据库工具、报表生成、健康检查 - docs: PRD/架构/部署/合约文档更新 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
2.3 KiB
Markdown
51 lines
2.3 KiB
Markdown
# 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
|
||
<!-- ===== 板块 1: 经营一览(深色) ===== -->
|
||
<view id="section-overview" class="card-section section-dark">
|
||
<!-- 内容始终展示,无 wx:if 或 height 动画控制 -->
|
||
</view>
|
||
|
||
<!-- ===== 板块 2: 预收资产 ===== -->
|
||
<view id="section-recharge" class="card-section" wx:if="{{selectedArea === 'all'}}">
|
||
<!-- 仅按区域筛选条件显示/隐藏,非用户手动折叠 -->
|
||
</view>
|
||
```
|
||
|
||
TS 中与板块交互相关的方法仅有:
|
||
```typescript
|
||
toggleToc() // 目录导航开关
|
||
onTocItemTap() // 目录项点击跳转
|
||
toggleCompare() // 环比开关
|
||
```
|
||
|
||
### 建议
|
||
1. **评估必要性**:当前财务看板已有 TOC 目录导航 + 吸顶板块头,用户可快速定位。折叠/展开在移动端长页面中是常见模式,但 H5 原型是否有此交互需确认
|
||
2. **如需实现**:
|
||
- 在 `data` 中添加 `sectionCollapsed: Record<string, boolean>` 状态
|
||
- 在各板块 `card-header` 上添加 `bindtap="toggleSection"` 并传递 `data-section`
|
||
- 使用 CSS `max-height` + `transition` 实现展开/收起动画
|
||
- 折叠时仅显示板块标题行,展开时显示完整内容
|
||
3. **优先级评估**:鉴于已有 TOC 导航,此项可作为体验优化延后处理
|