#!/usr/bin/env python3 # -*- coding: utf-8 -*- """ 生成「客户拉通大表」定稿基线 DEMO 单文件页（自包含、零外链）—— **两层设计 · 轨道优先版**。 用户 2026-10-11 选定：「第一层用形态1（里程碑轨道），第二层用形态B（资源泳道矩阵）」。 本生成器把两处表现合并进**定稿基线**： ■ 第一层（Tab① 第一层｜项目推移表）—— 视图可切换 · **默认 = 轨道视图（形态1 里程碑轨道）**：一行一商机，8 个关键节点排成圆点串 （已完成实心绿 / 进行中半实心蓝带脉冲 / 卡住红 / 未开始空心灰），当前节点高亮加标签； 按 4 个部门分组（行头可折叠）；**点行 → 下方展开区渲染第二层**。 · **表格视图**：切回原三层表头宽表（项目基本信息 / 项目关键节点 / 资源协助）， 左侧信息列冻结、行头可折叠、「＋新增商机 / ＋新增节点列 / ＋新增资源协助列」照旧。 ■ 第二层（点击第一层某行 → 展开区）—— **资源泳道矩阵（形态B）** 行 = 资源类型（技术支持测试项目单 / 研发项目单 / 售后 / 其他 / 活动，共 5 条泳道）， 列 = 时间（月份），事件落在交叉格，跨月向右延展；空泳道显示「未触发」。 ■ Tab② 第二层｜活动录入与待办 —— 原样保留： 活动录入表单（抓取第一层项目基本信息 + 活动信息更新 + 待办事项）、 「触发的资源协作（多选）」四类手动多选、6 维结构化校验、三轨落盘（本地 / CloudBase / 飞书描述）、 已录入活动三层表头列表、「待关联」黄标。 数据统一来自 `脚本/ct_data.py`（与经营仪表盘同一批示例数据）。 硬约束：零外部依赖（禁 CDN / fetch / 外部字体），示例数据内嵌；内联 SVG 禁 / <br>。 品牌页眉/页脚：脚本/brand_kit.py（品牌蓝 #1852B6）。 """ import os import sys import io import re import json HERE = os.path.dirname(os.path.abspath(__file__)) ROOT = os.path.dirname(HERE) # Hermes输出-工作类 sys.path.insert(0, os.path.join(ROOT, '脚本')) import brand_kit as BK # noqa import ct_data as CT # noqa （唯一数据源） OUT = os.path.join(ROOT, '工具', '客户拉通大表_demo.html') # 向后兼容：表现形式 demo 生成器会 `import build_customer_thread_demo as BASE` 取本常量 BASE_COLS = CT.BASE_COLS NODE_COLS = CT.NODE_COLS RES_COLS = CT.RES_COLS ACT_TYPES = CT.ACT_TYPES SUPPORT_TYPES = CT.SUPPORT_TYPES SUPPORT_ENUM = CT.SUPPORT_ENUM NODES = CT.NODE_COLS DATA = CT.data() ICONS = { "plus": '<svg viewBox="0 0 24 24" class="ico" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>', "col": '<svg viewBox="0 0 24 24" class="ico" aria-hidden="true"><rect x="3.5" y="5.5" width="17" height="13" rx="1.6"/><path d="M9.5 5.5v13M15 5.5v13"/></svg>', "row": '<svg viewBox="0 0 24 24" class="ico" aria-hidden="true"><rect x="3.5" y="5.5" width="17" height="13" rx="1.6"/><path d="M3.5 10.5h17M3.5 14.5h17"/></svg>', } HTML = r"""<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>客户拉通大表 · DEMO（两层设计 · 示例数据）
DEMO 示例数据 · 客户名为真实公司名，商机/日期/负责人/金额/活动内容均为示例值，未上线。

客户拉通大表 · 两层设计 DEMO

