guanlan-src/scripts/sim_hub/build_hub.py

# -*- coding: utf-8 -*-
"""生成 仿真集成台 单文件 HTML: 叙事 + 全部仿真入口 + 内嵌尾流图与动画。"""
import pathlib
import base64
_A = pathlib.Path(__file__).resolve().parent / "assets"
PNG = base64.b64encode((_A/"wake_real.png").read_bytes()).decode()
VIV  = base64.b64encode((_A/"pain_viv.png").read_bytes()).decode()
YAWS = base64.b64encode((_A/"pain_yawslip.png").read_bytes()).decode()
PITCH= base64.b64encode((_A/"pain_pitch.png").read_bytes()).decode()
MP4 = base64.b64encode((_A/"wake_anim.mp4").read_bytes()).decode()
G = "http://127.0.0.1:28084"
L = "file:///Users/yuanying/guanlan-rudong-v2/outputs/rudong/windscada/_demo/sim"


ARCH_SVG = '''<svg viewBox="0 0 1290 430" width="100%" style="display:block">
 <defs>
  <linearGradient id="lgH" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#0e6470"/><stop offset="1" stop-color="#0e8898"/></linearGradient>
  <linearGradient id="lgD" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#1a5f88"/><stop offset="1" stop-color="#2077a8"/></linearGradient>
  <marker id="a2" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto">
    <path d="M0 0 L10 5 L0 10 z" fill="#0e8898"/></marker>
  <marker id="a3" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto">
    <path d="M0 0 L10 5 L0 10 z" fill="#2077a8"/></marker>
 </defs>

 <!-- 左: 半实物仿真 -->
 <rect x="0" y="0" width="600" height="196" rx="14" fill="url(#lgH)"/>
 <text x="26" y="34" font-size="12.5" fill="#bfeef4" font-family="monospace" letter-spacing="1.6">HARDWARE IN THE LOOP</text>
 <text x="26" y="64" font-size="22" font-weight="600" fill="#fff">半实物仿真</text>
 <text x="26" y="90" font-size="14" fill="#d6f2f6">真主控 PLC · 真 IO · 模型在环</text>
 <g font-size="12.5" fill="#eaf9fb">
  <rect x="26" y="106" width="168" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="40" y="126">高速 IO 柜 · 故障注入器</text>
  <rect x="204" y="106" width="150" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="218" y="126">整机模型在环</text>
  <rect x="364" y="106" width="210" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="378" y="126">海量连接器 · 换机型只换线</text>
 </g>
 <text x="26" y="168" font-size="14.5" fill="#fff" font-weight="600">回答：控制器<tspan fill="#ffe9b8">本来该怎么响应</tspan></text>

 <!-- 右: 数据 -->
 <rect x="690" y="0" width="600" height="196" rx="14" fill="url(#lgD)"/>
 <text x="716" y="34" font-size="12.5" fill="#cfe8f7" font-family="monospace" letter-spacing="1.6">DATA IN THE LOOP</text>
 <text x="716" y="64" font-size="22" font-weight="600" fill="#fff">数据</text>
 <text x="716" y="90" font-size="14" fill="#dcedf8">真实运行记录 · 判据库 · 实测故障事件</text>
 <g font-size="12.5" fill="#eaf5fb">
  <rect x="716" y="106" width="150" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="730" y="126">逐分钟 · 秒级 · 振动谱</text>
  <rect x="876" y="106" width="150" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="890" y="126">十域判据 · 靶场考过</text>
  <rect x="1036" y="106" width="228" height="30" rx="7" fill="rgba(255,255,255,.16)"/><text x="1050" y="126">场级契约 · 换机型只换参数</text>
 </g>
 <text x="716" y="168" font-size="14.5" fill="#fff" font-weight="600">回答：现场<tspan fill="#ffe9b8">实际发生了什么</tspan></text>

 <!-- 接缝 -->
 <path d="M600 78 L688 78" stroke="#0e8898" stroke-width="2.2" marker-end="url(#a2)"/>
 <path d="M690 120 L602 120" stroke="#2077a8" stroke-width="2.2" marker-end="url(#a3)"/>
 <text x="645" y="66" font-size="11" fill="#0e6470" text-anchor="middle">设计意图</text>
 <text x="645" y="142" font-size="11" fill="#1a5f88" text-anchor="middle">实测时序</text>

 <!-- 下: 四件事 -->
 <g>
  <rect x="0" y="222" width="312" height="196" rx="12" fill="#fff" stroke="#cbe2eb"/>
  <text x="22" y="252" font-size="12" fill="#0e8898" font-family="monospace" letter-spacing="1.4">01</text>
  <text x="22" y="278" font-size="17" font-weight="600" fill="#133047">故障测试</text>
  <text x="22" y="304" font-size="13" fill="#28536b">硬件层：短路 / 开路 / 电阻电容</text>
  <text x="22" y="326" font-size="13" fill="#28536b">软件层：六项失效 · 液压三型</text>
  <text x="22" y="348" font-size="13" fill="#28536b">数据层：七种缺陷注入</text>
  <text x="22" y="374" font-size="13" fill="#28536b">真实层：实测故障事件库</text>
  <text x="22" y="400" font-size="12.5" fill="#61788b">同一个故障，三种来源可互证</text>

  <rect x="326" y="222" width="312" height="196" rx="12" fill="#fff" stroke="#cbe2eb"/>
  <text x="348" y="252" font-size="12" fill="#0e8898" font-family="monospace" letter-spacing="1.4">02</text>
  <text x="348" y="278" font-size="17" font-weight="600" fill="#133047">分析与表现</text>
  <text x="348" y="304" font-size="13" fill="#28536b">判据先在已知答案上考过</text>
  <text x="348" y="326" font-size="13" fill="#28536b">出的不是图，是清单</text>
  <text x="348" y="348" font-size="13" fill="#28536b">定向清单 + 排除清单</text>
  <text x="348" y="374" font-size="13" fill="#28536b">工单 → 改后同工况复核</text>
  <text x="348" y="400" font-size="12.5" fill="#61788b">每条结论带证伪条件</text>

  <rect x="652" y="222" width="312" height="196" rx="12" fill="#fff" stroke="#cbe2eb"/>
  <text x="674" y="252" font-size="12" fill="#0e8898" font-family="monospace" letter-spacing="1.4">03</text>
  <text x="674" y="278" font-size="17" font-weight="600" fill="#133047">多机型，成本低</text>
  <text x="674" y="304" font-size="13" fill="#28536b">硬件侧：柜子共用，换机型只换线</text>
  <text x="674" y="326" font-size="13" fill="#28536b">软件侧：换机型 = 换一份参数契约</text>
  <text x="674" y="348" font-size="13" fill="#28536b">已有两个功率代际可直接对照</text>
  <text x="674" y="374" font-size="13" fill="#28536b">八套原厂包 · 七十一份场级契约</text>
  <text x="674" y="400" font-size="12.5" fill="#61788b">不是一个机型建一套台</text>

  <rect x="978" y="222" width="312" height="196" rx="12" fill="#f2fafc" stroke="#0e8898"/>
  <text x="1000" y="252" font-size="12" fill="#0e8898" font-family="monospace" letter-spacing="1.4">04</text>
  <text x="1000" y="278" font-size="17" font-weight="600" fill="#133047">培训四段</text>
  <text x="1000" y="304" font-size="13" fill="#28536b"><tspan font-weight="600" fill="#0e6470">机理</tspan> — 它为什么这么动</text>
  <text x="1000" y="326" font-size="13" fill="#28536b"><tspan font-weight="600" fill="#0e6470">失效</tspan> — 坏了在信号上什么样</text>
  <text x="1000" y="348" font-size="13" fill="#28536b"><tspan font-weight="600" fill="#0e6470">模拟</tspan> — 系统级怎么配合</text>
  <text x="1000" y="374" font-size="13" fill="#28536b"><tspan font-weight="600" fill="#0e6470">实操</tspan> — 真控制器上手</text>
  <text x="1000" y="400" font-size="12.5" fill="#61788b">前三段软件，人手一份；末段上台</text>
 </g>
</svg>'''

