2.21.0 三页签通过严格整页签对拍: overview/energy/component 与重构前呈现一致(文本节点边界/块顺序/图例HTML/图数据集合/原始值等 7 类偏差逐条修掉) + 客户端产物重建; fault 与其余 6 页签待迁

VERSION

@@ -1 +1 @@
-2.20.0
+2.21.0

app_frontEnd/web/src/views/Component.vue

@@ -28,6 +28,20 @@ const cards = computed(() => SYS9.filter((s) => SD.value[s]).map((s) => {
   return { s, dist, a, u, N, col }
 }))
 
+/** 命中系统格：照旧模板 `(w.syss||[]).map(x => `<a …>${sysName(x)}</a>`).join(' · ')`
+ *  —— v-html 才能同构地产生"锚 + 文本分隔符 + 锚"的节点序列。 */
+function hitHtml(w: any): string {
+  return (w.syss || []).map((x: string) =>
+    `<a href="/problem/${w.t}/${encodeURIComponent(sysFromSlug(x) || x)}">${sysName(x)}</a>`).join(' · ')
+}
+
+/** 旧代码 `const eh = ((d.control.energy||{}).items||[]).filter(x => x.k === '停机').map(x => x.h)[0]` */
+const relEh = computed<number | null>(() => {
+  const items = ((props.d?.control || {}).energy || {}).items || []
+  const hit = items.filter((x: any) => x.k === '停机').map((x: any) => x.h)[0]
+  return hit == null ? null : hit
+})
+
 const relRows = computed(() => {
   const tb = (rel.value?.表 || []) as any[]
   const maxH = Math.max(1, ...tb.map((r) => r.停机时长h))
@@ -114,9 +128,8 @@ const detail = computed(() => {
                  :style="`width:${(c.dist[k] / c.N * 100).toFixed(1)}%;background:var(--${col})`"></i>
             </div>
             <div class="small muted">
-              <span v-html="t('cmp.alarm_n', { a: `<b style=&quot;color:${c.col}&quot;>${c.a}</b>` })"></span>
-              <span v-if="c.u">{{ t('cmp.unk_n', { u: c.u }) }}</span>
-              <span>{{ t('cmp.fleet_n', { n: c.N }) }}</span>
+              <!-- 文本节点边界必须与旧页面一致：报警段经 v-html（内部含 <b>），其余两段**拼成一个**插值 -->
+              <span v-html="t('cmp.alarm_n', { a: `<b style=&quot;color:${c.col}&quot;>${c.a}</b>` })"></span>{{ (c.u ? t('cmp.unk_n', { u: c.u }) : '') + t('cmp.fleet_n', { n: c.N }) }}
             </div>
           </div>
         </div>
@@ -132,7 +145,8 @@ const detail = computed(() => {
     <section v-else-if="rel">
       <div class="eyebrow">{{ t('cmp.rel_eyebrow', { win: rel.窗 }) }}</div>
       <div class="panel mb">
-        <h3>{{ t('cmp.rel_head') }} <span class="small muted" style="font-weight:400">{{ t('cmp.rel_meta', { t: rel.总停机h === undefined ? '' : fmt(rel.总停机h) }) }}</span></h3>
+        <h3>{{ t('cmp.rel_head') }} <span class="small muted" style="font-weight:400">{{ t('cmp.rel_meta', { t: rel.总停机h, a: rel.设备类停机h, b: rel.外部类停机h }) }}</span></h3>
+        <p class="small muted" style="margin:-2px 0 8px">{{ t('cmp.rel_note', { h: relEh == null ? '' : ' ' + fmt(relEh) + 'h' }) }}</p>
         <div class="tblwrap">
           <table>
             <tr>
@@ -142,7 +156,7 @@ const detail = computed(() => {
               <th>{{ t('cmp.rel_fm') }}</th>
             </tr>
             <tr v-for="x in relRows" :key="x.r.部件">
-              <td><b>{{ partName(x.r.部件) }}</b><span v-if="x.r.外部" class="badge">{{ t('cmp.external') }}</span></td>
+              <td><b>{{ partName(x.r.部件) }}</b><span v-if="x.r.外部">{{ ' ' }}<span class="badge">{{ t('cmp.external') }}</span></span></td>
               <td><i class="bar" :style="`width:${Math.round(x.r.停机时长h / x.maxH * 72)}px;background:${x.sev}`"></i><span class="num small">{{ x.r.停机时长h }}h · {{ (x.r['占停机'] * 100).toFixed(1) }}%</span></td>
               <td class="r">{{ x.r.事件数 }}</td>
               <td class="r">{{ x.r.外部 ? '—' : (x.r.MTBF_h || '—') }}</td>
@@ -152,11 +166,12 @@ const detail = computed(() => {
             </tr>
           </table>
         </div>
+        <p class="small muted">{{ rel.口径 }}</p>
       </div>
     </section>
 
     <section v-if="d.fus && !d.fus.err">
-      <div class="panel mb"><p class="small">{{ t('cmp.fusion_moved') }} <a href="#tab=vibration"><b>{{ t('tab.vibration') }}</b></a></p></div>
+      <div class="panel mb"><p class="small">{{ t('cmp.fusion_moved') }} <a href="#tab=vibration"><b>{{ t('tab.vibration') }}</b></a> {{ t('cmp.fusion_n', { n: (d.fus.表 || []).length }) }}</p></div>
     </section>
 
     <section>
@@ -165,13 +180,12 @@ const detail = computed(() => {
         <h3>{{ t('cmp.watch_head', { n: (d.watch || []).length }) }}</h3>
         <div class="tblwrap">
           <table>
-            <tr><th>{{ t('ui.unit') }}</th><th class="r">{{ t('cmp.watch_n') }}</th><th>{{ t('cmp.watch_sys') }}</th></tr>
+            <tr><th>{{ t('ui.unit') }}</th><th class="r">{{ t('cmp.n_sys') }}</th><th>{{ t('cmp.hit_sys') }}</th><th>{{ t('cmp.basis') }}</th></tr>
             <tr v-for="w in (d.watch || [])" :key="w.t">
               <td><a :href="`/turbine/${w.t}`"><b>{{ unitNo(w.t) }}</b></a></td>
               <td class="r">{{ w.n }}</td>
-              <td class="small">
-                <a v-for="(s, i) in (w.syss || [])" :key="s" :href="`/problem/${w.t}/${encodeURIComponent(s)}`"><span v-if="i">、</span>{{ sysName(s) }}</a>
-              </td>
+              <td class="small" v-html="hitHtml(w)"></td>
+              <td class="small">{{ w.why }}</td>
             </tr>
           </table>
         </div>

app_frontEnd/web/src/views/Energy.vue

@@ -41,30 +41,43 @@ const kpi = computed(() => {
   ]
 })
 
-/** 瀑布图数据 → ECharts option（类目/数值与旧图同源，供数据级对拍） */
+/** 旧 `CH.blameBar` 的分组口径（照抄）：限电/调度 → 0 · 停机 → 1 · 其余 → 2 */
+const blameCat = (k: string): number => (k.indexOf('限电') >= 0 || k.indexOf('调度') >= 0) ? 0 : (k === '停机' ? 1 : 2)
+
+const blameGroups = computed(() => {
+  const g = [0, 0, 0]
+  for (const x of (E.value?.items || [])) g[blameCat(x.k)] += x.loss
+  return g
+})
+
+/** 瀑布图：旧 `CH.waterfall` 的文字里出现的数字 = theo / act / Σitems / 各 items / 组占比% ⇒ 同一口径给数 */
 const waterfallOption = computed(() => {
   const e = E.value || {}
-  const items = (e.items || []).map((x: any) => ({ name: x.k, value: Math.round(x.loss) }))
+  const items = (e.items || []).filter((x: any) => x.loss > 0).map((x: any) => ({ name: x.k, value: Math.round(x.loss) }))
+  const groups = blameGroups.value
+  const tot = groups.reduce((a, b) => a + b, 0) || 1
+  const pct = groups.map((v) => Math.round(v / tot * 100)).filter((p, i) => (groups[i] / tot * 500) > 46)
   return {
     title: { text: t('en.balance'), left: 'center', textStyle: { fontSize: 13 } },
     tooltip: { trigger: 'axis' },
-    grid: { left: 60, right: 20, top: 44, bottom: 40 },
+    grid: { left: 70, right: 20, top: 44, bottom: 40 },
     xAxis: { type: 'category', data: items.map((x: any) => x.name) },
     yAxis: { type: 'value', name: 'MWh' },
     series: [{ type: 'bar', data: items.map((x: any) => x.value), itemStyle: { color: '#0b5fa5' } }],
-    __data__: { theo: e.theo, act: e.act, loss: e.loss, loss_pct: e.loss_pct, items },
+    // 与旧图数字集合同源：theo · act · Σitems · 各 item · 组占比%
+    __data__: [Math.round(e.theo), Math.round(e.act), Math.round(items.reduce((a: number, x: any) => a + x.value, 0)),
+      ...items.map((x: any) => x.value), ...pct],
   }
 })
 
 const blameOption = computed(() => {
-  const e = E.value || {}
-  const items = (e.items || []).map((x: any) => ({ name: x.k, value: Math.round(x.loss) }))
+  const groups = blameGroups.value
   return {
-    grid: { left: 80, right: 24, top: 20, bottom: 30 },
+    grid: { left: 90, right: 24, top: 20, bottom: 30 },
     xAxis: { type: 'value', name: 'MWh' },
-    yAxis: { type: 'category', data: items.map((x: any) => x.name) },
-    series: [{ type: 'bar', data: items.map((x: any) => x.value), itemStyle: { color: '#2f7dbf' } }],
-    __data__: { items },
+    yAxis: { type: 'category', data: [t('ch.blame.n1'), t('ch.blame.n2'), t('ch.blame.n3')] },
+    series: [{ type: 'bar', data: groups.map((v) => Math.round(v)), itemStyle: { color: '#2f7dbf' } }],
+    __data__: [],
   }
 })
 
@@ -89,6 +102,13 @@ const mxp = computed(() => Math.max(1, ...S.value.map((x: any) => x.pct)))
       <div class="panel">
         <h3>{{ t('en.blame') }}</h3>
         <EChart :option="blameOption" height="240px" />
+        <!-- 旧 CH.blameBar 的图例是 HTML（不是画布）：三段 名称/数值/说明 必须在，否则对拍文本少 9 条 -->
+        <div v-for="(v, i) in blameGroups" :key="i" style="display:flex;align-items:baseline;gap:7px;margin-top:5px">
+          <i :style="`flex:none;width:9px;height:9px;border-radius:2px;background:${['var(--accent)', 'var(--critical)', 'var(--muted)'][i]};opacity:.55`"></i>
+          <span style="font-weight:600">{{ t(['ch.blame.n1', 'ch.blame.n2', 'ch.blame.n3'][i]) }}</span>
+          <span class="num">{{ fmt(Math.round(v)) }} MWh</span>
+          <span class="small muted">{{ t(['ch.blame.d1', 'ch.blame.d2', 'ch.blame.d3'][i]) }}</span>
+        </div>
         <p class="small muted" style="margin-top:6px">
           {{ t('en.blame_note', { n: fmt(Math.round(((E.items || []).find((x: any) => x.k === '停机') || {}).loss || 0)) }) }}
         </p>

app_frontEnd/web/src/views/Overview.vue

@@ -1,143 +1,178 @@
-<script setup lang="ts">
-/**
- * 总览页签（P11 迁移第一个页签）——逐字对应重构前 `app.js` 的 `overview(d)`：
- *   ① KPI 卡片（6 个，含口径 title）
- *   ② 需要关注（融合面链盘 rows 里 bad/warn 的台，含"查看完整依据"与卡在哪一步）
- *   ③ 全场状态条（38 格矩阵 + 台号 + 静默台数）
- *
- * 呈现一致由 `tools/render_parity.mjs` 对拍：本组件 SSR 出来的 HTML 与现网 `/detail/v2`
- * 页面里对应区块的 文案/数值/类名序列/台号序列 必须一致。
- */
-import { computed } from 'vue'
-import { t } from '../i18n/zh'
-import { STEP, SEV, fmt, stateKey, stKey, stWord, unitNo, unitState, winName } from '../lib/render'
-
-const props = defineProps<{ d: any }>()
-
-const F = computed(() => props.d?.fus || {})
-const M = computed(() => props.d?.m8?.mtbf || {})
-const C = computed(() => props.d?.control || {})
-
-/** 损失分项按 control.states 取（与经典页同源；见 app.js:172 的实逮说明） */
-const LS = computed<Record<string, number>>(() => {
-  const out: Record<string, number> = {}
-  for (const x of (C.value.states || [])) out[x.k] = x.loss
-  return out
-})
-
-const kpi = computed(() => {
-  const c = C.value
-  const lossLabel = t('kpi.loss', { win: winName(props.d?.win) })
-    + (LS.value['停机(调度令)'] != null ? ` · ${t('kpi.loss_dispatch', { n: fmt(LS.value['停机(调度令)']) })}` : '')
-  return [
-    { v: fmt(c.avail, 1), u: '%', l: t('kpi.avail', { win: winName(props.d?.win) }), k: (c.avail >= 95 ? 'ok' : 'warn'), ti: '' },
-    { v: fmt(M.value.停机总时长h), u: 'h', l: t('kpi.downtime', { n: fmt(M.value.停机事件数) }), k: 'warn', ti: '' },
-    { v: fmt(M.value.MTBF_h), u: 'h', l: t('kpi.mtbo'), k: '', ti: '' },
-    { v: fmt(LS.value['停机']), u: 'MWh', l: lossLabel, k: '', ti: '' },
-    { v: fmt(LS.value['限电·绑定']), u: 'MWh', l: t('kpi.curtail'), k: '', ti: '' },
-    {
-      v: `${fmt(props.d?.kpi?.报警台)} / ${fmt(props.d?.kpi?.全场)}`, u: '',
-      l: t('kpi.alarm_units'), k: (props.d?.kpi?.报警台 ? 'warn' : 'ok'), ti: t('kpi.alarm_units.hint'),
-    },
-  ]
-})
-
-const why = computed<Record<string, string>>(() => {
-  const out: Record<string, string> = {}
-  for (const w of (props.d?.watch || [])) out[w.t] = w.why
-  return out
-})
-const rows = computed(() => (((F.value.链盘 || {}).rows) || []).filter((r: any) => r.lvl === 'bad' || r.lvl === 'warn'))
-
-function basis(r: any): string {
-  const own = (why.value[r.t] || '').trim()
-  if (own) return own
-  const stuckKey = STEP[r.stuck] || String(r.stuck || '').toLowerCase()
-  const stuckStep = stuckKey === 'evidence' ? t('step.site_records') : t('step.' + (stuckKey || 'evidence'))
-  return t('ov.basis_fusion', {
-    part: r.part || '—',
-    done: (r.done == null ? '—' : r.done),
-    n: ((r.steps || []).length || '—'),
-    stuck: r.stuck ? stuckStep : t('ov.all_steps_done'),
-    srcs: (r.srcs || []).join(' / ') || t('ov.no_srcs'),
-  })
-}
-
-function stuckText(r: any): string {
-  if (!r.stuck) return ''
-  const stuckKey = STEP[r.stuck] || String(r.stuck || '').toLowerCase()
-  const stuckStep = stuckKey === 'evidence' ? t('step.site_records') : t('step.' + (stuckKey || 'evidence'))
-  return t('step.stuck_at', { step: stuckStep })
-}
-
-const mat = computed<any[]>(() => F.value.矩阵 || [])
-const hot = computed(() => new Set(rows.value.map((r: any) => r.t)))
-</script>
-
-<template>
-  <section>
-    <div class="kpis">
-      <div v-for="(k, i) in kpi" :key="i" class="kpi" :class="k.k" :title="k.ti || undefined">
-        <b>{{ k.v }}<small v-if="k.u">{{ k.u }}</small></b><span>{{ k.l }}</span>
-      </div>
-    </div>
-  </section>
-
-  <section>
-    <div class="sechead">
-      <h2>{{ t('ov.attention') }}</h2>
-      <span class="meta">{{ t('ov.attention_n', { n: rows.length }) }}</span>
-      <span class="meta">{{ t('ov.ranked_by') }}</span>
-    </div>
-    <div v-if="F.gap" class="card mb" style="margin-bottom:10px">
-      <p class="small" style="color:var(--warning)">{{ F.gap }}</p>
-      <p class="small muted">{{ t('ov.fus_gap_hint') }}</p>
-    </div>
-    <div class="cards">
-      <div v-for="r in rows" :key="r.t" class="card" :id="`u-${r.t}`" :style="`--sev:var(--${SEV[stateKey(r.ostate) || (r.lvl === 'bad' ? 'bad' : 'warn')]})`">
-        <div class="head">
-          <a class="unit" :href="`/turbine/${r.t}`">{{ unitNo(r.t) }}</a>
-          <span class="sys">{{ r.part || '' }}</span>
-          <span class="chip" :class="stateKey(r.ostate) || (r.lvl === 'bad' ? 'bad' : 'warn')">{{ stWord(r.ostate || (r.lvl === 'bad' ? '危险' : '报警')) }}</span>
-        </div>
-        <details class="evidence-detail">
-          <summary>{{ t('ov.evidence') }}</summary>
-          <div class="why">{{ basis(r) }}</div>
-        </details>
-        <div class="evid">
-          <span v-if="r.estate" class="tier" :class="r.estate">{{ stWord(r.estate) }}</span>
-          <span v-if="r.srcs && r.srcs.length" class="rv">{{ r.srcs.length }} sources</span>
-        </div>
-        <div v-if="stuckText(r) || r.next" class="caveat">
-          <b>{{ t('ov.caveat') }}</b>{{ stuckText(r) }}{{ stuckText(r) && r.next ? ' — ' : '' }}{{ r.next || '' }}
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section>
-    <div class="sechead">
-      <h2>{{ t('ov.strip') }}</h2><span class="meta">{{ t('ov.strip_hint') }}</span>
-      <div class="legend">
-        <span v-for="k in ['bad', 'warn', 'unk', 'ok', 'ex']" :key="k">
-          <i :style="`background:var(--${SEV[k]})`"></i>{{ t(stKey(k)) }}
-        </span>
-      </div>
-    </div>
-    <div class="strip" :style="`--n:${mat.length || 38}`">
-      <div class="cells">
-        <template v-if="mat.length">
-          <div v-for="r in mat" :key="r.turbine" class="cell" :class="[unitState(r), hot.has(r.turbine) ? 'hot' : '']"
-               :data-u="r.turbine" :title="`${unitNo(r.turbine)} ${t(stKey(unitState(r)))}`"></div>
-        </template>
-        <div v-else class="quiet" style="padding:10px">{{ F.gap || t('ov.fus_gap_hint') }}</div>
-      </div>
-      <div class="nums">
-        <span v-for="r in mat" :key="`n-${r.turbine}`" :class="hot.has(r.turbine) ? 'hot' : ''">{{ unitNo(r.turbine).replace('#', '') }}</span>
-      </div>
-      <div class="quiet">
-        {{ rows.length ? t('ov.quiet', { n: Math.max(0, (mat.length || 38) - rows.length) }) : t('ov.quiet_all', { n: mat.length || 38 }) }}
-      </div>
-    </div>
-  </section>
-</template>
+<script setup lang="ts">
+/**
+ * 总览页签（P11 迁移第一个页签）——逐字对应重构前 `app.js` 的 `overview(d)`：
+ *   ① KPI 卡片（6 个，含口径 title）
+ *   ② 需要关注（融合面链盘 rows 里 bad/warn 的台，含"查看完整依据"与卡在哪一步）
+ *   ③ 全场状态条（38 格矩阵 + 台号 + 静默台数）
+ *
+ * 呈现一致由 `tools/render_parity.mjs` 对拍：本组件 SSR 出来的 HTML 与现网 `/detail/v2`
+ * 页面里对应区块的 文案/数值/类名序列/台号序列 必须一致。
+ */
+import { computed } from 'vue'
+import { t } from '../i18n/zh'
+import { STEP, SEV, fmt, stateKey, stKey, stWord, unitNo, unitState, winName } from '../lib/render'
+import { SYS9, sysName, sysSlug } from '../lib/render2'
+
+const props = defineProps<{ d: any }>()
+
+const F = computed(() => props.d?.fus || {})
+const M = computed(() => props.d?.m8?.mtbf || {})
+const C = computed(() => props.d?.control || {})
+
+/** 损失分项按 control.states 取（与经典页同源；见 app.js:172 的实逮说明） */
+const LS = computed<Record<string, number>>(() => {
+  const out: Record<string, number> = {}
+  for (const x of (C.value.states || [])) out[x.k] = x.loss
+  return out
+})
+
+const kpi = computed(() => {
+  const c = C.value
+  const lossLabel = t('kpi.loss', { win: winName(props.d?.win) })
+    + (LS.value['停机(调度令)'] != null ? ` · ${t('kpi.loss_dispatch', { n: fmt(LS.value['停机(调度令)']) })}` : '')
+  return [
+    { v: fmt(c.avail, 1), u: '%', l: t('kpi.avail', { win: winName(props.d?.win) }), k: (c.avail >= 95 ? 'ok' : 'warn'), ti: '' },
+    { v: fmt(M.value.停机总时长h), u: 'h', l: t('kpi.downtime', { n: fmt(M.value.停机事件数) }), k: 'warn', ti: '' },
+    { v: fmt(M.value.MTBF_h), u: 'h', l: t('kpi.mtbo'), k: '', ti: '' },
+    { v: fmt(LS.value['停机']), u: 'MWh', l: lossLabel, k: '', ti: '' },
+    { v: fmt(LS.value['限电·绑定']), u: 'MWh', l: t('kpi.curtail'), k: '', ti: '' },
+    {
+      // 旧模板 `<b>${fmt(报警台)} <small>/ ${fmt(全场)}</small></b>` —— `vHtml` 保留 <small> 元素与节点边界
+      vRaw: `${fmt(props.d?.kpi?.报警台)} <small>/ ${fmt(props.d?.kpi?.全场)}</small>`, u: '',
+      l: t('kpi.alarm_units'), k: (props.d?.kpi?.报警台 ? 'warn' : 'ok'), ti: t('kpi.alarm_units.hint'),
+      vHtml: true,
+    },
+  ]
+})
+
+const why = computed<Record<string, string>>(() => {
+  const out: Record<string, string> = {}
+  for (const w of (props.d?.watch || [])) out[w.t] = w.why
+  return out
+})
+const rows = computed(() => (((F.value.链盘 || {}).rows) || []).filter((r: any) => r.lvl === 'bad' || r.lvl === 'warn'))
+
+function basis(r: any): string {
+  const own = (why.value[r.t] || '').trim()
+  if (own) return own
+  const stuckKey = STEP[r.stuck] || String(r.stuck || '').toLowerCase()
+  const stuckStep = stuckKey === 'evidence' ? t('step.site_records') : t('step.' + (stuckKey || 'evidence'))
+  return t('ov.basis_fusion', {
+    part: r.part || '—',
+    done: (r.done == null ? '—' : r.done),
+    n: ((r.steps || []).length || '—'),
+    stuck: r.stuck ? stuckStep : t('ov.all_steps_done'),
+    srcs: (r.srcs || []).join(' / ') || t('ov.no_srcs'),
+  })
+}
+
+function stuckText(r: any): string {
+  if (!r.stuck) return ''
+  const stuckKey = STEP[r.stuck] || String(r.stuck || '').toLowerCase()
+  const stuckStep = stuckKey === 'evidence' ? t('step.site_records') : t('step.' + (stuckKey || 'evidence'))
+  return t('step.stuck_at', { step: stuckStep })
+}
+
+/** 九系统分布（旧 overview() 的第 4 块）：与 component 页同一份 d.sysdist */
+const SYS_SEG = [['危险', 'critical'], ['报警', 'warning'], ['不可判', 'unknown'], ['良好', 'good'], ['优秀', 'excellent']]
+const systems = computed(() => {
+  const dist = props.d?.sysdist || {}
+  return SYS9.map((s) => {
+    const c = (dist[s] || {}) as Record<string, number>
+    const n = Object.values(c).reduce((a, b) => a + b, 0) || 1
+    return { name: sysName(s), slug: sysSlug(s), dist: c, n, seg: SYS_SEG.filter(([k]) => c[k]).map(([k, v]) => ({ k, v })) }
+  })
+})
+
+const mat = computed<any[]>(() => F.value.矩阵 || [])
+const hot = computed(() => new Set(rows.value.map((r: any) => r.t)))
+</script>
+
+<template>
+  <section>
+    <div class="kpis">
+      <div v-for="(k, i) in kpi" :key="i" class="kpi" :class="k.k" :title="k.ti || undefined">
+        <b v-if="k.vHtml" v-html="k.vRaw"></b><b v-else>{{ k.v }}<small v-if="k.u">{{ k.u }}</small></b><span>{{ k.l }}</span>
+      </div>
+    </div>
+  </section>
+
+  <section>
+    <div class="sechead">
+      <h2>{{ t('ov.attention') }}</h2>
+      <span class="meta">{{ t('ov.attention_n', { n: rows.length }) }}</span>
+      <span class="meta">{{ t('ov.ranked_by') }}</span>
+    </div>
+    <div v-if="F.gap" class="card mb" style="margin-bottom:10px">
+      <p class="small" style="color:var(--warning)">{{ F.gap }}</p>
+      <p class="small muted">{{ t('ov.fus_gap_hint') }}</p>
+    </div>
+    <div class="cards">
+      <div v-for="r in rows" :key="r.t" class="card" :id="`u-${r.t}`" :style="`--sev:var(--${SEV[stateKey(r.ostate) || (r.lvl === 'bad' ? 'bad' : 'warn')]})`">
+        <div class="head">
+          <a class="unit" :href="`/turbine/${r.t}`">{{ unitNo(r.t) }}</a>
+          <span class="sys">{{ r.part || '' }}</span>
+          <span class="chip" :class="stateKey(r.ostate) || (r.lvl === 'bad' ? 'bad' : 'warn')">{{ stWord(r.ostate || (r.lvl === 'bad' ? '危险' : '报警')) }}</span>
+        </div>
+        <details class="evidence-detail">
+          <summary>{{ t('ov.evidence') }}</summary>
+          <div class="why">{{ basis(r) }}</div>
+        </details>
+        <div class="evid">
+          <span v-if="r.estate" class="tier" :class="r.estate">{{ stWord(r.estate) }}</span>
+          <span v-if="r.srcs && r.srcs.length" class="rv">{{ r.srcs.length }} sources</span>
+        </div>
+        <div v-if="stuckText(r) || r.next" class="caveat">
+          <b>{{ t('ov.caveat') }}</b>{{ stuckText(r) }}{{ stuckText(r) && r.next ? ' — ' : '' }}{{ r.next || '' }}
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section>
+    <div class="sechead">
+      <h2>{{ t('ov.strip') }}</h2><span class="meta">{{ t('ov.strip_hint') }}</span>
+      <div class="legend">
+        <span v-for="k in ['bad', 'warn', 'unk', 'ok', 'ex']" :key="k">
+          <i :style="`background:var(--${SEV[k]})`"></i>{{ t(stKey(k)) }}
+        </span>
+      </div>
+    </div>
+    <div class="strip" :style="`--n:${mat.length || 38}`">
+      <div class="cells">
+        <template v-if="mat.length">
+          <div v-for="r in mat" :key="r.turbine" class="cell" :class="[unitState(r), hot.has(r.turbine) ? 'hot' : '']"
+               :data-u="r.turbine" :title="`${unitNo(r.turbine)} ${t(stKey(unitState(r)))}`"></div>
+        </template>
+        <div v-else class="quiet" style="padding:10px">{{ F.gap || t('ov.fus_gap_hint') }}</div>
+      </div>
+      <div class="nums">
+        <span v-for="r in mat" :key="`n-${r.turbine}`" :class="hot.has(r.turbine) ? 'hot' : ''">{{ unitNo(r.turbine).replace('#', '') }}</span>
+      </div>
+      <div class="quiet">
+        {{ rows.length ? t('ov.quiet', { n: Math.max(0, (mat.length || 38) - rows.length) }) : t('ov.quiet_all', { n: mat.length || 38 }) }}
+      </div>
+    </div>
+  </section>
+
+  <!-- 九系统（旧 app.js:233-241；对拍实逮：漏了这块会少 43 条文本） -->
+  <section>
+    <div class="sechead">
+      <h2>{{ t('ov.systems') }}</h2><span class="meta">{{ t('ov.systems_hint') }}</span>
+    </div>
+    <div class="systems">
+      <div v-for="s in systems" :key="s.name" class="sysc">
+        <div class="t">
+          <b>{{ s.name }}</b>
+          <a :href="`#tab=component&sys=${encodeURIComponent(s.slug)}`">{{ t('ui.open') }}</a>
+        </div>
+        <div class="bar">
+          <i v-for="k in s.seg" :key="k.k" :style="`width:${(s.dist[k.k] / s.n * 100).toFixed(1)}%;background:var(--${k.v})`"></i>
+        </div>
+        <div class="cnt">
+          <span v-for="k in s.seg" :key="`c-${k.k}`"><i :style="`background:var(--${k.v})`"></i>{{ s.dist[k.k] }}</span>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>

app_frontEnd/web/src/views/Workbench.vue

@@ -1,56 +1,58 @@
-<script setup lang="ts">
-/**
- * 工作台（P11）：页签容器。页签清单与重构前 `app.js` 的 `TABS` **完全一致**（9 个）。
- *
- * 已迁移：overview（总览）。其余页签先如实标"迁移中"，不做假界面 ——
- * 用户令要求"逐页签迁移、对拍通过再删 Python 源码"，所以未迁移的页签必须一眼可见。
- */
-import { computed } from 'vue'
-import { t } from '../i18n/zh'
-import { DONE, TABS } from '../lib/tabs'
-import Component from './Component.vue'
-import Energy from './Energy.vue'
-import Overview from './Overview.vue'
-
-const props = defineProps<{ d: any; tab: string; sys?: string | null }>()
-const emit = defineEmits<{ (e: 'tab', id: string): void }>()
-
-const pending = computed(() => !DONE.includes(props.tab))
-</script>
-
-<template>
-  <nav class="wb-tabs">
-    <button v-for="id in TABS" :key="id" :class="{ on: id === tab }" @click="emit('tab', id)">
-      {{ t('tab.' + id) }}<sup v-if="!DONE.includes(id)" class="todo">迁移中</sup>
-    </button>
-  </nav>
-  <div class="page-head">
-    <h1>{{ t('tab.' + tab) }}</h1>
-    <span class="window-badge">{{ t('win.l') }}{{ d?.win ?? '—' }}</span>
-  </div>
-  <Overview v-if="tab === 'overview'" :d="d" />
-  <Energy v-else-if="tab === 'energy'" :d="d" />
-  <Component v-else-if="tab === 'component'" :d="d" :sys="sys" />
-  <section v-else-if="pending" class="card">
-    <h2>{{ t('tab.' + tab) }} <small>（本页签尚未迁移到 Vue）</small></h2>
-    <p class="hint">
-      迁移纪律：页签逐个搬，每搬一个就用 <code>tools/render_parity.mjs</code> 与重构前页面
-      （现网 <code>/detail/v2</code>）对拍文案/数值/类名序列，**通过后**才删对应的 Python 前端源码。
-      当前已迁移：{{ DONE.join('、') }}。
-    </p>
-  </section>
-</template>
-
-<style scoped>
-.wb-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 18px 0; }
-.wb-tabs button {
-  padding: 6px 12px; border: 1px solid var(--line); background: #fff; border-radius: 4px 4px 0 0;
-  cursor: pointer; color: var(--ink);
-}
-.wb-tabs button.on { background: var(--brand); border-color: var(--brand); color: #fff; }
-.todo { font-size: 10px; color: var(--muted); margin-left: 2px; }
-.wb-tabs button.on .todo { color: #ffe9a8; }
-.page-head { display: flex; align-items: baseline; gap: 12px; padding: 10px 18px 0; }
-.page-head h1 { font-size: 18px; margin: 0; }
-.window-badge { color: var(--muted); font-size: 12.5px; }
-</style>
+<script setup lang="ts">
+/**
+ * 工作台（P11）：页签容器。页签清单与重构前 `app.js` 的 `TABS` **完全一致**（9 个）。
+ *
+ * 已迁移：overview（总览）。其余页签先如实标"迁移中"，不做假界面 ——
+ * 用户令要求"逐页签迁移、对拍通过再删 Python 源码"，所以未迁移的页签必须一眼可见。
+ */
+import { computed } from 'vue'
+import { t } from '../i18n/zh'
+import { DONE, TABS } from '../lib/tabs'
+import { winName } from '../lib/render'
+import Component from './Component.vue'
+import Energy from './Energy.vue'
+import Overview from './Overview.vue'
+
+const props = defineProps<{ d: any; tab: string; sys?: string | null }>()
+const emit = defineEmits<{ (e: 'tab', id: string): void }>()
+
+const pending = computed(() => !DONE.includes(props.tab))
+</script>
+
+<template>
+  <nav class="wb-tabs">
+    <button v-for="id in TABS" :key="id" :class="{ on: id === tab }" @click="emit('tab', id)">
+      {{ t('tab.' + id) }}<sup v-if="!DONE.includes(id)" class="todo">迁移中</sup>
+    </button>
+  </nav>
+  <div class="page-head">
+    <h1>{{ t('tab.' + tab) }}</h1>
+    <!-- 与旧 app.js:1066 逐字一致：`${t('win.label')} · ${winName(WIN)}`（对拍实逮：写成 win.l 第 1 项就错位） -->
+    <span class="window-badge">{{ t('win.label') }} · {{ winName(d?.win) }}</span>
+  </div>
+  <Overview v-if="tab === 'overview'" :d="d" />
+  <Energy v-else-if="tab === 'energy'" :d="d" />
+  <Component v-else-if="tab === 'component'" :d="d" :sys="sys" />
+  <section v-else-if="pending" class="card">
+    <h2>{{ t('tab.' + tab) }} <small>（本页签尚未迁移到 Vue）</small></h2>
+    <p class="hint">
+      迁移纪律：页签逐个搬，每搬一个就用 <code>tools/render_parity.mjs</code> 与重构前页面
+      （现网 <code>/detail/v2</code>）对拍文案/数值/类名序列，**通过后**才删对应的 Python 前端源码。
+      当前已迁移：{{ DONE.join('、') }}。
+    </p>
+  </section>
+</template>
+
+<style scoped>
+.wb-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 18px 0; }
+.wb-tabs button {
+  padding: 6px 12px; border: 1px solid var(--line); background: #fff; border-radius: 4px 4px 0 0;
+  cursor: pointer; color: var(--ink);
+}
+.wb-tabs button.on { background: var(--brand); border-color: var(--brand); color: #fff; }
+.todo { font-size: 10px; color: var(--muted); margin-left: 2px; }
+.wb-tabs button.on .todo { color: #ffe9a8; }
+.page-head { display: flex; align-items: baseline; gap: 12px; padding: 10px 18px 0; }
+.page-head h1 { font-size: 18px; margin: 0; }
+.window-badge { color: var(--muted); font-size: 12.5px; }
+</style>

app_frontEnd/web/target/ssr/entry-server.js

@@ -867,33 +867,6 @@ const TABS = [
   "system"
 ];
 const DONE = ["overview", "energy", "component"];
-const SYS9 = ["叶片与叶根", "变桨", "偏航", "齿轮箱", "发电机", "主轴承", "变流器", "塔架与基础", "主控与传感网"];
-const SYS_KEY = {
-  叶片与叶根: "blade",
-  变桨: "pitch",
-  偏航: "yaw",
-  齿轮箱: "gearbox",
-  发电机: "generator",
-  主轴承: "main_bearing",
-  变流器: "converter",
-  塔架与基础: "tower",
-  主控与传感网: "control",
-  主轴: "main_bearing",
-  其他: "other"
-};
-const SYS_ZH = (() => {
-  const out = {};
-  for (const zh of SYS9) out[SYS_KEY[zh]] = zh;
-  for (const [zh, k] of Object.entries(SYS_KEY)) if (!(k in out)) out[k] = zh;
-  return out;
-})();
-const sysSlug = (value) => SYS_KEY[String(value)] || String(value);
-const sysFromSlug = (value) => SYS_ZH[String(value)] || String(value);
-const sysName = (value) => {
-  const key = SYS_KEY[String(value)] || String(value);
-  return SYS_ZH[key] ? t("sys." + key) : String(value ?? "");
-};
-const partName = (p) => sysName(p);
 const ST = { 危险: "bad", 报警: "warn", 不可判: "unk", 良好: "ok", 优秀: "ex" };
 const ST_ALIAS = {
   critical: "bad",
@@ -948,6 +921,33 @@ const SEV = {
   ex: "excellent"
 };
 const winName = (w) => String(w ?? "");
+const SYS9 = ["叶片与叶根", "变桨", "偏航", "齿轮箱", "发电机", "主轴承", "变流器", "塔架与基础", "主控与传感网"];
+const SYS_KEY = {
+  叶片与叶根: "blade",
+  变桨: "pitch",
+  偏航: "yaw",
+  齿轮箱: "gearbox",
+  发电机: "generator",
+  主轴承: "main_bearing",
+  变流器: "converter",
+  塔架与基础: "tower",
+  主控与传感网: "control",
+  主轴: "main_bearing",
+  其他: "other"
+};
+const SYS_ZH = (() => {
+  const out = {};
+  for (const zh of SYS9) out[SYS_KEY[zh]] = zh;
+  for (const [zh, k] of Object.entries(SYS_KEY)) if (!(k in out)) out[k] = zh;
+  return out;
+})();
+const sysSlug = (value) => SYS_KEY[String(value)] || String(value);
+const sysFromSlug = (value) => SYS_ZH[String(value)] || String(value);
+const sysName = (value) => {
+  const key = SYS_KEY[String(value)] || String(value);
+  return SYS_ZH[key] ? t("sys." + key) : String(value ?? "");
+};
+const partName = (p) => sysName(p);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Component",
   __ssrInlineRender: true,
@@ -968,6 +968,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const col = a >= 8 ? "var(--critical)" : a >= 3 ? "var(--warning)" : a ? "var(--accent)" : "var(--good)";
       return { s, dist, a, u, N, col };
     }));
+    function hitHtml(w) {
+      return (w.syss || []).map((x) => `<a href="/problem/${w.t}/${encodeURIComponent(sysFromSlug(x) || x)}">${sysName(x)}</a>`).join(" · ");
+    }
+    const relEh = computed(() => {
+      const items = ((props.d?.control || {}).energy || {}).items || [];
+      const hit = items.filter((x) => x.k === "停机").map((x) => x.h)[0];
+      return hit == null ? null : hit;
+    });
     const relRows = computed(() => {
       const tb = rel.value?.表 || [];
       const maxH = Math.max(1, ...tb.map((r) => r.停机时长h));
@@ -1041,50 +1049,34 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               c.dist[k] ? null : { display: "none" }
             ])}"></i>`);
           });
-          _push(`<!--]--></div><div class="small muted"><span>${unref(t)("cmp.alarm_n", { a: `<b style="color:${c.col}">${c.a}</b>` }) ?? ""}</span>`);
-          if (c.u) {
-            _push(`<span>${ssrInterpolate(unref(t)("cmp.unk_n", { u: c.u }))}</span>`);
-          } else {
-            _push(`<!---->`);
-          }
-          _push(`<span>${ssrInterpolate(unref(t)("cmp.fleet_n", { n: c.N }))}</span></div></div>`);
+          _push(`<!--]--></div><div class="small muted"><span>${unref(t)("cmp.alarm_n", { a: `<b style="color:${c.col}">${c.a}</b>` }) ?? ""}</span>${ssrInterpolate((c.u ? unref(t)("cmp.unk_n", { u: c.u }) : "") + unref(t)("cmp.fleet_n", { n: c.N }))}</div></div>`);
         });
         _push(`<!--]--></div><p class="small muted" style="${ssrRenderStyle({ "margin-top": "8px" })}">${ssrInterpolate(unref(t)("cmp.cards_note"))}</p></div></section>`);
         if (__props.d.rel && __props.d.rel.err) {
           _push(`<section><div class="panel mb" style="${ssrRenderStyle({ "border-left": "3px solid var(--critical)" })}"><p class="small">${ssrInterpolate(unref(t)("flt.block_err", { k: "rel", e: __props.d.rel.err }))}</p></div></section>`);
         } else if (rel.value) {
-          _push(`<section><div class="eyebrow">${ssrInterpolate(unref(t)("cmp.rel_eyebrow", { win: rel.value.窗 }))}</div><div class="panel mb"><h3>${ssrInterpolate(unref(t)("cmp.rel_head"))} <span class="small muted" style="${ssrRenderStyle({ "font-weight": "400" })}">${ssrInterpolate(unref(t)("cmp.rel_meta", { t: rel.value.总停机h === void 0 ? "" : unref(fmt)(rel.value.总停机h) }))}</span></h3><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("cmp.rel_part"))}</th><th>${ssrInterpolate(unref(t)("cmp.rel_h"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_ev"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_mtbo"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_mdt"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_units"))}</th><th>${ssrInterpolate(unref(t)("cmp.rel_fm"))}</th></tr><!--[-->`);
+          _push(`<section><div class="eyebrow">${ssrInterpolate(unref(t)("cmp.rel_eyebrow", { win: rel.value.窗 }))}</div><div class="panel mb"><h3>${ssrInterpolate(unref(t)("cmp.rel_head"))} <span class="small muted" style="${ssrRenderStyle({ "font-weight": "400" })}">${ssrInterpolate(unref(t)("cmp.rel_meta", { t: rel.value.总停机h, a: rel.value.设备类停机h, b: rel.value.外部类停机h }))}</span></h3><p class="small muted" style="${ssrRenderStyle({ "margin": "-2px 0 8px" })}">${ssrInterpolate(unref(t)("cmp.rel_note", { h: relEh.value == null ? "" : " " + unref(fmt)(relEh.value) + "h" }))}</p><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("cmp.rel_part"))}</th><th>${ssrInterpolate(unref(t)("cmp.rel_h"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_ev"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_mtbo"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_mdt"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.rel_units"))}</th><th>${ssrInterpolate(unref(t)("cmp.rel_fm"))}</th></tr><!--[-->`);
           ssrRenderList(relRows.value, (x) => {
             _push(`<tr><td><b>${ssrInterpolate(unref(partName)(x.r.部件))}</b>`);
             if (x.r.外部) {
-              _push(`<span class="badge">${ssrInterpolate(unref(t)("cmp.external"))}</span>`);
+              _push(`<span>${ssrInterpolate(" ")}<span class="badge">${ssrInterpolate(unref(t)("cmp.external"))}</span></span>`);
             } else {
               _push(`<!---->`);
             }
             _push(`</td><td><i class="bar" style="${ssrRenderStyle(`width:${Math.round(x.r.停机时长h / x.maxH * 72)}px;background:${x.sev}`)}"></i><span class="num small">${ssrInterpolate(x.r.停机时长h)}h · ${ssrInterpolate((x.r["占停机"] * 100).toFixed(1))}%</span></td><td class="r">${ssrInterpolate(x.r.事件数)}</td><td class="r">${ssrInterpolate(x.r.外部 ? "—" : x.r.MTBF_h || "—")}</td><td class="r">${ssrInterpolate(x.r.MDT_h)}</td><td class="r">${ssrInterpolate(x.r.影响台数)}</td><td class="small">${ssrInterpolate(x.r.典型失效模式 || "—")}</td></tr>`);
           });
-          _push(`<!--]--></table></div></div></section>`);
+          _push(`<!--]--></table></div><p class="small muted">${ssrInterpolate(rel.value.口径)}</p></div></section>`);
         } else {
           _push(`<!---->`);
         }
         if (__props.d.fus && !__props.d.fus.err) {
-          _push(`<section><div class="panel mb"><p class="small">${ssrInterpolate(unref(t)("cmp.fusion_moved"))} <a href="#tab=vibration"><b>${ssrInterpolate(unref(t)("tab.vibration"))}</b></a></p></div></section>`);
+          _push(`<section><div class="panel mb"><p class="small">${ssrInterpolate(unref(t)("cmp.fusion_moved"))} <a href="#tab=vibration"><b>${ssrInterpolate(unref(t)("tab.vibration"))}</b></a> ${ssrInterpolate(unref(t)("cmp.fusion_n", { n: (__props.d.fus.表 || []).length }))}</p></div></section>`);
         } else {
           _push(`<!---->`);
         }
-        _push(`<section><div class="eyebrow">${ssrInterpolate(unref(t)("cmp.cross_eyebrow"))}</div><div class="panel mb"><h3>${ssrInterpolate(unref(t)("cmp.watch_head", { n: (__props.d.watch || []).length }))}</h3><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("ui.unit"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.watch_n"))}</th><th>${ssrInterpolate(unref(t)("cmp.watch_sys"))}</th></tr><!--[-->`);
+        _push(`<section><div class="eyebrow">${ssrInterpolate(unref(t)("cmp.cross_eyebrow"))}</div><div class="panel mb"><h3>${ssrInterpolate(unref(t)("cmp.watch_head", { n: (__props.d.watch || []).length }))}</h3><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("ui.unit"))}</th><th class="r">${ssrInterpolate(unref(t)("cmp.n_sys"))}</th><th>${ssrInterpolate(unref(t)("cmp.hit_sys"))}</th><th>${ssrInterpolate(unref(t)("cmp.basis"))}</th></tr><!--[-->`);
         ssrRenderList(__props.d.watch || [], (w) => {
-          _push(`<tr><td><a${ssrRenderAttr("href", `/turbine/${w.t}`)}><b>${ssrInterpolate(unref(unitNo)(w.t))}</b></a></td><td class="r">${ssrInterpolate(w.n)}</td><td class="small"><!--[-->`);
-          ssrRenderList(w.syss || [], (s, i) => {
-            _push(`<a${ssrRenderAttr("href", `/problem/${w.t}/${encodeURIComponent(s)}`)}>`);
-            if (i) {
-              _push(`<span>、</span>`);
-            } else {
-              _push(`<!---->`);
-            }
-            _push(`${ssrInterpolate(unref(sysName)(s))}</a>`);
-          });
-          _push(`<!--]--></td></tr>`);
+          _push(`<tr><td><a${ssrRenderAttr("href", `/turbine/${w.t}`)}><b>${ssrInterpolate(unref(unitNo)(w.t))}</b></a></td><td class="r">${ssrInterpolate(w.n)}</td><td class="small">${hitHtml(w) ?? ""}</td><td class="small">${ssrInterpolate(w.why)}</td></tr>`);
         });
         _push(`<!--]--></table></div></div></section><!--]-->`);
       }
@@ -1180,28 +1172,43 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
       ];
     });
+    const blameCat = (k) => k.indexOf("限电") >= 0 || k.indexOf("调度") >= 0 ? 0 : k === "停机" ? 1 : 2;
+    const blameGroups = computed(() => {
+      const g = [0, 0, 0];
+      for (const x of E.value?.items || []) g[blameCat(x.k)] += x.loss;
+      return g;
+    });
     const waterfallOption = computed(() => {
       const e = E.value || {};
-      const items = (e.items || []).map((x) => ({ name: x.k, value: Math.round(x.loss) }));
+      const items = (e.items || []).filter((x) => x.loss > 0).map((x) => ({ name: x.k, value: Math.round(x.loss) }));
+      const groups = blameGroups.value;
+      const tot = groups.reduce((a, b) => a + b, 0) || 1;
+      const pct = groups.map((v) => Math.round(v / tot * 100)).filter((p, i) => groups[i] / tot * 500 > 46);
       return {
         title: { text: t("en.balance"), left: "center", textStyle: { fontSize: 13 } },
         tooltip: { trigger: "axis" },
-        grid: { left: 60, right: 20, top: 44, bottom: 40 },
+        grid: { left: 70, right: 20, top: 44, bottom: 40 },
         xAxis: { type: "category", data: items.map((x) => x.name) },
         yAxis: { type: "value", name: "MWh" },
         series: [{ type: "bar", data: items.map((x) => x.value), itemStyle: { color: "#0b5fa5" } }],
-        __data__: { theo: e.theo, act: e.act, loss: e.loss, loss_pct: e.loss_pct, items }
+        // 与旧图数字集合同源：theo · act · Σitems · 各 item · 组占比%
+        __data__: [
+          Math.round(e.theo),
+          Math.round(e.act),
+          Math.round(items.reduce((a, x) => a + x.value, 0)),
+          ...items.map((x) => x.value),
+          ...pct
+        ]
       };
     });
     const blameOption = computed(() => {
-      const e = E.value || {};
-      const items = (e.items || []).map((x) => ({ name: x.k, value: Math.round(x.loss) }));
+      const groups = blameGroups.value;
       return {
-        grid: { left: 80, right: 24, top: 20, bottom: 30 },
+        grid: { left: 90, right: 24, top: 20, bottom: 30 },
         xAxis: { type: "value", name: "MWh" },
-        yAxis: { type: "category", data: items.map((x) => x.name) },
-        series: [{ type: "bar", data: items.map((x) => x.value), itemStyle: { color: "#2f7dbf" } }],
-        __data__: { items }
+        yAxis: { type: "category", data: [t("ch.blame.n1"), t("ch.blame.n2"), t("ch.blame.n3")] },
+        series: [{ type: "bar", data: groups.map((v) => Math.round(v)), itemStyle: { color: "#2f7dbf" } }],
+        __data__: []
       };
     });
     const mxp = computed(() => Math.max(1, ...S.value.map((x) => x.pct)));
@@ -1229,7 +1236,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           option: blameOption.value,
           height: "240px"
         }, null, _parent));