① 第一层｜项目推移表（默认轨道视图，可切表格视图） ｜ ② 第二层｜活动录入与待办
第一层逻辑：① 根据销售活动的基本信息、关联商机，自动抓取本层项目基本信息； ② 项目基本信息中的竞对信息可手动维护；③ 项目关键节点可手动维护； ④ 资源协助由销售在第二层手动多选触发（技术支持测试项目单 / 研发项目单 / 售后 / 其他；每选一类 → 本组加一列，列名带序号 N）。
行向下延展（按部门分组，行头可折叠）
已完成 进行中 卡住 未开始 节点顺序：陌生开发 → 方案匹配 → 中试 → 临床试验 → 已确认被用于注册 → 已转产 → 客户已获证 → 新证迭代 点击任意一行 → 下方展开该商机的资源泳道矩阵
商机性质筛选（§13.1）： 图例：机会性 持续性 待判
👆 点击上方轨道中的任意一行 → 此处展开该商机的资源泳道矩阵（第二层跟进内容，按时间向右延展）
轨道视图：一行一商机，8 个关键节点排成圆点串，当前节点高亮；按 4 个部门分组（点行头折叠）。 表格视图：三层表头（组名跨列合并）：第1层 表名带 ｜ 第2层 项目基本信息 / 项目关键节点（可向右延展）/ 资源协助（可向右延展）｜ 第3层 列名。 黄色「待关联」= 该行/该格 ID 未回填（append-only 允许 null）。
⚠ 风险预警区（§13）· 机会性商机流失 + 客诉→替换→采购恢复周期

① 机会性商机流失预警

0

② 客诉 → 替换 → 采购恢复周期

0
""" def main(): html = HTML.replace('__DATA__', json.dumps(DATA, ensure_ascii=False)) html = html.replace('__ICONS__', json.dumps(ICONS, ensure_ascii=False)) html = html.replace('__TPLS__', json.dumps(CT.DESC_TEMPLATES, ensure_ascii=False)) html = html.replace('__REQSEGS__', json.dumps(CT.REQ_SEGS, ensure_ascii=False)) html = BK.inject(html, theme='light', tag='客户拉通大表 · DEMO') # 内联 SVG 禁 title / br（本页 SVG 由 JS 构建 → 校验 JS 模板串与最终页） assert html.count('（SVG 内禁 ）' assert '<title>' in html and '客户拉通大表 · DEMO' in html, '文档标题缺失' for m in re.findall(r'<svg.*?</svg>', html, re.S): assert '<title' not in m, 'SVG 内含 <title>：%s' % m[:60] assert '<br' not in m, 'SVG 内含 <br>：%s' % m[:60] for pat in ('<ti'+'tle', '<b'+'r'): pass # JS 模板串里通过拼接规避，静态断言以 svgGuard 运行期为准 with io.open(OUT, 'w', encoding='utf-8') as f: f.write(html) _node_check(html) v = BK.verify(html) print('✅ 写入 %s（%d 字符 / %.1f KB）' % (OUT, len(html), len(html.encode('utf-8'))/1024.0)) print(' 品牌自检:', v) print(' 第一层：部门 %d / 商机 %d / 节点 %d / 资源协助列 %d' % (len(DATA['layer1']['depts']), len(CT.flat_rows()), len(NODE_COLS), len(RES_COLS))) print(' 第二层：已录入活动 %d 行 / 资源泳道 %d 类' % (len(DATA['activities']), len(CT.LANES))) print(' 默认视图：轨道视图（形态1 里程碑轨道）；点行 → 资源泳道矩阵（形态B）') def _node_check(html): """对页面内联 JS 跑 node --check（语法铁律）。""" import subprocess, tempfile m = re.search(r'<script>(.*?)</script>', html, re.S) if not m: return fp = tempfile.NamedTemporaryFile('w', suffix='.js', delete=False, encoding='utf-8') fp.write(m.group(1)) fp.close() try: r = subprocess.run(['node', '--check', fp.name], capture_output=True, text=True) assert r.returncode == 0, '内联 JS 语法错误：\n%s' % (r.stderr or r.stdout) finally: os.unlink(fp.name) if __name__ == '__main__': main()