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