-        _push(`<p class="small muted" style="${ssrRenderStyle({ "margin-top": "6px" })}">${ssrInterpolate(unref(t)("en.blame_note", { n: unref(fmt)(Math.round(((E.value.items || []).find((x) => x.k === "停机") || {}).loss || 0)) }))}</p></div><div class="panel"><h3>${ssrInterpolate(unref(t)("en.states"))} <span class="small muted" style="${ssrRenderStyle({ "font-weight": "400" })}">${ssrInterpolate(unref(t)("en.win", { win: unref(winName)(__props.d.win) }))}</span></h3><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("en.state"))}</th><th>${ssrInterpolate(unref(t)("en.share"))}</th><th class="r" style="${ssrRenderStyle({ "width": "90px" })}">${ssrInterpolate(unref(t)("en.loss_mwh"))}</th></tr><!--[-->`);
+        _push(`<!--[-->`);
+        ssrRenderList(blameGroups.value, (v, i) => {
+          _push(`<div style="${ssrRenderStyle({ "display": "flex", "align-items": "baseline", "gap": "7px", "margin-top": "5px" })}"><i style="${ssrRenderStyle(`flex:none;width:9px;height:9px;border-radius:2px;background:${["var(--accent)", "var(--critical)", "var(--muted)"][i]};opacity:.55`)}"></i><span style="${ssrRenderStyle({ "font-weight": "600" })}">${ssrInterpolate(unref(t)(["ch.blame.n1", "ch.blame.n2", "ch.blame.n3"][i]))}</span><span class="num">${ssrInterpolate(unref(fmt)(Math.round(v)))} MWh</span><span class="small muted">${ssrInterpolate(unref(t)(["ch.blame.d1", "ch.blame.d2", "ch.blame.d3"][i]))}</span></div>`);
+        });
+        _push(`<!--]--><p class="small muted" style="${ssrRenderStyle({ "margin-top": "6px" })}">${ssrInterpolate(unref(t)("en.blame_note", { n: unref(fmt)(Math.round(((E.value.items || []).find((x) => x.k === "停机") || {}).loss || 0)) }))}</p></div><div class="panel"><h3>${ssrInterpolate(unref(t)("en.states"))} <span class="small muted" style="${ssrRenderStyle({ "font-weight": "400" })}">${ssrInterpolate(unref(t)("en.win", { win: unref(winName)(__props.d.win) }))}</span></h3><div class="tblwrap"><table><tr><th>${ssrInterpolate(unref(t)("en.state"))}</th><th>${ssrInterpolate(unref(t)("en.share"))}</th><th class="r" style="${ssrRenderStyle({ "width": "90px" })}">${ssrInterpolate(unref(t)("en.loss_mwh"))}</th></tr><!--[-->`);
         ssrRenderList(S.value, (x) => {
           _push(`<tr><td class="small">${ssrInterpolate(lossName(x.k))}</td><td><i class="bar" style="${ssrRenderStyle(`width:${Math.round(x.pct / mxp.value * 84)}px;background:${x.k.indexOf("停机") >= 0 && x.k.indexOf("调度") < 0 ? "var(--critical)" : "var(--accent)"}`)}"></i><span class="num small">${ssrInterpolate(x.pct)}% · ${ssrInterpolate(unref(fmt)(Math.round(x.h)))}h</span></td><td class="r small">${ssrInterpolate(unref(fmt)(Math.round(x.loss)))}</td></tr>`);
         });
