agentworkshop 0.7.54 → 0.7.59

package/app/pages/dcw/[id].vue

@@ -1,318 +1,380 @@
-<script setup lang="ts">
-/**
- * 单产线专业控制台(/dcw/[id])—— 网关总控 / 产线启停 / 控制节点清单 / 产品与配方 /
- * 配方版本历史 / 产线数据查询 / 写历史 / 参数台账(调控闭环)。
- *
- * 页面只做编排:路由作用域、写路径、台账、产线启停、产品、配方、查询、添加节点、控制模板
- * 各一个 composable(状态各归其主);视图放在 components/dcw/ 下的子组件
- * (绝不放进 pages/** —— 那会生成路由),样式随标记进各组件自己的 scoped 样式块
- * (scoped 的 data-v 不跨组件,共享工具类各自持有一份逐字相同的副本)。
- * 弹窗与面板经 v-model 就地读写 composable 持有的同一份状态,不产生第二副本。
- */
-import { useDcwAddNode } from './composables/useDcwAddNode'
-import { useDcwDetailScope } from './composables/useDcwDetailScope'
-import { useDcwDetailTemplates } from './composables/useDcwDetailTemplates'
-import { useDcwLedger } from './composables/useDcwLedger'
-import { useDcwLineRun } from './composables/useDcwLineRun'
-import { useDcwParamApprovals } from './composables/useDcwParamApprovals'
-import { useDcwProducts } from './composables/useDcwProducts'
-import { useDcwQuery } from './composables/useDcwQuery'
-import { useDcwRecipes } from './composables/useDcwRecipes'
-import { useDcwWrites } from './composables/useDcwWrites'
-
-const scope = useDcwDetailScope()
-const writes = useDcwWrites()
-const ledgerCtl = useDcwLedger()
-const lineRun = useDcwLineRun(scope)
-const products = useDcwProducts(scope, lineRun)
-const recipes = useDcwRecipes(scope, products, lineRun, writes)
-const queryCtl = useDcwQuery(scope)
-const addNode = useDcwAddNode(scope)
-const tplCtl = useDcwDetailTemplates(addNode)
-const approvals = useDcwParamApprovals(scope)
-
-const { dcw, line, lineId, ls, lineNodes, lineProducts, lineRecipesAll, lineRuns, lineHistory, unassignedNodes, unassignedProducts, stateLabel, dcwTemplateRefCh, nodeMin, nodeMax, lineDaqNodes, daqNodeCh, adoptNode, adoptProduct, productName, paramStatus, paramNodeName, daqWindowStatus, nodeDeviceNames } = scope
-const { setInputs, writingId, writeError, writeOk, readingId, togglingId, stepPatchingId, doWrite, doRead, toggleControl, patchStepLimit } = writes
-const { ledgerNodeId, ledger, loadLedger, rollbackLedgerNode } = ledgerCtl
-const { lineProductId, lineRecipeId, lineBusy, lineMsg, lineErr, lineRecipes, doLineStart, doLineStop } = lineRun
-const { filterProductId, visibleRecipes, productOpen, productSaving, productError, productForm, doCreateProduct } = products
-const { verOpen, verRecipe, verRows, verLoading, verMsg, doRevert, recipeOpen, recipeEditing, recipeSaving, recipeError, recipeStaleNote, recipeForm, applyResult, runDataView, runDataLoading, openRecipeCreate, openRecipeEdit, openRecipeHistory, saveRecipe, doApplyRecipe, doViewRun } = recipes
-const { query, queryBusy, queryError, queryResult, doQuery, daqParamKeys } = queryCtl
-const { addOpen, addScenario, addTemplate, addDriver, addName, addHold, addRead, addWriteLock, addStepLimit, addCfg, addTransform, addSemantics, addTesting, addTest, addMesTesting, addMesResult, addSaving, addError, addFields, driverCatalog, doTestConnection, doMesTestRead, doAddNode } = addNode
-const { tplOpen, tplSaving, tplError, tplOk, tplForm, tplIcons, builtinCount, customCount, openTplModal, doCreateTemplate } = tplCtl
-const { approvalItems, approvalComments, approvalDecidingId, approvalRemainingSec, approvalAgentName, approvalNodeName, decideApproval } = approvals
-</script>
-
-<template>
-  <div
-    v-if="dcw.loaded && !line"
-    class="page"
-  >
-    <p class="banner bad">
-      {{ $t('dcwDetail.k19337yp018') }}
-    </p>
-    <NuxtLink
-      class="pill-btn"
-      to="/dcw"
-    >
-      {{ $t('dcwDetail.kllwu1c019') }}
-    </NuxtLink>
-  </div>
-  <div
-    v-else
-    class="page"
-  >
-    <DcwDetailHead
-      :line="line"
-      :line-id="lineId"
-      :nodes-count="lineNodes.length"
-      :products-count="lineProducts.length"
-      :recipes-count="lineRecipesAll.length"
-    />
-
-    <!-- 网关总控条 -->
-    <DcwGatewayBar
-      :running="dcw.controller.running"
-      :nodes-online="dcw.controller.nodesOnline"
-      :nodes-total="dcw.controller.nodesTotal"
-      :writes-total="dcw.controller.writesTotal"
-      :writes-failed="dcw.controller.writesFailed"
-      @toggle="dcw.startStop"
-      @open-templates="openTplModal"
-      @open-add="addOpen = true"
-    />
-
-    <!-- 写错误/成功横幅 -->
-    <p
-      v-if="writeError || writeOk"
-      class="banner"
-      :class="writeError ? 'bad' : 'good'"
-    >
-      {{ writeError || writeOk }}
-    </p>
-
-    <!-- 未分配资产收编(历史节点/产品迁移到本产线) -->
-    <DcwAdoptCard
-      :unassigned-nodes="unassignedNodes"
-      :unassigned-products="unassignedProducts"
-      @adopt-node="adoptNode"
-      @adopt-product="adoptProduct"
-    />
-
-    <!-- 产线运行控制:开跑必设配方;窗口内数采逐样本打标 -->
-    <DcwLineRunCard
-      v-model:product-id="lineProductId"
-      v-model:recipe-id="lineRecipeId"
-      :ls="ls"
-      :line-products="lineProducts"
-      :line-recipes="lineRecipes"
-      :line-busy="lineBusy"
-      :line-msg="lineMsg"
-      :line-err="lineErr"
-      @start="doLineStart"
-      @stop="doLineStop"
-    />
-
-    <!-- 添加控制节点模板(自定义创建) -->
-    <DcwDetailTemplateModal
-      v-model:open="tplOpen"
-      v-model:form="tplForm"
-      :templates="dcw.templates"
-      :tpl-icons="tplIcons"
-      :builtin-count="builtinCount"
-      :custom-count="customCount"
-      :tpl-saving="tplSaving"
-      :tpl-error="tplError"
-      :tpl-ok="tplOk"
-      @submit="doCreateTemplate"
-      @close="tplOpen = false"
-    />
-
-    <!-- 添加控制节点向导 -->
-    <DcwAddNodeModal
-      v-model:open="addOpen"
-      v-model:scenario="addScenario"
-      v-model:template="addTemplate"
-      v-model:driver="addDriver"
-      v-model:name="addName"
-      v-model:hold="addHold"
-      v-model:read="addRead"
-      v-model:write-lock="addWriteLock"
-      v-model:step-limit="addStepLimit"
-      v-model:cfg="addCfg"
-      v-model:transform="addTransform"
-      v-model:semantics="addSemantics"
-      :templates="dcw.templates"
-      :driver-catalog="driverCatalog"
-      :add-fields="addFields"
-      :add-testing="addTesting"
-      :add-test="addTest"
-      :add-mes-testing="addMesTesting"
-      :add-mes-result="addMesResult"
-      :add-saving="addSaving"
-      :add-error="addError"
-      @test="doTestConnection"
-      @mes-test="doMesTestRead"
-      @submit="doAddNode"
-    />
-
-    <!-- HITL 下发参数审批(本产线节点的 Agent 写入待批;空态不渲染避免噪音) -->
-    <DcwParamApprovalCard
-      v-if="approvalItems.length"
-      v-model:comments="approvalComments"
-      :items="approvalItems"
-      :deciding-id="approvalDecidingId"
-      :remaining-sec="approvalRemainingSec"
-      :agent-name="approvalAgentName"
-      :node-name="approvalNodeName"
-      @decide="decideApproval"
-    />
-
-    <!-- 控制节点清单 -->
-    <DcwNodesTable
-      v-model:set-inputs="setInputs"
-      :line-nodes="lineNodes"
-      :state-label="stateLabel"
-      :toggling-id="togglingId"
-      :reading-id="readingId"
-      :writing-id="writingId"
-      :step-patching-id="stepPatchingId"
-      :loaded="dcw.loaded"
-      :error="dcw.error"
-      :dcw-template-ref-ch="dcwTemplateRefCh"
-      :node-device-names="nodeDeviceNames"
-      @toggle="toggleControl"
-      @read="doRead"
-      @write="doWrite"
-      @patch-step-limit="patchStepLimit"
-      @remove="dcw.removeNode"
-    />
-
-    <!-- 产品与配方管理 -->
-    <DcwRecipePanel
-      v-model:filter-product-id="filterProductId"
-      :line-products="lineProducts"
-      :visible-recipes="visibleRecipes"
-      :line-runs="lineRuns"
-      :apply-result="applyResult"
-      :run-data-view="runDataView"
-      :run-data-loading="runDataLoading"
-      :product-name="productName"
-      :param-status="paramStatus"
-      :param-node-name="paramNodeName"
-      :daq-window-status="daqWindowStatus"
-      :daq-node-ch="daqNodeCh"
-      @create="openRecipeCreate"
-      @open-product="productOpen = true"
-      @apply="doApplyRecipe"
-      @edit="openRecipeEdit"
-      @history="openRecipeHistory"
-      @remove-recipe="dcw.removeRecipe"
-      @remove-product="dcw.removeProduct"
-      @view-run="doViewRun"
-      @close-run="dcw.closeRun"
-      @close-run-data="runDataView = null"
-    />
-
-    <!-- 配方编辑弹窗 -->
-    <DcwRecipeEditModal
-      v-model:open="recipeOpen"
-      v-model:form="recipeForm"
-      :line-products="lineProducts"
-      :line-nodes="lineNodes"
-      :line-daq-nodes="lineDaqNodes"
-      :line-id="lineId"
-      :recipe-editing="recipeEditing"
-      :recipe-saving="recipeSaving"
-      :recipe-error="recipeError"
-      :recipe-stale-note="recipeStaleNote"
-      :dcw-template-ref-ch="dcwTemplateRefCh"
-      :node-min="nodeMin"
-      :node-max="nodeMax"
-      :param-status="paramStatus"
-      @submit="saveRecipe"
-      @close="recipeOpen = false"
-    />
-
-    <!-- 配方版本历史(整体修改变更记录:来源/操作者/原因/参数 diff + 回退) -->
-    <DcwRecipeHistoryModal
-      v-model:open="verOpen"
-      :ver-recipe="verRecipe"
-      :ver-rows="verRows"
-      :ver-loading="verLoading"
-      :ver-msg="verMsg"
-      :param-node-name="paramNodeName"
-      @revert="doRevert"
-      @close="verOpen = false"
-    />
-
-    <!-- 产线数据查询(产品/配方/参数/时间/间隔) -->
-    <DcwQueryCard
-      v-model:query="query"
-      :line-products="lineProducts"
-      :visible-recipes="visibleRecipes"
-      :line-daq-nodes="lineDaqNodes"
-      :daq-param-keys="daqParamKeys"
-      :query-busy="queryBusy"
-      :query-error="queryError"
-      :query-result="queryResult"
-      @run="doQuery"
-    />
-
-    <!-- 写历史 -->
-    <DcwWriteHistoryCard
-      v-if="lineHistory.length"
-      :line-history="lineHistory"
-    />
-
-    <!-- 新建产品弹窗 -->
-    <DcwProductCreateModal
-      v-model:open="productOpen"
-      v-model:form="productForm"
-      :product-saving="productSaving"
-      :product-error="productError"
-      @submit="doCreateProduct"
-      @close="productOpen = false"
-    />
-
-    <p
-      v-if="dcw.error"
-      class="err"
-    >
-      {{ dcw.error }}(<NuxtLink to="/workshop">{{ $t('dcwDetail.k1bhhheq120') }}</NuxtLink>)
-    </p>
-
-    <!-- 参数台账(调控闭环:当前值/配方目标/lastGood 三值对照 + 设定历史 + 优化记录) -->
-    <DcwLedgerCard
-      v-model:node-id="ledgerNodeId"
-      :line-nodes="lineNodes"
-      :ledger="ledger"
-      @load="loadLedger"
-      @rollback="rollbackLedgerNode"
-    />
-  </div>
-</template>
-
-<style scoped>
-/* 共享工具类随标记搬入本组件:scoped 的 data-v 归属不跨组件,
-   凡在多组件出现的规则(.mono/.dim/.inp/.mini-btn/.modal-mask/.banner/.nodes-table/.sec-label/.st-pill 等)
-   在此各持一份逐字相同的副本,以保证每个元素命中的声明集与拆分前一致,同时不引入任何全局选择器。 */
-
-.page { padding: 4px; }
-
-.banner { padding: 9px 14px; margin: 0 0 12px; font-size: 12.5px; border-radius: var(--radius-chip); }
-.banner.bad { color: var(--tone-danger-dot); background: var(--tone-danger-bg); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 40%, transparent); }
-.banner.good { color: var(--tone-success-dot); background: var(--tone-success-bg); border: 1px solid color-mix(in srgb, var(--tone-success-dot) 40%, transparent); }
-
-.err { margin-top: 14px; font-size: 13px; color: var(--tone-danger-dot); }
-
-@media (max-width: 900px) {
-/* ══ 窄屏自适应层(≤900 手持/平板竖,≤640 单列)════════════════════════════
-   375px 下本页的三类实测缺陷:网关总控条右侧三件套不换行(整块顶出画布)、
-   运行控制行的两个 150px 选择器 + 按钮并排超宽、微标签 9~10.5px。 */
-  /* 触摸目标:手持命中区 ≥40px(main.css 只在 pointer:coarse 下兜底) */
-  .pill-btn {
-    min-height: 40px;
-  }
-}
-</style>
+<script setup lang="ts">
+/**
+ * 单产线专业控制台(/dcw/[id])—— 网关总控 / 产线启停 / 控制节点清单 / 产品与配方 /
+ * 配方版本历史 / 产线数据查询 / 写历史 / 参数台账(调控闭环)。
+ *
+ * 页面只做编排:路由作用域、写路径、台账、产线启停、产品、配方、查询、添加节点、控制模板
+ * 各一个 composable(状态各归其主);视图放在 components/dcw/ 下的子组件
+ * (绝不放进 pages/** —— 那会生成路由),样式随标记进各组件自己的 scoped 样式块
+ * (scoped 的 data-v 不跨组件,共享工具类各自持有一份逐字相同的副本)。
+ * 弹窗与面板经 v-model 就地读写 composable 持有的同一份状态,不产生第二副本。
+ */
+import { useDcwAddNode } from './composables/useDcwAddNode'
+import { useDcwDetailScope } from './composables/useDcwDetailScope'
+import { useDcwDetailTemplates } from './composables/useDcwDetailTemplates'
+import { useDcwLedger } from './composables/useDcwLedger'
+import { useDcwLineRun } from './composables/useDcwLineRun'
+import { useDcwParamApprovals } from './composables/useDcwParamApprovals'
+import { useDcwProducts } from './composables/useDcwProducts'
+import { useDcwQuery } from './composables/useDcwQuery'
+import { useDcwRecipes } from './composables/useDcwRecipes'
+import { useDcwWrites } from './composables/useDcwWrites'
+import { useExpConfirmations } from './composables/useExpConfirmations'
+import { useRecipeDispatchApprovals } from './composables/useRecipeDispatchApprovals'
+
+const scope = useDcwDetailScope()
+const writes = useDcwWrites()
+const ledgerCtl = useDcwLedger()
+const lineRun = useDcwLineRun(scope)
+const products = useDcwProducts(scope, lineRun)
+const recipes = useDcwRecipes(scope, products, lineRun, writes)
+const queryCtl = useDcwQuery(scope)
+const addNode = useDcwAddNode(scope)
+const tplCtl = useDcwDetailTemplates(addNode)
+const approvals = useDcwParamApprovals(scope)
+// 本地调整待确认队列(经验采集推断的非平台写入;只拉本产线)
+const expConfirms = useExpConfirmations({ lineId: () => scope.lineId.value })
+// 整包方案审批(recipe_propose 结构化审批单;nodeId 前缀 recipe-propose: 分流)
+const recipeDispatch = useRecipeDispatchApprovals()
+const rdGateItems = recipeDispatch.gateItems
+function decideRecipeGate(id: string, approved: boolean, comment: string): void {
+  void recipeDispatch.decideGate(id, approved, comment)
+}
+
+const { dcw, line, lineId, ls, lineNodes, lineProducts, lineRecipesAll, lineRuns, lineHistory, unassignedNodes, unassignedProducts, stateLabel, dcwTemplateRefCh, nodeMin, nodeMax, lineDaqNodes, daqNodeCh, adoptNode, adoptProduct, productName, paramStatus, paramNodeName, daqWindowStatus, nodeDeviceNames } = scope
+const { setInputs, writingId, writeError, writeOk, readingId, togglingId, stepPatchingId, doWrite, doRead, toggleControl, patchStepLimit } = writes
+const { ledgerNodeId, ledger, loadLedger, rollbackLedgerNode } = ledgerCtl
+const { lineProductId, lineRecipeId, lineBusy, lineMsg, lineErr, lineRecipes, doLineStart, doLineStop } = lineRun
+const { filterProductId, visibleRecipes, productOpen, productSaving, productError, productForm, doCreateProduct } = products
+const { verOpen, verRecipe, verRows, verLoading, verMsg, doRevert, recipeOpen, recipeEditing, recipeSaving, recipeError, recipeStaleNote, recipeForm, applyResult, runDataView, runDataLoading, openRecipeCreate, openRecipeEdit, openRecipeHistory, saveRecipe, doApplyRecipe, doViewRun } = recipes
+const { query, queryBusy, queryError, queryResult, doQuery, daqParamKeys } = queryCtl
+const { addOpen, addScenario, addTemplate, addDriver, addName, addHold, addRead, addWriteLock, addStepLimit, addCfg, addTransform, addSemantics, addTesting, addTest, addMesTesting, addMesResult, addMesHookTesting, addMesHookResult, addSaving, addError, addFields, driverCatalog, doTestConnection, doMesTestRead, doMesHookTest, doAddNode } = addNode
+
+// MES 产物弹窗状态(节点表「产物」入口)
+const mesArtifactsOpen = ref(false)
+const mesArtifactsNodeId = ref('')
+const mesArtifactsNodeName = ref('')
+function openMesArtifacts(nodeId: string): void {
+  mesArtifactsNodeId.value = nodeId
+  mesArtifactsNodeName.value = lineNodes.value.find(n => n.id === nodeId)?.name ?? nodeId
+  mesArtifactsOpen.value = true
+}
+const { tplOpen, tplSaving, tplError, tplOk, tplForm, tplIcons, builtinCount, customCount, openTplModal, doCreateTemplate } = tplCtl
+const { approvalItems, approvalComments, approvalDecidingId, approvalRemainingSec, approvalAgentName, approvalNodeName, decideApproval } = approvals
+const { items: expItems, decidingId: expDecidingId, decideError: expDecideError, decide: decideExp } = expConfirms
+const { items: rdItems, comments: rdComments, decidingId: rdDecidingId, decideError: rdDecideError, decide: decideRecipeDispatch } = recipeDispatch
+</script>
+
+<template>
+  <div
+    v-if="dcw.loaded && !line"
+    class="page"
+  >
+    <p class="banner bad">
+      {{ $t('dcwDetail.k19337yp018') }}
+    </p>
+    <NuxtLink
+      class="pill-btn"
+      to="/dcw"
+    >
+      {{ $t('dcwDetail.kllwu1c019') }}
+    </NuxtLink>
+  </div>
+  <div
+    v-else
+    class="page"
+  >
+    <DcwDetailHead
+      :line="line"
+      :line-id="lineId"
+      :nodes-count="lineNodes.length"
+      :products-count="lineProducts.length"
+      :recipes-count="lineRecipesAll.length"
+    />
+
+    <!-- 网关总控条 -->
+    <DcwGatewayBar
+      :running="dcw.controller.running"
+      :nodes-online="dcw.controller.nodesOnline"
+      :nodes-total="dcw.controller.nodesTotal"
+      :writes-total="dcw.controller.writesTotal"
+      :writes-failed="dcw.controller.writesFailed"
+      @toggle="dcw.startStop"
+      @open-templates="openTplModal"
+      @open-add="addOpen = true"
+    />
+
+    <!-- 写错误/成功横幅 -->
+    <p
+      v-if="writeError || writeOk"
+      class="banner"
+      :class="writeError ? 'bad' : 'good'"
+    >
+      {{ writeError || writeOk }}
+    </p>
+
+    <!-- 未分配资产收编(历史节点/产品迁移到本产线) -->
+    <DcwAdoptCard
+      :unassigned-nodes="unassignedNodes"
+      :unassigned-products="unassignedProducts"
+      @adopt-node="adoptNode"
+      @adopt-product="adoptProduct"
+    />
+
+    <!-- 产线运行控制:开跑必设配方;窗口内数采逐样本打标 -->
+    <DcwLineRunCard
+      v-model:product-id="lineProductId"
+      v-model:recipe-id="lineRecipeId"
+      :ls="ls"
+      :line-products="lineProducts"
+      :line-recipes="lineRecipes"
+      :line-busy="lineBusy"
+      :line-msg="lineMsg"
+      :line-err="lineErr"
+      @start="doLineStart"
+      @stop="doLineStop"
+    />
+
+    <!-- 添加控制节点模板(自定义创建) -->
+    <DcwDetailTemplateModal
+      v-model:open="tplOpen"
+      v-model:form="tplForm"
+      :templates="dcw.templates"
+      :tpl-icons="tplIcons"
+      :builtin-count="builtinCount"
+      :custom-count="customCount"
+      :tpl-saving="tplSaving"
+      :tpl-error="tplError"
+      :tpl-ok="tplOk"
+      @submit="doCreateTemplate"
+      @close="tplOpen = false"
+    />
+
+    <!-- 添加控制节点向导 -->
+    <DcwAddNodeModal
+      v-model:open="addOpen"
+      v-model:scenario="addScenario"
+      v-model:template="addTemplate"
+      v-model:driver="addDriver"
+      v-model:name="addName"
+      v-model:hold="addHold"
+      v-model:read="addRead"
+      v-model:write-lock="addWriteLock"
+      v-model:step-limit="addStepLimit"
+      v-model:cfg="addCfg"
+      v-model:transform="addTransform"
+      v-model:semantics="addSemantics"
+      :templates="dcw.templates"
+      :driver-catalog="driverCatalog"
+      :add-fields="addFields"
+      :add-testing="addTesting"
+      :add-test="addTest"
+      :add-mes-testing="addMesTesting"
+      :add-mes-result="addMesResult"
+      :add-mes-hook-testing="addMesHookTesting"
+      :add-mes-hook-result="addMesHookResult"
+      :add-saving="addSaving"
+      :add-error="addError"
+      @test="doTestConnection"
+      @mes-test="doMesTestRead"
+      @mes-hook-test="doMesHookTest"
+      @submit="doAddNode"
+    />
+
+    <!-- HITL 下发参数审批(本产线节点的 Agent 写入待批;空态不渲染避免噪音) -->
+    <DcwParamApprovalCard
+      v-if="approvalItems.length"
+      v-model:comments="approvalComments"
+      :items="approvalItems"
+      :deciding-id="approvalDecidingId"
+      :remaining-sec="approvalRemainingSec"
+      :agent-name="approvalAgentName"
+      :node-name="approvalNodeName"
+      @decide="decideApproval"
+    />
+
+    <!-- 整包方案审批(recipe_propose 多套候选结构化审批单;空态不渲染避免噪音) -->
+    <DcwRecipeDispatchApprovalCard
+      v-if="rdItems.length"
+      v-model:comments="rdComments"
+      :items="rdItems"
+      :deciding-id="rdDecidingId"
+      :decide-error="rdDecideError"
+      @decide="decideRecipeDispatch"
+    />
+
+    <!-- Recipe 逐动作审批(权限模型 v2:参数写入/下发/试验/回退的 HITL;空态不渲染) -->
+    <DcwRecipeGateApprovalCard
+      v-if="rdGateItems.length"
+      :items="rdGateItems"
+      :comments="rdComments"
+      :deciding-id="rdDecidingId"
+      :error="rdDecideError"
+      @decide="decideRecipeGate"
+    />
+
+    <!-- 本地调整确认(经验采集推断的非平台写入待人工转正;空态不渲染避免噪音) -->
+    <DcwExpConfirmCard
+      v-if="expItems.length"
+      :items="expItems"
+      :deciding-id="expDecidingId"
+      :decide-error="expDecideError"
+      @decide="decideExp"
+    />
+
+    <!-- 控制节点清单 -->
+    <DcwNodesTable
+      v-model:set-inputs="setInputs"
+      :line-nodes="lineNodes"
+      :state-label="stateLabel"
+      :toggling-id="togglingId"
+      :reading-id="readingId"
+      :writing-id="writingId"
+      :step-patching-id="stepPatchingId"
+      :loaded="dcw.loaded"
+      :error="dcw.error"
+      :dcw-template-ref-ch="dcwTemplateRefCh"
+      :node-device-names="nodeDeviceNames"
+      @toggle="toggleControl"
+      @read="doRead"
+      @write="doWrite"
+      @patch-step-limit="patchStepLimit"
+      @artifacts="openMesArtifacts"
+      @remove="dcw.removeNode"
+    />
+
+    <!-- MES 点位产物浏览(hook 落盘的图/CSV/SVG;组件自取数) -->
+    <DcwMesArtifacts
+      v-model:open="mesArtifactsOpen"
+      :node-id="mesArtifactsNodeId"
+      :node-name="mesArtifactsNodeName"
+    />
+
+    <!-- 产品与配方管理 -->
+    <DcwRecipePanel
+      v-model:filter-product-id="filterProductId"
+      :line-products="lineProducts"
+      :visible-recipes="visibleRecipes"
+      :line-runs="lineRuns"
+      :apply-result="applyResult"
+      :run-data-view="runDataView"
+      :run-data-loading="runDataLoading"
+      :product-name="productName"
+      :param-status="paramStatus"
+      :param-node-name="paramNodeName"
+      :daq-window-status="daqWindowStatus"
+      :daq-node-ch="daqNodeCh"
+      @create="openRecipeCreate"
+      @open-product="productOpen = true"
+      @apply="doApplyRecipe"
+      @edit="openRecipeEdit"
+      @history="openRecipeHistory"
+      @remove-recipe="dcw.removeRecipe"
+      @remove-product="dcw.removeProduct"
+      @view-run="doViewRun"
+      @close-run="dcw.closeRun"
+      @close-run-data="runDataView = null"
+    />
+
+    <!-- 配方编辑弹窗 -->
+    <DcwRecipeEditModal
+      v-model:open="recipeOpen"
+      v-model:form="recipeForm"
+      :line-products="lineProducts"
+      :line-nodes="lineNodes"
+      :line-daq-nodes="lineDaqNodes"
+      :line-id="lineId"
+      :recipe-editing="recipeEditing"
+      :recipe-saving="recipeSaving"
+      :recipe-error="recipeError"
+      :recipe-stale-note="recipeStaleNote"
+      :dcw-template-ref-ch="dcwTemplateRefCh"
+      :node-min="nodeMin"
+      :node-max="nodeMax"
+      :param-status="paramStatus"
+      @submit="saveRecipe"
+      @close="recipeOpen = false"
+    />
+
+    <!-- 配方版本历史(整体修改变更记录:来源/操作者/原因/参数 diff + 回退) -->
+    <DcwRecipeHistoryModal
+      v-model:open="verOpen"
+      :ver-recipe="verRecipe"
+      :ver-rows="verRows"
+      :ver-loading="verLoading"
+      :ver-msg="verMsg"
+      :param-node-name="paramNodeName"
+      @revert="doRevert"
+      @close="verOpen = false"
+    />
+
+    <!-- 产线数据查询(产品/配方/参数/时间/间隔) -->
+    <DcwQueryCard
+      v-model:query="query"
+      :line-products="lineProducts"
+      :visible-recipes="visibleRecipes"
+      :line-daq-nodes="lineDaqNodes"
+      :daq-param-keys="daqParamKeys"
+      :query-busy="queryBusy"
+      :query-error="queryError"
+      :query-result="queryResult"
+      @run="doQuery"
+    />
+
+    <!-- 写历史 -->
+    <DcwWriteHistoryCard
+      v-if="lineHistory.length"
+      :line-history="lineHistory"
+    />
+
+    <!-- 新建产品弹窗 -->
+    <DcwProductCreateModal
+      v-model:open="productOpen"
+      v-model:form="productForm"
+      :product-saving="productSaving"
+      :product-error="productError"
+      @submit="doCreateProduct"
+      @close="productOpen = false"
+    />
+
+    <p
+      v-if="dcw.error"
+      class="err"
+    >
+      {{ dcw.error }}(<NuxtLink to="/workshop">{{ $t('dcwDetail.k1bhhheq120') }}</NuxtLink>)
+    </p>
+
+    <!-- 参数台账(调控闭环:当前值/配方目标/lastGood 三值对照 + 设定历史 + 优化记录) -->
+    <DcwLedgerCard
+      v-model:node-id="ledgerNodeId"
+      :line-nodes="lineNodes"
+      :ledger="ledger"
+      @load="loadLedger"
+      @rollback="rollbackLedgerNode"
+    />
+  </div>
+</template>
+
+<style scoped>
+/* 共享工具类随标记搬入本组件:scoped 的 data-v 归属不跨组件,
+   凡在多组件出现的规则(.mono/.dim/.inp/.mini-btn/.modal-mask/.banner/.nodes-table/.sec-label/.st-pill 等)
+   在此各持一份逐字相同的副本,以保证每个元素命中的声明集与拆分前一致,同时不引入任何全局选择器。 */
+
+.page { padding: 4px; }
+
+.banner { padding: 9px 14px; margin: 0 0 12px; font-size: 12.5px; border-radius: var(--radius-chip); }
+.banner.bad { color: var(--tone-danger-dot); background: var(--tone-danger-bg); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 40%, transparent); }
+.banner.good { color: var(--tone-success-dot); background: var(--tone-success-bg); border: 1px solid color-mix(in srgb, var(--tone-success-dot) 40%, transparent); }
+
+.err { margin-top: 14px; font-size: 13px; color: var(--tone-danger-dot); }
+
+@media (max-width: 900px) {
+/* ══ 窄屏自适应层(≤900 手持/平板竖,≤640 单列)════════════════════════════
+   375px 下本页的三类实测缺陷:网关总控条右侧三件套不换行(整块顶出画布)、
+   运行控制行的两个 150px 选择器 + 按钮并排超宽、微标签 9~10.5px。 */
+  /* 触摸目标:手持命中区 ≥40px(main.css 只在 pointer:coarse 下兜底) */
+  .pill-btn {
+    min-height: 40px;
+  }
+}
+</style>