def card(title, kind, kcls, model, state, scls, desc, href, meta):
    return f'''<a class="sim" href="{href}" target="_blank">
      <div class="sim-h"><b>{title}</b><span class="k {kcls}">{kind}</span></div>
      <div class="sim-meta"><span class="mm">机型 {model}</span><span class="ms {scls}">{state}</span></div>
      <p>{desc}</p><div class="sim-m">{meta}</div></a>'''

SIMS_A = "".join([
 card("四系统联调 · 合页","正演","kf","4 MW 海上","参数=实机回读","s-meas",
      "偏航、传动链与功率、发电机与热管理、变桨轮毂液压，十七个面板在一页里联动。",
      f"{G}/sim/sys/0_四系统合页.html","可拖滑块 · 六项失效注入"),
 card("偏航系统","正演","kf","4 MW 海上","参数=实机回读","s-meas",
      "风向标滤波 → 对风偏差 → 死区 → 刹车泄压 → 起偏 → 停止容差 → 扭缆累积。",
      f"{G}/sim/sys/1_偏航系统.html","注入：静态误差 / 风向标卡死 / 驱动降速"),
 card("传动链与功率","正演","kf","4 MW 海上","参数=实机回读","s-meas",
      "转速-功率十五点表、桨距调度表、3P 共振禁带，出厂默认与本台整定双曲线同图。",
      f"{G}/sim/sys/2_传动链与功率.html","注入：风速仪偏低 / 偏高 / 卡死"),
 card("发电机与热管理","正演","kf","4 MW 海上","参数=实机回读","s-meas",
      "定子温度与保护裕度、冷却链、告警线，温度条实时跟随。",
      f"{G}/sim/sys/3_发电机与热管理.html","注入：散热劣化 / 冷却风机 / 传感器"),
 card("变桨与轮毂液压","正演","kf","4 MW 海上","参数=实机回读","s-meas",
      "变桨闭环、轮毂压力、蓄能器充放循环，分段增益逐台对比。",
      f"{G}/sim/sys/4_变桨轮毂液压.html","注入：润滑 / 跟踪超差 / 校准 / 棘爪"),
 card("整机联调台 · 4 MW","正演","kf","4 MW 全功率","控制核心层参数","s-meas",
      "主控、变桨、变流器三者配合的联调过程，控制核心层三百七十九项参数完整接入。",
      f"{L}/整机联调台_4MW.html","可调风速与转速 · 实时曲线"),
 card("整机联调台 · 1.5 MW","正演","kf","1.5 MW 双馈","控制核心层参数","s-meas",
      "另一功率代际的联调：主控、变桨、变频器，含状态码、刹车程序与降容逻辑。",
      f"{L}/整机联调台_1.5MW.html","可与 4 MW 对照看代际差异"),
])
SIMS_B = "".join([
 card("变桨液压回路仿真台","正演 · 图纸级","kf","4 MW 海上","按原厂图纸搭建","s-meas",
      "一个油箱、变桨大站与高速轴制动两条回路、两组蓄能器。可注入失氮、外漏、泵排量下降。",
      f"{L}/U6_变桨液压仿真台.html","实时看派生指标与逐循环进油量"),
 card("传动链实际运行回放 · 38 台","回放","kr","4 MW 海上","实测 · 一个字节不造","s-meas",
      "三十八台机组二十四小时逐分钟真实记录，配十六台在问题窗的真实振动波形与频谱。",
      f"{L}/如东传动链实际运行诊断_单文件版.html","同一触发时刻 · 可播放 · 可切机组"),
 card("液压公共站健康报告","实测判据","kr","4 MW 海上","实测","s-meas",
      "系统总容变分解、两组蓄能器各自的角色、逐台健康分级。",
      f"{L}/U6_液压公共站健康报告_客户版.html","仿真台标定判据的产物"),
 card("整机综合诊断与风险评估","实测判据","kr","4 MW 海上","实测 · 双模型审","s-meas",
      "主轴冲击深挖修订版，逐台逐系统判级。",
      f"{L}/如东海上风电场_整机综合诊断与风险评估_主轴冲击深挖修订版V2.1.html","修订版"),
])
SIMS_D = "".join([
 card("涡激共振模拟器","正演 · 教学示范","kf","十二款机型预设","⚠ 频率与阻尼=标度律外推","s-syn",
      "可调风速、塔高、叶轮直径、偏航角、转速，实时看塔架与叶片的固有频率、涡脱频率与共振禁带。"
      "涵盖塔架涡激、叶片涡激、偏航失速颤振、启动穿越禁带四种情形。"
      "<b>核过来源：几何参数取自公开机型库（可信），但固有频率与阻尼比是统一标度律外推、无一机型有实测模态"
      "——所以这台只教机理趋势，不可用它的数值下任何结论。</b>",
      f"{L}/涡激共振模拟器.html","几何取公开源；无逐机型实测模态 → 只看趋势不看数值"),
 card("涡激实测核验","实测","kr","1.5 MW 陆上 × 9 台","实测秒级","s-meas",
      "抗涡激动作标志一次未触发。本页回答的是：零触发到底是真没事，还是监测面根本没在工作。",
      f"{L}/涡激实测核验.html","每台 43200 秒 · 活通道 vs 死通道对比"),
 card("运行形态塌陷 · 动态三维","实测 · 可旋转","kr","4 台 × 18 月 × 15 风速档","实测 + 算法产物","s-meas",
      "横轴风速档、纵轴月份、高度是健康裕度。绿色曲面是正常，裕度掉到零平面以下就是形态塌陷 ——"
      "在图上表现为从曲面往下扎的一口井。两种算法可切换对照。"
      "<b>深度数值不可跨算法比（阈值一个 0.754 一个 0.034），可比的只有位置模式。</b>",
      f"{L}/运行形态塌陷_动态三维.html","可旋转缩放 · 四台并排 · 真实最深值如实报"),
 card("偏航滑移事件回放","回放","kr","单台机组","实测事件","s-meas",
      "制动压不住风载，机舱在无偏航指令下被推着走。可逐事件回放机舱位置与对风偏差。",
      f"{L}/偏航滑移事件回放.html","该台全窗四十四次 · 最深一次 42.3°"),
 card("变流器故障仿真","注入","ka","1.5 MW 陆上","⚠ 波形为合成","s-syn",
      "十千赫兹逐样本算物理量，保护判据真的跑在波形上，越限才爆码，码按事件记录格式列出。"
      "改一个定值滑块，爆出来的码就会变。",
      f"{L}/变流器故障仿真.html","八类场景 · 电网跌落 / Crowbar 拒动 / IGBT 开路 / 水冷失效"),
 card("变桨故障仿真","注入","ka","1.5 MW 陆上","⚠ 波形为合成","s-syn",
      "同一套做法用在变桨系统：参数可调、判据在波形上跑、越限爆码。",
      f"{L}/变桨故障仿真.html","用于训练判读与验证判据（known-answer）"),
])
SIMS_C = "".join([
 card("整机三维拆装工作台","结构","ks","4 MW 海上","实物结构","s-meas",
      "五十八个部件的爆炸图：主轴与轴承、齿轮箱及附件、发电机与冷却、三套集中润滑、"
      "变桨泵站与阀块、偏航驱动与轴承、机架、滑环……逐件可拆可看。",
      f"{G}/viewer/unit-workbench.html","可旋转 · 可拆解 · 逐件说明"),
 card("故障分布三维视图","实测","kr","多台 × 九系统","实测事件统计","s-meas",
      "机组 × 系统 × 月份三个维度一起看，气泡大小为停机时长。可旋转、可缩放、可按系统筛。",
      f"{L}/故障分布三维视图.html","离线可用（图形库已本地化）"),
 card("振动诊断 · CMS","实测","kr","4 MW 海上","实测","s-meas",
      "频谱、包络、特征频率与告警分级，逐台逐测点。",
      f"{G}/cms/?theme=light","客户版界面"),
 card("综合详细分析工作台","实测","kr","4 MW 海上","实测","s-meas",
      "全场逐台逐系统的分析结果与证据链。",
      f"{G}/detail/v2","在线系统"),
])
HTML = f'''<!doctype html><html lang="zh-CN"><head><meta charset="utf-8">
<title>风电机组仿真集成台</title>
<style>
:root{{--bg:#edf7f9;--panel:#fff;--ink:#133047;--ink2:#28536b;--ink3:#61788b;
--line:#cbe2eb;--line2:#e1eef3;--spec:#0e8898;--specf:#dff4f4;--meas:#2077a8;--measf:#e5f2fa;
--ok:#23875b;--warn:#d48818;--bad:#d94b43;
--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;
--mono:"SF Mono",Menlo,Consolas,monospace}}
*{{box-sizing:border-box;margin:0}}
body{{background:var(--bg);color:var(--ink);font:14.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased}}
a{{color:var(--spec);text-decoration:none}}
.wrap{{max-width:1360px;margin:0 auto;padding:0 32px}}
.top{{background:linear-gradient(110deg,#10384d,#0e6470);color:#fff;padding:14px 0}}
.top .wrap{{display:flex;align-items:center;gap:16px}}
.logo{{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:700;font-size:16px}}
.top b{{font-size:15px;letter-spacing:.03em}} .top small{{display:block;font:11px var(--mono);opacity:.72;letter-spacing:.12em}}
.top .r{{margin-left:auto;font:12px var(--mono);opacity:.85}}
.hero{{padding:52px 0 40px;border-bottom:1px solid var(--line)}}
.kick{{font:12px var(--mono);letter-spacing:.16em;color:var(--spec);text-transform:uppercase}}
h1{{font-size:40px;line-height:1.16;font-weight:600;margin:16px 0 14px;letter-spacing:-.01em}}
.lead{{color:var(--ink2);font-size:17px;max-width:760px;text-wrap:pretty}}
section{{padding:40px 0;border-bottom:1px solid var(--line)}}
h2{{font-size:25px;font-weight:600;margin:12px 0 8px}}
.sub{{color:var(--ink3);margin-bottom:24px;max-width:820px}}
.grid{{display:grid;gap:16px}} .g3{{grid-template-columns:repeat(3,minmax(0,1fr))}}
.g2{{grid-template-columns:repeat(2,minmax(0,1fr))}} .g4{{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sim{{display:flex;flex-direction:column;gap:9px;background:var(--panel);border:1px solid var(--line);
border-radius:12px;padding:18px 20px;color:inherit;transition:.16s;box-shadow:0 1px 3px rgba(19,48,71,.05)}}
.sim.nolink{{cursor:default}}
.sim:not(.nolink):hover{{border-color:var(--spec);box-shadow:0 6px 20px rgba(14,136,152,.14);transform:translateY(-2px)}}
.sim-h{{display:flex;align-items:baseline;gap:10px}} .sim-h b{{font-size:15.5px;flex:1 1 auto}}
.sim p{{color:var(--ink2);font-size:13.4px;line-height:1.7}}
.sim-meta{{display:flex;align-items:center;gap:8px;flex-wrap:wrap}}
.mm{{font:11.5px var(--mono);color:var(--ink2);background:#f2fafc;border:1px solid var(--line);border-radius:6px;padding:2px 8px}}
.ms{{font:11.5px var(--mono);border-radius:6px;padding:2px 8px}}
.s-meas{{background:#e6f6ec;color:#1c6e4a;border:1px solid #b6dfc7}}
.s-model{{background:#eef1f6;color:#4a5f75;border:1px solid #cdd8e4}}
.s-syn{{background:#fdf1de;color:#9a6210;border:1px solid #eccb96}}
.sim-m{{margin-top:auto;padding-top:8px;border-top:1px solid var(--line2);font:11.5px var(--mono);color:var(--ink3)}}
.k{{font:11px var(--mono);padding:3px 9px;border-radius:99px;white-space:nowrap}}
.kf{{background:var(--specf);color:var(--spec);border:1px solid #a9dfe4}}
.kr{{background:var(--measf);color:var(--meas);border:1px solid #b3d8ee}}
.ks{{background:#eef1f6;color:#4a5f75;border:1px solid #cdd8e4}}
.ka{{background:#fdf1de;color:#9a6210;border:1px solid #eccb96}}
.card{{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:0 1px 3px rgba(19,48,71,.05)}}
.card .k2{{font:11px var(--mono);letter-spacing:.12em;color:var(--spec);text-transform:uppercase;margin-bottom:8px}}
.card h3{{font-size:16.5px;font-weight:600;margin-bottom:8px}}
.card p{{color:var(--ink2);font-size:13.6px}}
.num{{font:600 33px/1.1 var(--mono);color:var(--ink)}}
.num span{{font-size:13px;color:var(--ink3);font-weight:400;margin-left:5px}}
figure{{margin:0}} figure img,figure video{{width:100%;display:block;border:1px solid var(--line);border-radius:12px;background:#fff}}
figcaption{{color:var(--ink3);font-size:12.5px;margin-top:10px}}
.note{{border-left:3px solid var(--spec);background:var(--specf);border-radius:0 10px 10px 0;padding:15px 18px;color:var(--ink2);font-size:14px}}
.chap{{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line2)}}
.chap:last-child{{border-bottom:0}}
.chap .n{{font:600 13px var(--mono);color:var(--spec);background:var(--specf);border:1px solid #a9dfe4;border-radius:8px;padding:6px 0;text-align:center}}
.chap b{{font-size:15.5px}} .chap p{{color:var(--ink2);font-size:13.5px;margin-top:3px}}
.foot{{color:var(--ink3);font:11.5px var(--mono);padding:22px 0 40px}}
@media(max-width:1000px){{.g3,.g4{{grid-template-columns:1fr 1fr}} .g2{{grid-template-columns:1fr}} h1{{font-size:30px}}}}
</style></head><body>

<div class="top"><div class="wrap">
  <div class="logo">观</div>
  <div><b>观澜 · 风电机组仿真集成台</b><small>GUANLAN SIMULATION HUB</small></div>
  <div class="r">离线运行 · 无需网络</div>
</div></div>

<div class="hero"><div class="wrap">
  <div class="kick">一个入口，全部仿真</div>
  <h1>从图纸到回路，从信号到工单</h1>
  <p class="lead">二十一个仿真台、回放台与结构台集中在这一页。每一个都标了它的数从哪来 ——
  <b>算出来的</b>（按参数与图纸正演）、<b>测出来的</b>（真实运行记录回放）、还是<b>结构</b>。
  这条分界是所有诊断的第一课。</p>
</div></div>

<section><div class="wrap">
  <div class="kick">01 · 整体架构</div>
  <h2>两个模块，可分可合，看预算</h2>
  <p class="sub"><b>数字仿真</b>回答「现场实际发生了什么」，<b>半实物</b>回答「控制器本来该怎么响应」。
  两个模块<b>各自都能单独成立</b>：只买数字，七篇课里六篇照上；只买半实物，能做控制器测试但培训内容基本是空的。
  组合起来才多出第三个问题的答案——<b>现场的样子和设计的样子，差在哪</b>。这是唯一值得为组合多付钱的理由。</p>
  <div class="note" style="margin-bottom:18px">⚠ 组合形态的那条接缝（实测时序 → 测试序列 → 真控制器复现）
  <b>至今一次都没跑通过</b>。它是本方案技术风险最高的一环，不应当作既成能力。只买数字模块则不承担此风险。</div>
  {ARCH_SVG}
</div></section>

<section><div class="wrap">
  <div class="kick">02 · 整体价值</div>
  <h2>它把三件看不见的事变成看得见的</h2>
  <div class="grid g3" style="margin-top:22px">
    <div class="card"><div class="k2">价值一</div><h3>故障在信号上长什么样</h3>
      <p>现场三年遇不到的故障，这里可以反复注入观察。蓄能器丢气、外漏、泵磨损 —— 三者签名方向各不相同，
      所以能分得开。<b>已有六项注入全部对应真实告警码</b>，不是编的动画。</p></div>
    <div class="card"><div class="k2">价值二</div><h3>手册和真机的差距</h3>
      <p>整机参数回读之后才发现，这台机器有二十四项现场整定值和出厂默认不一样，
      其中转速-功率曲线九个点全被改过。<b>手册上那条曲线，它并没有在跑。</b>
      两条曲线同图一画，这件事一屏说完。</p></div>
    <div class="card"><div class="k2">价值三</div><h3>判据到底准不准</h3>
      <p>判据不是写完就算数。先把已知答案的故障注进真实数据，看它判不判得出、会不会误报 ——
      <b>一百六十四个场景考过，才准上机器。</b>这一步别人通常跳过，我们不跳。</p></div>
  </div>
  <div class="note" style="margin-top:20px">还有一层价值是结构性的：<b>同一套口径能罩住不同厂商、不同功率代际的机器。</b>
  一个场里跑着三家整机厂的机组，没有统一尺子就没法横比、没法排优先级 —— 这正是我们地基那层在解决的问题。</div>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 控制律</div>
  <h2>机器是怎么被控制的</h2>
  <p class="sub">参数来自整机控制器实机回读。图上同时画出厂默认曲线与本台现场整定曲线，低转速段肉眼可见地分开。</p>
  <div class="grid g3">{SIMS_A}</div>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 回路与回放</div>
  <h2>按图纸搭回路，用实测验判据</h2>
  <p class="sub">判据不是从数据里拟合出来的，是先在物理上算出来、再用整场实测反过来验证的。</p>
  <div class="grid g2">{SIMS_B}</div>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 痛点专项</div>
  <h2>涡激、偏航滑移、故障爆码，各有各的台子</h2>
  <p class="sub">机理归机理、实测归实测、合成归合成 —— 每张卡片都标了机型和数据状态，一眼能分清。</p>
  <div class="grid3">{SIMS_D}</div>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 结构与在线</div>
  <h2>拆得开，也看得见现在</h2>
  <div class="grid g3">{SIMS_C}</div>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 场级</div>
  <h2>整个风场一起看</h2>
  <p class="sub">单台之外还有场级：机位之间互相遮挡。下面用的是一个真实山地风场的九十台实际机位，
  风向分布来自该场一百二十一万条实测十分钟记录。<b>坐标已做刚性变换脱敏</b> —— 相对几何不变，所以尾流物理为真。</p>
  <figure style="margin-bottom:22px">
    <img src="data:image/png;base64,{PNG}" alt="真实山地风场尾流图">
    <figcaption>主导风向 165°（占全年 33.5%）下的尾流场。标注为该风向下受尾流最深的三台。
    边界：平坦地形假设、推力曲线为通用示意值 → 只看相对形态与排序，不报绝对损失。引擎 PyWake（丹麦技术大学）。</figcaption>
  </figure>
  <figure>
    <video src="data:video/mp4;base64,{MP4}" controls autoplay loop muted playsinline></video>
    <figcaption>动态：风向从 90° 扫到 270°（覆盖约九成的时间），看尾流在整个场里横扫。右下风玫瑰为实测分布。</figcaption>
  </figure>
</div></section>

<section><div class="wrap">
  <div class="kick">03 · 我们能做什么 · 行业痛点</div>
  <h2>三个「看着没事、后果很重」的问题</h2>
  <p class="sub">共同点是：站在塔下看不出来，在常规报表上也不显眼，但都实打实吃电量、吃寿命，甚至吃安全。
  下面每一张都标了哪部分是实测、哪部分是模型、哪部分引文献。</p>

  <figure style="margin-bottom:26px">
    <img src="data:image/png;base64,{VIV}" alt="涡激振荡">
    <figcaption><b>涡激振荡</b> —— 风吹过塔筒周期性脱落旋涡，脱落频率撞上塔筒固有频率就进入锁频，振动自己放大自己。
    两个反直觉之处：临界风速落在很常见的风速段，不是极端天气；最危险的是吊装期和不带叶片的停机，因为叶轮转动提供的气动阻尼没了。
    <b>本图为工程经验模型（涡脱频率 + 锁频带 + Scruton 数），非 CFD、非气弹耦合，参数为通用示意值。</b></figcaption>
  </figure>

  <figure style="margin-bottom:26px">
    <img src="data:image/png;base64,{YAWS}" alt="偏航滑移">
    <figcaption><b>偏航滑移</b> —— 制动力矩压不住风载力矩，机舱在没有任何偏航指令的情况下被风推着走。
    上排是五十台机组的实测事件：一半机组一次没滑，问题集中在少数台，最深一次滑了四十二度，而且逐月分布有明显断点。
    下排是三种在信号上长得很像的现象，判滑移必须四门同时成立，缺一就会误判。
    <b>上排为实测统计（台号已重编）；下排为合成教学信号。</b></figcaption>
  </figure>

  <figure>
    <img src="data:image/png;base64,{PITCH}" alt="变桨角度不一致">
    <figcaption><b>变桨角度不一致</b> —— 三个叶片桨距不一致，气动推力不再三重对称，合力矩多出一个每转一圈来一次的分量，
    直接打在轮毂、主轴和塔架上。中间那张是真实机群的塔筒 1P 筛查：四十二台里只挑出两台，这正是机群相对筛查该有的样子。
    <b>机理为正演（相对量）；筛查为实测；电量与寿命后果因运行数据无载荷通道，全部引文献，本模型不自算。</b></figcaption>
  </figure>
</div></section>

<section><div class="wrap">
  <div class="kick">04 · 培训编排</div>
  <h2>一台机器，一条链走完</h2>
  <p class="sub">前置一篇加正课六篇。每一篇的落点是"学员能自己做什么"，不是"我们讲了什么"。</p>
  <div class="card">
    <div class="chap"><div class="n">前置</div><div><b>这些东西各能信到什么程度</b>
      <p>放最前面，不是放附录。三个标签贯穿全程：数从哪来、保真到哪一档、结论能用到什么级别。</p></div></div>
    <div class="chap"><div class="n">一</div><div><b>认识这台机器</b>
      <p>五十八个部件的爆炸图，再叠一层传动链运动学 —— 风轮转一圈，齿轮箱那头转一百一十九圈多。</p></div></div>
    <div class="chap"><div class="n">二</div><div><b>它是怎么被控制的</b>
      <p>转矩控制怎么追最优叶尖速比、变桨怎么在额定以上稳功率、偏航死区滞环怎么定。</p></div></div>
    <div class="chap"><div class="n">三</div><div><b>真实世界里它长什么样</b>
      <p>整场逐台回放，配真实振动波形与频谱。教一条最容易踩的口径：同步派生转矩不是扭矩传感器实测。</p></div></div>
    <div class="chap"><div class="n">四</div><div><b>它会怎么坏 —— 核心</b>
      <p>现场罕见的故障，这里可以反复注入观察。已有六项注入全部对应真实告警码；新增涡激振荡与偏航滑移两个专题。</p></div></div>
    <div class="chap"><div class="n">五</div><div><b>怎么判、怎么修、怎么验</b>
      <p>判据 → 定向清单加排除清单 → 工单 → 改后同工况复核。排除清单不占改造预算。</p></div></div>
    <div class="chap"><div class="n">六</div><div><b>换一台机器怎么办</b>
      <p>换一家整机厂、换一个功率代际，这套判据与流程怎么搬过去。</p></div></div>
  </div>
</div></section>

<section style="border-bottom:0"><div class="wrap">
  <div class="grid g4" style="margin-bottom:22px">
    <div class="card"><div class="k2">部件域判据</div><div class="num">10<span>个</span></div>
      <p style="margin-top:4px">变桨 · 静态偏航 · 动态偏航 · 部件温度 · 振动频谱 · 液压站 · 限电识别 · 功率曲线 · 欠发归因 · 特性曲线</p></div>
    <div class="card"><div class="k2">场级字段契约</div><div class="num">71<span>份</span></div>
      <p style="margin-top:4px">每份是一个风场的字段语义定稿，覆盖十九家可辨识整机厂</p></div>
    <div class="card"><div class="k2">原厂控制器包</div><div class="num">8<span>套</span></div>
      <p style="margin-top:4px">拆到程序、码表、定值一级</p></div>
    <div class="card"><div class="k2">判据靶场场景</div><div class="num">164<span>个</span></div>
      <p style="margin-top:4px">已知答案的注入与回放场景，判据先在这里考过才准上机</p></div>
  </div>
  <div class="note">判据先在一百六十四个已知答案上考过，才准上你们的机器。
  <b>工具库才是壁垒</b> —— 模型只是调度器。</div>
</div></section>

<div class="wrap foot">观澜 · 风电机组仿真集成台 · 离线单文件 · 本页内所有链接指向本机服务与本地文件</div>
</body></html>'''
_OUT = pathlib.Path(__file__).resolve().parents[2] / "outputs/rudong/windscada/_demo/sim"
pathlib.Path(_OUT/"仿真集成台.html").write_text(HTML, encoding="utf-8")
print("written 仿真集成台.html")