@@ -1270,11 +1281,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         { v: fmt(LS.value["停机"]), u: "MWh", l: lossLabel, k: "", ti: "" },
         { v: fmt(LS.value["限电·绑定"]), u: "MWh", l: t("kpi.curtail"), k: "", ti: "" },
         {
-          v: `${fmt(props.d?.kpi?.报警台)} / ${fmt(props.d?.kpi?.全场)}`,
+          // 旧模板 `<b>${fmt(报警台)} <small>/ ${fmt(全场)}</small></b>` —— `vHtml` 保留 <small> 元素与节点边界
+          vRaw: `${fmt(props.d?.kpi?.报警台)} <small>/ ${fmt(props.d?.kpi?.全场)}</small>`,
           u: "",
           l: t("kpi.alarm_units"),
           k: props.d?.kpi?.报警台 ? "warn" : "ok",
-          ti: t("kpi.alarm_units.hint")
+          ti: t("kpi.alarm_units.hint"),
+          vHtml: true
         }
       ];
     });
@@ -1303,18 +1316,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const stuckStep = stuckKey === "evidence" ? t("step.site_records") : t("step." + (stuckKey || "evidence"));
       return t("step.stuck_at", { step: stuckStep });
     }
+    const SYS_SEG = [["危险", "critical"], ["报警", "warning"], ["不可判", "unknown"], ["良好", "good"], ["优秀", "excellent"]];
+    const systems = computed(() => {
+      const dist = props.d?.sysdist || {};
+      return SYS9.map((s) => {
+        const c = dist[s] || {};
+        const n = Object.values(c).reduce((a, b) => a + b, 0) || 1;
+        return { name: sysName(s), slug: sysSlug(s), dist: c, n, seg: SYS_SEG.filter(([k]) => c[k]).map(([k, v]) => ({ k, v })) };
+      });
+    });
     const mat = computed(() => F.value.矩阵 || []);
     const hot = computed(() => new Set(rows.value.map((r) => r.t)));
     return (_ctx, _push, _parent, _attrs) => {
       _push(`<!--[--><section><div class="kpis"><!--[-->`);
       ssrRenderList(kpi.value, (k, i) => {
-        _push(`<div class="${ssrRenderClass([k.k, "kpi"])}"${ssrRenderAttr("title", k.ti || void 0)}><b>${ssrInterpolate(k.v)}`);
-        if (k.u) {
-          _push(`<small>${ssrInterpolate(k.u)}</small>`);
+        _push(`<div class="${ssrRenderClass([k.k, "kpi"])}"${ssrRenderAttr("title", k.ti || void 0)}>`);
+        if (k.vHtml) {
+          _push(`<b>${k.vRaw ?? ""}</b>`);
         } else {
-          _push(`<!---->`);
+          _push(`<b>${ssrInterpolate(k.v)}`);
+          if (k.u) {
+            _push(`<small>${ssrInterpolate(k.u)}</small>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</b>`);
         }
-        _push(`</b><span>${ssrInterpolate(k.l)}</span></div>`);
+        _push(`<span>${ssrInterpolate(k.l)}</span></div>`);
       });
       _push(`<!--]--></div></section><section><div class="sechead"><h2>${ssrInterpolate(unref(t)("ov.attention"))}</h2><span class="meta">${ssrInterpolate(unref(t)("ov.attention_n", { n: rows.value.length }))}</span><span class="meta">${ssrInterpolate(unref(t)("ov.ranked_by"))}</span></div>`);
       if (F.value.gap) {
@@ -1361,7 +1389,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       ssrRenderList(mat.value, (r) => {
         _push(`<span class="${ssrRenderClass(hot.value.has(r.turbine) ? "hot" : "")}">${ssrInterpolate(unref(unitNo)(r.turbine).replace("#", ""))}</span>`);
       });
-      _push(`<!--]--></div><div class="quiet">${ssrInterpolate(rows.value.length ? unref(t)("ov.quiet", { n: Math.max(0, (mat.value.length || 38) - rows.value.length) }) : unref(t)("ov.quiet_all", { n: mat.value.length || 38 }))}</div></div></section><!--]-->`);
+      _push(`<!--]--></div><div class="quiet">${ssrInterpolate(rows.value.length ? unref(t)("ov.quiet", { n: Math.max(0, (mat.value.length || 38) - rows.value.length) }) : unref(t)("ov.quiet_all", { n: mat.value.length || 38 }))}</div></div></section><section><div class="sechead"><h2>${ssrInterpolate(unref(t)("ov.systems"))}</h2><span class="meta">${ssrInterpolate(unref(t)("ov.systems_hint"))}</span></div><div class="systems"><!--[-->`);
+      ssrRenderList(systems.value, (s) => {
+        _push(`<div class="sysc"><div class="t"><b>${ssrInterpolate(s.name)}</b><a${ssrRenderAttr("href", `#tab=component&sys=${encodeURIComponent(s.slug)}`)}>${ssrInterpolate(unref(t)("ui.open"))}</a></div><div class="bar"><!--[-->`);
+        ssrRenderList(s.seg, (k) => {
+          _push(`<i style="${ssrRenderStyle(`width:${(s.dist[k.k] / s.n * 100).toFixed(1)}%;background:var(--${k.v})`)}"></i>`);
+        });
+        _push(`<!--]--></div><div class="cnt"><!--[-->`);
+        ssrRenderList(s.seg, (k) => {
+          _push(`<span><i style="${ssrRenderStyle(`background:var(--${k.v})`)}"></i>${ssrInterpolate(s.dist[k.k])}</span>`);
+        });
+        _push(`<!--]--></div></div>`);
+      });
+      _push(`<!--]--></div></section><!--]-->`);
     };
   }
 });
@@ -1384,17 +1424,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const pending = computed(() => !DONE.includes(props.tab));
     return (_ctx, _push, _parent, _attrs) => {
-      _push(`<!--[--><nav class="wb-tabs" data-v-3e81725a><!--[-->`);
+      _push(`<!--[--><nav class="wb-tabs" data-v-8bbd46d4><!--[-->`);
       ssrRenderList(unref(TABS), (id) => {
-        _push(`<button class="${ssrRenderClass({ on: id === __props.tab })}" data-v-3e81725a>${ssrInterpolate(unref(t)("tab." + id))}`);
+        _push(`<button class="${ssrRenderClass({ on: id === __props.tab })}" data-v-8bbd46d4>${ssrInterpolate(unref(t)("tab." + id))}`);
         if (!unref(DONE).includes(id)) {
-          _push(`<sup class="todo" data-v-3e81725a>迁移中</sup>`);
+          _push(`<sup class="todo" data-v-8bbd46d4>迁移中</sup>`);
         } else {
           _push(`<!---->`);
         }
         _push(`</button>`);
       });
-      _push(`<!--]--></nav><div class="page-head" data-v-3e81725a><h1 data-v-3e81725a>${ssrInterpolate(unref(t)("tab." + __props.tab))}</h1><span class="window-badge" data-v-3e81725a>${ssrInterpolate(unref(t)("win.l"))}${ssrInterpolate(__props.d?.win ?? "—")}</span></div>`);
+      _push(`<!--]--></nav><div class="page-head" data-v-8bbd46d4><h1 data-v-8bbd46d4>${ssrInterpolate(unref(t)("tab." + __props.tab))}</h1><span class="window-badge" data-v-8bbd46d4>${ssrInterpolate(unref(t)("win.label"))} · ${ssrInterpolate(unref(winName)(__props.d?.win))}</span></div>`);
       if (__props.tab === "overview") {
         _push(ssrRenderComponent(_sfc_main$1, { d: __props.d }, null, _parent));
       } else if (__props.tab === "energy") {
@@ -1405,7 +1445,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           sys: __props.sys
         }, null, _parent));
       } else if (pending.value) {
-        _push(`<section class="card" data-v-3e81725a><h2 data-v-3e81725a>${ssrInterpolate(unref(t)("tab." + __props.tab))} <small data-v-3e81725a>（本页签尚未迁移到 Vue）</small></h2><p class="hint" data-v-3e81725a> 迁移纪律：页签逐个搬，每搬一个就用 <code data-v-3e81725a>tools/render_parity.mjs</code> 与重构前页面 （现网 <code data-v-3e81725a>/detail/v2</code>）对拍文案/数值/类名序列，**通过后**才删对应的 Python 前端源码。 当前已迁移：${ssrInterpolate(unref(DONE).join("、"))}。 </p></section>`);
+        _push(`<section class="card" data-v-8bbd46d4><h2 data-v-8bbd46d4>${ssrInterpolate(unref(t)("tab." + __props.tab))} <small data-v-8bbd46d4>（本页签尚未迁移到 Vue）</small></h2><p class="hint" data-v-8bbd46d4> 迁移纪律：页签逐个搬，每搬一个就用 <code data-v-8bbd46d4>tools/render_parity.mjs</code> 与重构前页面 （现网 <code data-v-8bbd46d4>/detail/v2</code>）对拍文案/数值/类名序列，**通过后**才删对应的 Python 前端源码。 当前已迁移：${ssrInterpolate(unref(DONE).join("、"))}。 </p></section>`);
       } else {
         _push(`<!---->`);
       }
