技能｜配套表单入口平铺改版法

适用场景

台账页原本用"▦ 下拉弹层"展开配套表单（ZQ-F01…F05 大按钮 + 滚动条），体验差（按钮过大、要点开才能看）。用户点名要"不要下拉列表，直接显示，字体和外框缩小"。触发词：配套表单平铺、去掉下拉、fchip、表单入口改版、缩小按钮。是 前端导航菜单交互改造流程（导航菜单）之外、台账页工具箱区域内的表单入口改造——两件事别混。

操作步骤

1. 确认范围：只动台账页 ledger_list 里的表单入口渲染（templates.py 约 L2253–2290），不动导航菜单（那是 前端导航菜单交互改造流程 的定稿区）和整体布局。
2. 删下拉弹层：去掉 forms_bar + ▦ details.fitem 弹层，改为直接平铺 forms_row = '<div class="forms-row noprint">%s</div>' % ''.join('<a class="fchip" href="/f/%s">%s</a>' % (f['key'], _e(f['title'])) for f in fs)——fs 来自 forms_auto 提供的本域配套表单清单。
3. 缩字号与外框（CSS）：新增 .forms-row{display:flex;flex-wrap:wrap;gap:6px;...} + .fchip{display:inline-flex;...;font-size:12px;padding:3px 10px;border-radius:8px;...}（约 L916–922），相对原大按钮显著缩小。
4. 组装：head = '<div class="ledger-head noprint">%s</div>%s' % (fbox, forms_row)，各域台账页直接平铺显示，无需点开。
5. 验收：实拉 /l/zq 等，确认 8 个 fchip 平铺、弹层消失、字号/外框缩小后不溢出。

注意边界

• 表单数据仍由 forms_auto 从 Word 母本动态加载（Word母本驱动的表单自动生成流程），本技能只改"入口呈现方式"，不改数据来源与只读属性。
• 改的是工具箱区域内的表单入口，不是导航菜单的一级/二级结构，别顺手去动导航（那是锁版定稿区）。

反例避雷

• 把 fchip 又做成大按钮 / 带滚动条 → 回到原点，用户不认。
• 顺手改了定稿的导航菜单样式 → 违反 2026 锁版约定，全部返工。
• 硬编码表单清单 → 与 forms_auto 两处维护，加表单必漏一处。

关联笔记

• [[技能｜前端导航菜单交互改造流程]]
• [[技能｜Word母本驱动的表单自动生成流程]]

实战战绩

2026-10-02 落地：/l/zq 等台账页 8 个配套表单从下拉弹层改为平铺 fchip，实拉确认布局收缩、无滚动条、无回归。

版本记录