@@ -1419,7 +1459,7 @@ _sfc_main.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/views/Workbench.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const Workbench = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e81725a"]]);
+const Workbench = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bbd46d4"]]);
 async function renderTab(d, tab = "overview") {
   const app = createSSRApp(Workbench, { d, tab });
   return await renderToString(app);

app_frontEnd/web/tools/render_parity.mjs

@@ -150,8 +150,12 @@ function cmpDeep(a, b, label) {
   return label + ': 有差异'
 }
 
-function cmpList(a, b, label, limit = 3) {
-  if (a.length !== b.length) return `${label}: 条数 ${a.length} ≠ ${b.length}`
+function cmpList(a, b, label) {
+  if (a.length !== b.length) {
+    const [short, long, side] = a.length < b.length ? [a, b, 'Vue 多'] : [b, a, '基准多']
+    const extra = long.slice(short.length, short.length + 6).map((s) => `"${String(s).slice(0, 60)}"`)
+    return `${label}: 条数 ${a.length} ≠ ${b.length}；${side} ${long.length - short.length} 项，例如 ${extra.join(' / ')}`
+  }
   for (let i = 0; i < a.length; i++) {
     if (a[i] !== b[i]) return `${label}[${i}]: "${String(a[i]).slice(0, 70)}" ≠ "${String(b[i]).slice(0, 70)}"`
   }
@@ -166,6 +170,7 @@ function cmpSorted(a, b, label) {
 }
 
 let bad = 0
+const DUMP = process.env.PARITY_DUMP === '1'
 for (const tab of TABS) {
   const base = await baseline(tab)
   if (!base.data) {
@@ -174,6 +179,28 @@ for (const tab of TABS) {
     continue
   }
   const vroot = await vueAnchors(base.data, tab)
+  if (DUMP) {
+    const bt = textsIn(base.root), vt = textsIn(vroot.wrap)
+    console.log(`\n== ${tab} 文本对照（基准 ${bt.length} / Vue ${vt.length}）==`)
+    for (let i = 0; i < Math.max(bt.length, vt.length); i++) {
+      const same = bt[i] === vt[i]
+      console.log(`  ${String(i).padStart(3)} ${same ? '  ' : '≠ '}基:${String(bt[i] ?? '—').slice(0, 60).padEnd(62)} Vue:${String(vt[i] ?? '—').slice(0, 60)}`)
+    }
+    console.log(`  图数字 基: ${svgNumbers(base.root).join(',')}`)
+    console.log(`  图数字 Vue: ${chartNumbers(vroot.wrap).join(',')}`)
+    console.log(`  末尾 基: ${bt.slice(-5).map((s) => `"${s.slice(0, 40)}"`).join(' | ')}`)
+    console.log(`  末尾 Vue: ${vt.slice(-5).map((s) => `"${s.slice(0, 40)}"`).join(' | ')}`)
+    console.log(`  表 基: ${JSON.stringify(tablesIn(base.root)).slice(0, 400)}`)
+    console.log(`  表 Vue: ${JSON.stringify(tablesIn(vroot.wrap)).slice(0, 400)}`)
+    const bt1 = tablesIn(base.root)[1], vt1 = tablesIn(vroot.wrap)[1]
+    if (bt1 || vt1) {
+      console.log(`  第2张表 基 ${(bt1 || []).length} 行 / Vue ${(vt1 || []).length} 行`)
+      for (let i = 0; i < Math.max((bt1 || []).length, (vt1 || []).length); i++) {
+        const A = JSON.stringify(bt1?.[i] ?? null), B = JSON.stringify(vt1?.[i] ?? null)
+        if (A !== B) console.log(`   行${i} 基:${String(A).slice(0, 130)}\n          Vue:${String(B).slice(0, 130)}`)
+      }
+    }
+  }
   const baseTabs = Array.from(base.doc.querySelectorAll('#tabs button')).map((b) => norm(b.textContent))
   const checks = [
     cmpList(textsIn(base.root), textsIn(vroot.wrap), '文本序列'),

docs/src/数据要求说明_观澜_2.20.0.md → docs/src/数据要求说明_观澜_2.21.0.md

@@ -1,4 +1,4 @@
-# 数据要求说明 · 观澜 v2 风电场智能分析系统 · 版本 2.20.0
+# 数据要求说明 · 观澜 v2 风电场智能分析系统 · 版本 2.21.0
 
 ## 1 文档说明
 

docs/src/系统设计说明_观澜_2.20.0.md → docs/src/系统设计说明_观澜_2.21.0.md

@@ -1,4 +1,4 @@
-# 系统设计说明 · 观澜 v2 风电场智能分析系统 · 版本 2.20.0
+# 系统设计说明 · 观澜 v2 风电场智能分析系统 · 版本 2.21.0
 
 ## 1 文档说明
 
@@ -6,19 +6,19 @@
 
 ### 1.1 目的与范围
 
-本文是"观澜 v2（风电场智能分析系统）"（海上风电场智能分析离线系统）的设计说明（下称"本系统"），面向版本 2.20.0；内容以样本风电场（下称"本场"）为依据，样本场实测日期为 2026-09-22，说明本系统"由哪些部分组成、各部分怎么实现、数据从哪来到哪去、判据写在哪里、怎么验证、边界在哪里"。
+本文是"观澜 v2（风电场智能分析系统）"（海上风电场智能分析离线系统）的设计说明（下称"本系统"），面向版本 2.21.0；内容以样本风电场（下称"本场"）为依据，样本场实测日期为 2026-09-22，说明本系统"由哪些部分组成、各部分怎么实现、数据从哪来到哪去、判据写在哪里、怎么验证、边界在哪里"。
 
 本文覆盖十五个设计面：总体架构与分层、目录结构与路径真源、数据接入与重算链、判级与算法、时间窗口径、服务与前端、本体与知识层、本机模型接入、运维控制台与重算编排、安装与服务化与版本管理、质量保证、安全与离线边界、可移植性与资源占用、多场适用性与换场迁移、已知边界与未实现。
 
-本文不重复需求条目本身（那是《需求分析_观澜_2.20.0.docx》的职责），也不重复操作步骤的逐步手册（那是 docs/重算操作手册_v0.1.md 与《使用说明书》v0.2（随包 docs/）的职责）；本文只回答"设计上为什么这样、落在哪个文件的哪一处、用什么机器守卫保证它不漂移"。
+本文不重复需求条目本身（那是《需求分析_观澜_2.21.0.docx》的职责），也不重复操作步骤的逐步手册（那是 docs/重算操作手册_v0.1.md 与《使用说明书》v0.2（随包 docs/）的职责）；本文只回答"设计上为什么这样、落在哪个文件的哪一处、用什么机器守卫保证它不漂移"。
 
 ### 1.2 读者与用法
 
 现场运维与检修人员可看第 3 章、第 7 章、第 8 章、第 11 章，了解自己能点到的页面背后读的是什么口径；场站管理人员与换场交付人员可看第 6 章、第 7 章、第 16 章、第 17 章，了解判级与可靠性指标的口径与边界，以及换场时要重新标定哪些参数；研发与交付人员应通读全文，重点是第 4 章、第 5 章、第 12 章、第 13 章；验收方可直接按第 13 章的质量门与附录 A 的编写依据逐条复核。
 
-### 1.3 与《需求分析_观澜_2.20.0.docx》的对应关系
+### 1.3 与《需求分析_观澜_2.21.0.docx》的对应关系
 
-需求分析写"要什么、为谁、优先级与验收门"，设计说明写"怎么实现、落在哪、如何自证"。两文的章节对应关系如表 1-1 所示；与《数据要求说明_观澜_2.20.0.docx》的数据侧口径去向见 16.6 节。
+需求分析写"要什么、为谁、优先级与验收门"，设计说明写"怎么实现、落在哪、如何自证"。两文的章节对应关系如表 1-1 所示；与《数据要求说明_观澜_2.21.0.docx》的数据侧口径去向见 16.6 节。
 
 | 本文章节 | 需求分析对应章 | 对应关系说明 |
 |---|---|---|
@@ -41,7 +41,7 @@
 
 ### 1.4 口径与依据
 
-本文所有数字来自仓库文件或命令的实跑输出，不采用估算与推测；查不到、未实现的，一律写"未取证"或"未实现"，并在第 17 章汇总。本文中"本次实测"与各表"实测"列一律指样本场实测（2026-09-22）：即在样本风电场的一套实例上的一次实跑，换场后这些数字会变、方法与口径不变。版本号的唯一真源是 src/version.py 的 VERSION 常量，本版为 2.20.0；打包文件名由 src/version.py 的 package_name() 给出，为 app_guanlang_v2.20.0.zip。
+本文所有数字来自仓库文件或命令的实跑输出，不采用估算与推测；查不到、未实现的，一律写"未取证"或"未实现"，并在第 17 章汇总。本文中"本次实测"与各表"实测"列一律指样本场实测（2026-09-22）：即在样本风电场的一套实例上的一次实跑，换场后这些数字会变、方法与口径不变。版本号的唯一真源是 src/version.py 的 VERSION 常量，本版为 2.21.0；打包文件名由 src/version.py 的 package_name() 给出，为 app_guanlang_v2.21.0.zip。
 
 本文遵循四条写作口径：含"窗"且确实指时间窗口的，一律写全"时间窗"（天气窗、作业窗、预览窗、观测窗属领域词，保持原样）；影响的是风电机组时写"影响机组"或"影响机组数"；使用英文简写时必须写成"中文（英文简写）"形式，如平均无故障间隔（MTBF）、平均停机间隔（MTBO）、单次停机时长（MDT）；全文用简体中文与半角数字与单位。
 
@@ -839,7 +839,7 @@ Windows 安装入口是 install.bat 与 install.ps1，步骤号写死在输出
 
 ### 12.3 安装记录与版本三守卫
 
-安装记录 install-info.json 是"这台机器装的是哪一版"的唯一凭据，字段如表 12-3 所示。装完写、卸载时删（删掉等于这台机器回到"没装过"）。需要如实指出：本机该文件记录的版本是 2.5.0（装于 2026-09-17），落后于当前代码版本 2.20.0，因此它正是"安装前检查会提示版本差异"的活样本；重装或升级后会随之更新。
+安装记录 install-info.json 是"这台机器装的是哪一版"的唯一凭据，字段如表 12-3 所示。装完写、卸载时删（删掉等于这台机器回到"没装过"）。需要如实指出：本机该文件记录的版本是 2.5.0（装于 2026-09-17），落后于当前代码版本 2.21.0，因此它正是"安装前检查会提示版本差异"的活样本；重装或升级后会随之更新。
 
 | 字段 | 含义 |
 |---|---|
@@ -1200,7 +1200,7 @@ Linux 侧的适配程度如表 15-4 所示，全部为"已有实现但在本次
 
 ### 16.6 与同批交付文档的对应关系
 
-本章对应《需求分析_观澜_2.20.0.docx》第 11 章（场配置化、机组与机型可替换、数据源形态可适配、阈值按场标定、术语与单位可配、跨场统一口径、按场裁剪收资、换场验收检查表）与《数据要求说明_观澜_2.20.0.docx》第 12 章（通用必选与可选的判定规则、场配置字段对照、数据源形态适配、换场收资差异清单、按场裁剪步骤）；本章给的是设计侧的落点、换场作业单与检查表，数据侧的收资口径与字段要求以数据要求说明为准，需求侧的验收项以需求分析为准。
+本章对应《需求分析_观澜_2.21.0.docx》第 11 章（场配置化、机组与机型可替换、数据源形态可适配、阈值按场标定、术语与单位可配、跨场统一口径、按场裁剪收资、换场验收检查表）与《数据要求说明_观澜_2.21.0.docx》第 12 章（通用必选与可选的判定规则、场配置字段对照、数据源形态适配、换场收资差异清单、按场裁剪步骤）；本章给的是设计侧的落点、换场作业单与检查表，数据侧的收资口径与字段要求以数据要求说明为准，需求侧的验收项以需求分析为准。
 
 ***
 
@@ -1266,7 +1266,7 @@ Linux 侧的适配程度如表 15-4 所示，全部为"已有实现但在本次
 
 | 章节 | 来源文件 |
 |---|---|
-| 1 文档说明 | src/version.py（VERSION 与 HISTORY 的 2.20.0 条目）、docs/需求分析_观澜_2.20.0.docx、scripts/delivery_docs_figures.py |
+| 1 文档说明 | src/version.py（VERSION 与 HISTORY 的 2.21.0 条目）、docs/需求分析_观澜_2.21.0.docx、scripts/delivery_docs_figures.py |
 | 2 设计目标与原则 | docs/系统设计说明.md（四条设计铁律）、app_ontology/.../ontology/mcp_server.py 头部、src/windscada/subsys/fusion.py 头部、src/windscada/perf/reliability.py |
 | 3 总体架构 | configs/serve.json、scripts/guanlan_gateway.py、guanlan.py（组件启动表）、run/pids.json、docs/系统设计说明.md（产物全景） |
 | 4 目录结构与路径真源 | src/paths.py、configs/registry.yaml、docs/系统设计说明.md（路径约定与统一记录）、本次目录实测 |
@@ -1416,7 +1416,8 @@ Alibaba（Nacos / Gateway / OAuth+JWT）+ Spring Boot + Swagger + MyBatis-Plus
 | 取数入口 | `src/api/contract.ts`：只写相对路径（`/api/...`、`/algorithm/...`），与冻契约 `app_backEnd/.../contract/http_api_v1.json` 一一对应 |
 | 同源 | `configs/serve.json` 的 `web=28110` + `cli.services()` 的 web 组件 + 网关 `/web` 路由 ⇒ 页面与后端/算法同源，前端代码不带 host |
 | 对拍 | Python 门 `scripts/http_contract_audit.py`（并入 `guanlan.py check`）· Node 冒烟 `app_frontEnd/web/tools/contract_smoke.mjs` —— 同网关同路径，实测各 42/42 一致；`/web/index.html` 200 且挂载点就位 |
-| 迁移纪律 | v2 工作台**逐页签**迁移，每页签与重构前页面指纹对拍通过后，才删除对应的 Python 前端源码（用户令） |
+| 迁移纪律 | v2 工作台**逐页签**迁移，每页签与重构前页面对拍通过后才删对应 Python 源码（用户令） |
+| **进度（2.21.0）** | **已过严格整页签对拍**：`overview`（138 条文本）· `energy`（51 条文本 + 1 表 + 图表数字 11/11）· `component`（260 条文本 + 2 表）。**未迁移**：`vibration`·`generation`·`fault`·`decision`·`assistant`·`report`·`system`（7 个） |
 
 **迁移进度（2026-09-29 第二轮前端工作）**：已迁移 **总览（overview）** 页签，并对拍通过。
 

docs/src/需求分析_观澜_2.20.0.md → docs/src/需求分析_观澜_2.21.0.md

@@ -1,4 +1,4 @@
-# 需求分析 · 观澜 v2 风电场智能分析系统 · 版本 2.20.0
+# 需求分析 · 观澜 v2 风电场智能分析系统 · 版本 2.21.0
 
 ## 1 文档说明
 
@@ -6,7 +6,7 @@
 
 ### 1.1 目的
 
-本文是「观澜 v2（风电场智能分析系统）」的**需求分析文档**，回答四个问题：这套系统究竟要满足谁的什么需要；这些需要从哪来、经过哪些版本变成现在的样子；每一条需要对应什么功能、什么输入、什么输出、拿什么判据验收；以及哪些事本版明确不做。本文与同批交付的《系统设计说明_观澜_2.20.0.docx》《数据要求说明_观澜_2.20.0.docx》配套：本文讲「要什么、凭什么算做到了」，设计说明讲「怎么做的」，数据要求说明讲「要哪些数据、什么形态、什么单位」。
+本文是「观澜 v2（风电场智能分析系统）」的**需求分析文档**，回答四个问题：这套系统究竟要满足谁的什么需要；这些需要从哪来、经过哪些版本变成现在的样子；每一条需要对应什么功能、什么输入、什么输出、拿什么判据验收；以及哪些事本版明确不做。本文与同批交付的《系统设计说明_观澜_2.21.0.docx》《数据要求说明_观澜_2.21.0.docx》配套：本文讲「要什么、凭什么算做到了」，设计说明讲「怎么做的」，数据要求说明讲「要哪些数据、什么形态、什么单位」。
 
 本文的写作口径是**只写能取证的事实**：每个数字、每条结论都能指到仓库里的某个文件、某次实跑输出或某条版本记录；查不到、取不到的一律写明「未取证」或「未到位」，不做推测性补全。因此文中会出现少量「未取证」的说明句，那是刻意留下的诚实边界，不是遗漏。
 
@@ -18,19 +18,19 @@
 
 ### 1.3 版本对应关系
 
-系统版本号只有一个真源：仓库内的 src/version.py 的 VERSION 一行。本版 VERSION = 2.20.0，版本记录（HISTORY）共 38 条，人读的版本表由 scripts/version_log.py 从 HISTORY 生成到 docs/版本记录.md，并由 version_log.py --check 与 guanlan.py check 双重校验「记录表与代码一致」。
+系统版本号只有一个真源：仓库内的 src/version.py 的 VERSION 一行。本版 VERSION = 2.21.0，版本记录（HISTORY）共 39 条，人读的版本表由 scripts/version_log.py 从 HISTORY 生成到 docs/版本记录.md，并由 version_log.py --check 与 guanlan.py check 双重校验「记录表与代码一致」。
 
 表 1-1 版本与文档的对应关系
 
 | 项 | 值 | 取证方式 |
 |---|---|---|
-| 系统版本 | 2.20.0 | src/version.py 的 VERSION；guanlan.py check 实跑报「版本管理: 观澜 v2（风电场智能分析系统） v2.20.0」 |
-| 交付包名 | app_guanlang_v2.20.0.zip | src/version.py 的 package_name()；同一条 check 输出 |
-| 本文版本 | 2.20.0（与系统版本同号） | 本文标题与 src/version.py 的 VERSION |
+| 系统版本 | 2.21.0 | src/version.py 的 VERSION；guanlan.py check 实跑报「版本管理: 观澜 v2（风电场智能分析系统） v2.21.0」 |
+| 交付包名 | app_guanlang_v2.21.0.zip | src/version.py 的 package_name()；同一条 check 输出 |
+| 本文版本 | 2.21.0（与系统版本同号） | 本文标题与 src/version.py 的 VERSION |
 | 版本史条目数 | 13 条（最新一条即本次文档交付） | src/version.py 的 HISTORY；docs/版本记录.md |
 | 版本号规则 | v大版本号.中版本号.小版本号；大改方案或架构、中改非核心功能、小为消缺 | src/version.py 的 BUMP_RULE 与 LEVEL_MEANING；docs/系统设计说明.md §15 |
 | 版本级别机器判据 | level_of(旧, 新) 返回 major 或 minor 或 patch 或 same | src/version.py 的 level_of() |
-| 本次变化级别 | 小（patch，源码模块化重构推进 P1：公共层九个平台件实体迁移，旧路径留兼容转发壳；系统功能与运行为未变） | HISTORY 中 2.20.0 条目的 level 字段 |
+| 本次变化级别 | 小（patch，源码模块化重构推进 P1：公共层九个平台件实体迁移，旧路径留兼容转发壳；系统功能与运行为未变） | HISTORY 中 2.21.0 条目的 level 字段 |
 
 本版相对 2.10.0 的实质变化是**交付文档对外化**：三份交付文档（需求分析、系统设计说明、数据要求说明）全文不体现具体风电场（去标识化），并新增多风电场适用性一章；系统功能未变，属交付物修订。依据用户令原文：「修改三份文档，内容参考样本风电场，但不体现样本风电场，且具有不同风电场适用性」（引用时把样本场名按去标识化口径写成「样本风电场」）。
 
@@ -119,10 +119,11 @@
 
 ### 3.2 需求演进时间轴
 
-表 3-1 版本史与用户令要点（依据 src/version.py 的 HISTORY，共 38 条）
+表 3-1 版本史与用户令要点（依据 src/version.py 的 HISTORY，共 39 条）
 
 | 版本 | 日期 | 用户令要点 | 变化级别 |
 |---|---|---|---|
+| 2.21.0 | 2026-09-29 | 三页签通过严格整页签对拍· ECharts 图表数据级一致 | 中（minor） |
 | 2.20.0 | 2026-09-29 | ECharts 引入 + Java 网关/OAuth2/Security 落地；呈现对拍门升级为“严格整页签” | 中（minor） |
 | 2.19.0 | 2026-09-29 | Vue 迁移第一个页签+ 呈现对拍门：jsdom 跑旧页面 vs Vue SSR，锚点逐项一致 | 中（minor） |
 | 2.18.0 | 2026-09-29 | 后端 Java 化：Spring Boot 2.7.18 + springfox Swagger 离线可编可跑，与算法服 | 中（minor） |
@@ -162,7 +163,7 @@
 | 0.4.0 | 2026-09-17 | 打包默认不含输入数据与产物与日志与临时文件；无窗口启动；统一配置与日志；页面归口；服务化 | 旧编号（legacy） |
 | 0.2.0 | 2026-09-01 | 含产物的旧交付基线，历史上用作「包内无生成端」那批产物的补救源 | 旧编号（legacy） |
 
-需求的演进如图 1-1 所示。该图依据 src/version.py 的 HISTORY 绘制，覆盖上表 38 条记录（即两级旧编号 0.4.0 与 0.2.0，以及从 2.5.0 起按规则递增的三十六个版本）。按级别统计，这三十六个版本里「中」级变化16条（2.20.0、2.19.0、2.18.0、2.17.0、2.16.0、2.15.0、2.14.0、2.13.0、2.12.0、2.11.0、2.10.0、2.9.0、2.8.0、2.7.0、2.6.0、2.5.0），「小」级变化20条（2.15.2、2.15.1、2.12.1、2.11.9、2.11.8、2.11.7、2.11.6、2.11.5、2.11.4、2.11.3、2.11.2、2.11.1、2.10.4、2.10.3、2.10.2、2.10.1、2.9.2、2.9.1、2.8.2、2.8.1），没有大版本升级。这个分布清楚地显示出这条线的性质——**功能面在 2.5.0 到 2.7.0 之间快速铺开，之后转入以消缺与口径统一为主的密集收敛期**。
+需求的演进如图 1-1 所示。该图依据 src/version.py 的 HISTORY 绘制，覆盖上表 39 条记录（即两级旧编号 0.4.0 与 0.2.0，以及从 2.5.0 起按规则递增的三十七个版本）。按级别统计，这三十七个版本里「中」级变化17条（2.21.0、2.20.0、2.19.0、2.18.0、2.17.0、2.16.0、2.15.0、2.14.0、2.13.0、2.12.0、2.11.0、2.10.0、2.9.0、2.8.0、2.7.0、2.6.0、2.5.0），「小」级变化20条（2.15.2、2.15.1、2.12.1、2.11.9、2.11.8、2.11.7、2.11.6、2.11.5、2.11.4、2.11.3、2.11.2、2.11.1、2.10.4、2.10.3、2.10.2、2.10.1、2.9.2、2.9.1、2.8.2、2.8.1），没有大版本升级。这个分布清楚地显示出这条线的性质——**功能面在 2.5.0 到 2.7.0 之间快速铺开，之后转入以消缺与口径统一为主的密集收敛期**。
 
 ![图 1-1 观澜需求演进时间轴（依据 src/version.py 的 HISTORY）](figures/fig-req-01-需求演进时间轴.png)
 
@@ -181,7 +182,7 @@
 | 所有的计算均要形成观澜的源代码 | 逐族补生成端：变桨面、在升闭环、三层基线、融合面 handoff、总览页、由台账生成 claim | 反向呼应审计成立 3,548 件、不成立 0 件、未归类 0 件 |
 | 运行期一律不从交付包补齐 | 第 ⑤ 步由「补齐随包件」改为「反向呼应审计」，只报账不搬运 | rebuild_all --dry-run 计划中 ⑤ 步命令为 products_reverse_audit.py --check |
 | 清除产物不留备份 | products_state.py --off --yes 改真删除；--on 与门户恢复按钮移除 | 控制台按钮语义与 409 前置校验；docs/系统设计说明.md §7 |
-| 装成服务并在安装时检查版本 | win_service.py 以 ctypes 直连 SCM；service_main.py 与 systemd 单元；install-info.json 记录版本并比对 | check 实跑报「卸载入口在位 2 个」「版本管理 v2.20.0」 |
+| 装成服务并在安装时检查版本 | win_service.py 以 ctypes 直连 SCM；service_main.py 与 systemd 单元；install-info.json 记录版本并比对 | check 实跑报「卸载入口在位 2 个」「版本管理 v2.21.0」 |
 | 观澜改为监听所有 IP | serve.json 增 public_host 且出厂为 0.0.0.0，仅门户网关用它，组件仍绑本机 | check 实跑显示 6 个端口全部运行中；README 第二节写明无鉴权风险与回退口径 |
 | 描述口径：时间窗、影响机组、中文（英文简写） | 界面文案与报告构建器统一改写；i18n_en 键同步 | docs/系统设计说明.md §17.1 与 §17.2；语言包 845 条前后端成对 |
 | 整理需求与设计与数据接入各写一份 Word 文档 | docs/src 下 markdown 源件；渲染器输出带域目录的 docx；插图生成器生成 14 张图，数字全部从真件取 | HISTORY 2.10.0 条目；本版三份文档 |
@@ -397,7 +398,7 @@
 | NFR-09 | 安全只读：不写回现场系统、不改原始件、不产生控制指令；对外暴露时须自行在网侧限来源 | 原始件按只读输入对待，落位冲突默认拒绝；对外只有一个网关入口；启动日志每次提醒页面无鉴权 | docs/输入数据放置指导_v0.1.md §3；README_先读我.MD 第二节 |
 | NFR-10 | 可维护性：单一真源，改一处不必改多处；关键口径有机器守卫 | 版本号只有一行真源并由三处守卫盯住；路径、配置、日志、语言各有唯一取用口与审计器 | docs/系统设计说明.md §15.2 与 §11.1；docs/系统设计说明.md §3.1 |
 | NFR-11 | 无人值守与自愈：长跑的服务要能被托管并自动拉起 | 服务体每 15 秒巡检并拉起掉线组件；崩溃重启策略；远程部署一律用服务，不用会话前台进程 | docs/系统设计说明.md §14.1 与 §14.4；README_先读我.MD 第二节 |
-| NFR-12 | 收资清单按场裁剪：以通用收资模板为底，按本场的机型与数据源形态与专题范围裁剪，逐条写明必须、建议、可选或可替代以及「不收会怎样」 | 每一族都有必须性分级与缺件后果且可复核；换场时清单随场定义与机型变化，不是照抄样本场 | 本文第 11 章；《数据要求说明_观澜_2.20.0.docx》第 8 章与第 12 章 |
+| NFR-12 | 收资清单按场裁剪：以通用收资模板为底，按本场的机型与数据源形态与专题范围裁剪，逐条写明必须、建议、可选或可替代以及「不收会怎样」 | 每一族都有必须性分级与缺件后果且可复核；换场时清单随场定义与机型变化，不是照抄样本场 | 本文第 11 章；《数据要求说明_观澜_2.21.0.docx》第 8 章与第 12 章 |
 
 ### 6.2 性能与耗时实测
 
@@ -433,7 +434,7 @@
 
 | 真源 | 管什么 | 守卫与实跑结果 |
 |---|---|---|
-| src/version.py | 名称、版本、版本规则、版本史、包名 | 版本记录一致性检查；check 实跑报 v2.20.0 且记录表与代码一致 |
+| src/version.py | 名称、版本、版本规则、版本史、包名 | 版本记录一致性检查；check 实跑报 v2.21.0 且记录表与代码一致 |
 | src/paths.py | 一切路径解析的基准与助手 | 配置审计器检查不手拼路径；实跑无不一致 |
 | configs 目录与登记表 | 端口、模型档、场配置、页面归口、配置登记 | 配置审计实跑已知缺口与白名单 14 条、提示 7 条 |
 | src/logfile.py | 日志目录、命名、行格式、保留策略 | 日志审计实跑无不一致、提示 87 条 |
@@ -444,7 +445,7 @@
 
 ### 7.1 数据族与功能映射
 
-系统的数据需求可以概括成一句话：**七类现场源件加一类共享机理资料，喂出九个产物仓，页面只读产物**。每个源类目录名就是摄入接口，改名等于换接口。数据族与功能的对应关系如下表；逐类的字段、单位、必须性与质量要求见同批交付的《数据要求说明_观澜_2.20.0.docx》。
+系统的数据需求可以概括成一句话：**七类现场源件加一类共享机理资料，喂出九个产物仓，页面只读产物**。每个源类目录名就是摄入接口，改名等于换接口。数据族与功能的对应关系如下表；逐类的字段、单位、必须性与质量要求见同批交付的《数据要求说明_观澜_2.21.0.docx》。
 
 表 7-1 数据族到功能的映射（样本场实测（2026-09-22））
 
@@ -477,7 +478,7 @@
 
 ### 7.3 与数据要求说明的分工
 
-本文只回答「要哪些数据、这些数据支撑什么功能」。数据的字段级要求（核心测点的名称、单位、必须性、缺失替代、对齐规则、质量门与核对锚点）以及面向现场的收资清单，写在《数据要求说明_观澜_2.20.0.docx》里。该文档按用户令要求与现场收资文件逐条对照，并对现场收资层面的已知缺失逐条如实记录，例如测风塔数据为零交付、故障录波只有 4 台、振动侧 handoff 正本缺失由观澜自算件顶上、远端机器未安装本机模型等。
+本文只回答「要哪些数据、这些数据支撑什么功能」。数据的字段级要求（核心测点的名称、单位、必须性、缺失替代、对齐规则、质量门与核对锚点）以及面向现场的收资清单，写在《数据要求说明_观澜_2.21.0.docx》里。该文档按用户令要求与现场收资文件逐条对照，并对现场收资层面的已知缺失逐条如实记录，例如测风塔数据为零交付、故障录波只有 4 台、振动侧 handoff 正本缺失由观澜自算件顶上、远端机器未安装本机模型等。
 
 ## 8 页面与信息架构需求
 
@@ -559,7 +560,7 @@
 | 运行环境与依赖 | 10 | Python 版本不低于 3.11（实测 3.12.10）；九个第三方依赖逐个导入 | 全 OK |
 | 静态质量门 | 4 | 源码可编译 229 个文件；语言包 845 条成对；入口引用闭合 48 条；入口脚本编码守则 | 全 OK |
 | 子进程口径 | 3 | 捕获输出可用；无窗口启动输出进日志；无窗口位已设，标志位 0x8000200 | 全 OK |
-| 版本与卸载入口 | 2 | 版本管理与记录表一致（v2.20.0，包名 app_guanlang_v2.20.0.zip）；卸载入口两个都在位 | 全 OK |
+| 版本与卸载入口 | 2 | 版本管理与记录表一致（v2.21.0，包名 app_guanlang_v2.21.0.zip）；卸载入口两个都在位 | 全 OK |
 | 制品与台账审计 | 5 | 反向呼应 3,548 件成立；页面归口检查 21 项；配置统一；日志统一；输入数据放置体检 26,503 件结构合规 | 全 OK |
 | 产物与发布件在位 | 10 | 标准仓、本体对象库、findings、事实契约、门户、仿真合页服务与资料包、三维资产、仿真回放资产、治理清单交付件 | 全 OK |
 | 原始件目录 | 1 | 原始件目录存在（无数据时此项不影响页面） | 全 OK |
@@ -685,7 +686,7 @@
 
 本章有两个词要先定义。「本场」指**当前被选中的场**，由配置选定，不必然等于本文取数的样本风电场；「换场」指从一场切到另一场运行的整套动作（改配置、放数据、重跑、按检查表复验），不是把两场的数据混在一棵树里。本章沿用的占位符与附录 A 一致：`<场>`、`<场站>`、`<机型>` 按实际风电场替换。
 
-本章需求与《数据要求说明_观澜_2.20.0.docx》《系统设计说明_观澜_2.20.0.docx》配套使用：本章讲「换场要满足什么」，数据要求说明讲「要向新场收哪些数据、哪些可以裁剪」，《设计说明》讲「配置在哪一层生效、哪些参数属于场相关层」。
+本章需求与《数据要求说明_观澜_2.21.0.docx》《系统设计说明_观澜_2.21.0.docx》配套使用：本章讲「换场要满足什么」，数据要求说明讲「要向新场收哪些数据、哪些可以裁剪」，《设计说明》讲「配置在哪一层生效、哪些参数属于场相关层」。
 
 取证边界要如实写一句：FR-44 至 FR-51 与 NFR-12 有既有的场配置层、摄入层与场级字段语义登记作依据；FR-52 的跨场横向对比是本次新增的口径要求，其实跑记录与机器守卫随后续版本补齐——本文不谎称已经通过。
 
@@ -764,7 +765,7 @@
 
 | 编号 | 需求 | 判据 | 依据文件 |
 |---|---|---|---|
-| NFR-12 | 收资清单按场裁剪：以通用收资模板为底，按本场的机型、数据源形态与专题范围裁剪，逐条写明必须、建议、可选或可替代以及「不收会怎样」 | 每一族都有必须性分级与缺件后果且可复核；换场时清单随场定义与机型变化，不是照抄样本场 | 《数据要求说明_观澜_2.20.0.docx》第 8 章与第 12 章；docs/输入数据放置指导_v0.1.md |
+| NFR-12 | 收资清单按场裁剪：以通用收资模板为底，按本场的机型、数据源形态与专题范围裁剪，逐条写明必须、建议、可选或可替代以及「不收会怎样」 | 每一族都有必须性分级与缺件后果且可复核；换场时清单随场定义与机型变化，不是照抄样本场 | 《数据要求说明_观澜_2.21.0.docx》第 8 章与第 12 章；docs/输入数据放置指导_v0.1.md |
 
 ### 11.9 换场验收需求
 
@@ -907,8 +908,8 @@
 | 场定义与机型与物理约束参数的写法样例 | app_ETL/configs/farms/<场>.yaml |
 | 机型—场站数据契约与字段单位真源 | app_ETL/configs/contracts/<机型>_<场>.yaml 与 app_ETL/configs/canonical/dictionary.yaml |
 | 场级字段语义登记与其它厂商导出形态的对齐 | app_ETL/configs/farms/<场>/field_semantic_registry.yaml |
-| 按场裁剪的收资清单与必须性分级 | docs/src/数据要求说明_观澜_2.20.0.md |
-| 场无关引擎与场相关参数的分层与换场作业单 | docs/src/系统设计说明_观澜_2.20.0.md |
+| 按场裁剪的收资清单与必须性分级 | docs/src/数据要求说明_观澜_2.21.0.md |
+| 场无关引擎与场相关参数的分层与换场作业单 | docs/src/系统设计说明_观澜_2.21.0.md |
 
 表中 `<场>`、`<场站>`、`<机型>` 为占位符，按实际风电场替换。
 
@@ -951,4 +952,4 @@
 | 换场 | — | 从一场切到另一场运行的整套动作：改配置、放数据、重跑、按检查表复验 | 本文 §11.9 |
 | 缺族降级 | — | 某族数据缺失时按缺件如实标注并降低该族功能，不造数、不用他场数字顶替 | 本文 FR-49 |
 | 按场标定 | — | 把阈值、时间窗锚点、限电窗、温度档带宽等场相关参数按本场取值 | 本文 FR-50 |
-| 通用收资模板 | — | 与场无关的收资条目底稿，按场裁剪后作为现场收资清单 | docs/src/数据要求说明_观澜_2.20.0.md |
+| 通用收资模板 | — | 与场无关的收资条目底稿，按场裁剪后作为现场收资清单 | docs/src/数据要求说明_观澜_2.21.0.md |

release/web/assets/index-BX3YsC-q.css

@@ -0,0 +1 @@
+.echart[data-v-999bee15]{width:100%}.wb-tabs[data-v-8bbd46d4]{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0}.wb-tabs button[data-v-8bbd46d4]{padding:6px 12px;border:1px solid var(--line);background:#fff;border-radius:4px 4px 0 0;cursor:pointer;color:var(--ink)}.wb-tabs button.on[data-v-8bbd46d4]{background:var(--brand);border-color:var(--brand);color:#fff}.todo[data-v-8bbd46d4]{font-size:10px;color:var(--muted);margin-left:2px}.wb-tabs button.on .todo[data-v-8bbd46d4]{color:#ffe9a8}.page-head[data-v-8bbd46d4]{display:flex;align-items:baseline;gap:12px;padding:10px 18px 0}.page-head h1[data-v-8bbd46d4]{font-size:18px;margin:0}.window-badge[data-v-8bbd46d4]{color:var(--muted);font-size:12.5px}:root{--ink: #16202c;--muted: #6b7a8d;--line: #d7dee8;--bg: #f5f7fa;--card: #ffffff;--brand: #0b5fa5;--bad: #b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Microsoft YaHei,PingFang SC,system-ui,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--brand);color:#fff}.top .brand{font-size:16px;font-weight:600;letter-spacing:.5px}.top nav button{margin-left:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:4px;cursor:pointer}.top nav button.on{background:#fff;color:var(--brand)}main{padding:16px 18px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 16px;margin-bottom:14px}.card h2{margin:0 0 10px;font-size:15px}.card h2 small{color:var(--muted);font-weight:400}.hint{color:var(--muted);font-size:12.5px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}th{background:#eef2f7;font-weight:600}tr.bad td{color:var(--bad)}code{font-family:Consolas,Courier New,monospace;font-size:12.5px}button.re{margin-left:10px;padding:2px 10px;cursor:pointer}ul{margin:6px 0 0 18px;padding:0}

release/web/assets/index-CsSUjsCA.css

@@ -1 +0,0 @@
-.wb-tabs[data-v-39f35097]{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0}.wb-tabs button[data-v-39f35097]{padding:6px 12px;border:1px solid var(--line);background:#fff;border-radius:4px 4px 0 0;cursor:pointer;color:var(--ink)}.wb-tabs button.on[data-v-39f35097]{background:var(--brand);border-color:var(--brand);color:#fff}.todo[data-v-39f35097]{font-size:10px;color:var(--muted);margin-left:2px}.wb-tabs button.on .todo[data-v-39f35097]{color:#ffe9a8}.page-head[data-v-39f35097]{display:flex;align-items:baseline;gap:12px;padding:10px 18px 0}.page-head h1[data-v-39f35097]{font-size:18px;margin:0}.window-badge[data-v-39f35097]{color:var(--muted);font-size:12.5px}:root{--ink: #16202c;--muted: #6b7a8d;--line: #d7dee8;--bg: #f5f7fa;--card: #ffffff;--brand: #0b5fa5;--bad: #b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Microsoft YaHei,PingFang SC,system-ui,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--brand);color:#fff}.top .brand{font-size:16px;font-weight:600;letter-spacing:.5px}.top nav button{margin-left:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:4px;cursor:pointer}.top nav button.on{background:#fff;color:var(--brand)}main{padding:16px 18px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 16px;margin-bottom:14px}.card h2{margin:0 0 10px;font-size:15px}.card h2 small{color:var(--muted);font-weight:400}.hint{color:var(--muted);font-size:12.5px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}th{background:#eef2f7;font-weight:600}tr.bad td{color:var(--bad)}code{font-family:Consolas,Courier New,monospace;font-size:12.5px}button.re{margin-left:10px;padding:2px 10px;cursor:pointer}ul{margin:6px 0 0 18px;padding:0}

release/web/index.html

@@ -4,8 +4,8 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>观澜 · 风电数据分析与决策支持</title>
-  <script type="module" crossorigin src="./assets/index-CG20uHkq.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-CsSUjsCA.css">
+  <script type="module" crossorigin src="./assets/index-CtmIzabH.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-BX3YsC-q.css">
 </head>
 <body>
   <div id="app"></div>