agentworkshop 0.7.44 → 0.7.46

package/app/pages/dcw/composables/useDcwAddNode.ts

@@ -0,0 +1,121 @@
+import { computed, reactive, ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { useDcwDetailScope } from './useDcwDetailScope'
+import { DCW_DRIVERS } from '#shared/dcw-protocol'
+import type { DaqDriverCatalogEntry, DriverConfigField } from '#shared/daq-protocol'
+
+/**
+ * 添加控制节点向导(mock / 真实场景 + 动态驱动参数 + 测试连接 + 数据语义标定)。
+ * 向导各字段是页面唯一副本(经 v-model 下发到弹窗);新建控制模板成功后
+ * useDcwDetailTemplates 会把 addTemplate 指向新模板,使向导下拉即刻可选。
+ */
+export function useDcwAddNode(scope: ReturnType<typeof useDcwDetailScope>) {
+  const { t } = useI18n()
+  const dcw = useDcwStream()
+  const { lineId } = scope
+
+  // ---------- 添加控制节点向导 ----------
+  const addOpen = ref(false)
+  const addScenario = ref<'mock' | 'real'>('mock')
+  const addTemplate = ref(dcw.templates[0]?.key ?? '')
+  const addDriver = ref<'mock' | 'modbus-tcp' | 'opcua'>('mock')
+  const addName = ref('')
+  const addHold = ref<number | null>(null)
+  const addRead = ref<number | null>(null)
+  const addWriteLock = ref<number>(30)
+  const addCfg = ref<Record<string, string | number>>({})
+  const addTransform = reactive({ kind: 'none' as 'none' | 'linear', scale: 1, offset: 0 })
+  const addSemantics = ref('')
+  const addTesting = ref(false)
+  const addTest = ref<{ ok: boolean, message: string } | null>(null)
+  const addSaving = ref(false)
+  const addError = ref('')
+
+  // 写驱动目录:server 权威(内置 + 协议插件自描述;REST 未返回时回落静态目录)
+  const driverCatalog = computed<DaqDriverCatalogEntry[]>(() => dcw.driverCatalog.length
+    ? dcw.driverCatalog
+    : DCW_DRIVERS.map(d => ({ ...d })))
+  const addDriverMeta = computed(() => driverCatalog.value.find(d => d.kind === addDriver.value))
+  const addFields = computed<DriverConfigField[]>(() => addDriverMeta.value?.configFields ?? [])
+
+  function resetAddCfg(): void {
+    const cfg: Record<string, string | number> = {}
+    for (const f of addFields.value) {
+      if (f.default !== undefined) cfg[f.key] = f.default
+    }
+    addCfg.value = cfg
+    addTest.value = null
+  }
+  void resetAddCfg()
+
+  async function doTestConnection(): Promise<void> {
+    addTesting.value = true
+    addTest.value = null
+    try {
+      addTest.value = await dcw.testDriver(addDriver.value, addCfg.value)
+    }
+    catch (err) {
+      addTest.value = { ok: false, message: apiErrorMessage(err) }
+    }
+    finally {
+      addTesting.value = false
+    }
+  }
+
+  async function doAddNode(): Promise<void> {
+    addSaving.value = true
+    addError.value = ''
+    try {
+      for (const f of addFields.value) {
+        if (f.required && (addCfg.value[f.key] === undefined || addCfg.value[f.key] === '')) {
+          throw new Error(t('dcwDetail.k8x1un1184', { p0: f.label }))
+        }
+      }
+      const transform = addTransform.kind === 'linear'
+        ? { kind: 'linear' as const, scale: Number(addTransform.scale), offset: Number(addTransform.offset) }
+        : undefined
+      await dcw.createFromTemplate(`dcw-${addTemplate.value}`, {
+        name: addName.value.trim() || undefined,
+        driver: addDriver.value,
+        driverConfig: { ...addCfg.value },
+        transform,
+        holdIntervalMs: addHold.value,
+        readIntervalMs: addRead.value,
+        writeLockSeconds: addWriteLock.value,
+        lineId: lineId.value,
+        semantics: addSemantics.value.trim() || undefined,
+      })
+      addOpen.value = false
+      addName.value = ''
+      addSemantics.value = ''
+    }
+    catch (err) {
+      addError.value = apiErrorMessage(err)
+    }
+    finally {
+      addSaving.value = false
+    }
+  }
+
+  return {
+    addOpen,
+    addScenario,
+    addTemplate,
+    addDriver,
+    addName,
+    addHold,
+    addRead,
+    addWriteLock,
+    addCfg,
+    addTransform,
+    addSemantics,
+    addTesting,
+    addTest,
+    addSaving,
+    addError,
+    driverCatalog,
+    addFields,
+    doTestConnection,
+    doAddNode,
+  }
+}

package/app/pages/dcw/composables/useDcwCards.ts

@@ -0,0 +1,27 @@
+import { computed } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { LineCard } from '../types'
+
+/** 产线卡片数据源:产线本体 + 旗下节点/产品/配方计数,以及未归属(未挂产线)计数 */
+export function useDcwCards() {
+  const dcw = useDcwStream()
+
+  const cards = computed<LineCard[]>(() =>
+    dcw.lines.map(line => ({
+      line,
+      nodes: dcw.nodes.filter(n => n.lineId === line.id).length,
+      products: dcw.products.filter(p => p.lineId === line.id).length,
+      recipes: dcw.recipes.filter(r => r.lineId === line.id).length,
+    })),
+  )
+  const unassignedCount = computed(() =>
+    dcw.nodes.filter(n => !n.lineId).length + dcw.products.filter(p => !p.lineId).length,
+  )
+
+  /** 卡片配方下拉:本产线配方(继承自产品) */
+  function recipesOf(lineId: string) {
+    return dcw.recipes.filter(r => r.lineId === lineId)
+  }
+
+  return { cards, unassignedCount, recipesOf }
+}

package/app/pages/dcw/composables/useDcwDetailScope.ts

@@ -0,0 +1,145 @@
+import { computed, onUnmounted } from 'vue'
+import { useRoute } from 'vue-router'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import { useDaqStream } from '~/composables/workshop/useDaqStream'
+import { useDeviceTwins } from '~/composables/workshop/useDeviceTwins'
+
+/** 配方参数节点失效态(已删除/已停用/已取消绑定;灰化 + 徽标) */
+export interface StaleRef { code: 'deleted' | 'disabled' | 'unbound', label: string }
+
+/**
+ * 单产线控制台的路由作用域层 —— 路由 id、产线实体、本产线作用域数据(节点/产品/配方/批次/写历史)、
+ * 未分配资产收编、模板与驱动的展示标签、以及跨面板复用的纯查表函数(StaleRef 类型随之导出)。
+ * 三个 store 都是模块级单例:本 composable 只持有一份派生视图,不复制任何响应式源。
+ * WS 喂帧(节点变更/写 ACK 实时收敛)的时序与原页面逐字一致。
+ */
+export function useDcwDetailScope() {
+  const { t } = useI18n()
+
+  const route = useRoute()
+  const dcw = useDcwStream()
+  const daq = useDaqStream()
+  const deviceTwins = useDeviceTwins()
+  void daq.load()
+
+  /** 路由产线 id;总览页「产线管理」进入 */
+  const lineId = computed(() => String(route.params.id ?? ''))
+  const line = computed(() => dcw.lines.find(l => l.id === lineId.value))
+  const ls = computed(() => dcw.lineStateOf(lineId.value))
+
+  void dcw.load()
+  /** WS 喂帧:节点变更(dcw.node.changed)/写 ACK 实时收敛 —— 本页状态同步的通道 */
+  const unsubDcw = dcw.ensureWsFeed()
+  onUnmounted(() => unsubDcw())
+
+  const nodeDeviceNames = (n: { deviceIds?: string[], deviceBindingId?: string | null }): string =>
+    (n.deviceIds ?? (n.deviceBindingId ? [n.deviceBindingId] : []))
+      .map(id => deviceName(id))
+      .join(' / ') || '—'
+  const deviceName = (id: string | null): string =>
+    id ? (deviceTwins.twins.find(t => t.id === id)?.name ?? id) : t('dcwDetail.k3own4q121')
+
+  const stateLabel = computed<Record<string, string>>(() => ({
+    idle: t('dcwDetail.k3zgkk122'), writing: t('dcwDetail.k3l3h80123'), ok: t('dcwDetail.stAck'), error: t('dcwDetail.k40reu124'), offline: t('dcwDetail.k44c2n125'),
+  }))
+
+  function dcwTemplateRefCh(templateRef?: string): string {
+    const ref = templateRef ?? ''
+    const tpl = dcw.templates.find(t => t.key === (ref.startsWith('dcw-') ? ref.slice(4) : ref))
+    return tpl?.ch ?? ref
+  }
+
+  /** 配方参数窗口提示:目标节点的全局工艺量程 */
+  function nodeMin(nodeId: string): number | undefined {
+    return dcw.nodeById(nodeId)?.min
+  }
+  function nodeMax(nodeId: string): number | undefined {
+    return dcw.nodeById(nodeId)?.max
+  }
+
+  /** 本产线数采节点(配方监控窗口的可选目标) */
+  const lineDaqNodes = computed(() => daq.nodes.filter(n => n.lineId === lineId.value))
+
+  /** 监控窗口 chip 显示:数采节点参数语义 */
+  function daqNodeCh(nodeId: string): string {
+    return daq.nodeById(nodeId)?.name ?? nodeId
+  }
+
+  // ---------- 产线作用域数据(仅本产线 + 未分配收编) ----------
+  /** 本产线节点(直写表) */
+  const lineNodes = computed(() => dcw.nodes.filter(n => n.lineId === lineId.value))
+  /** 本产线产品 */
+  const lineProducts = computed(() => dcw.products.filter(p => p.lineId === lineId.value))
+  /** 本产线配方 */
+  const lineRecipesAll = computed(() => dcw.recipes.filter(r => r.lineId === lineId.value))
+  /** 本产线批次 */
+  const lineRuns = computed(() => dcw.runs.filter(r => r.lineId === lineId.value))
+  /** 本产线写历史(按本产线节点过滤) */
+  const lineHistory = computed(() => {
+    const ids = new Set(lineNodes.value.map(n => n.id))
+    return dcw.history.filter(h => ids.has(h.nodeId))
+  })
+  /** 未分配节点/产品(可收编进本产线) */
+  const unassignedNodes = computed(() => dcw.nodes.filter(n => !n.lineId))
+  const unassignedProducts = computed(() => dcw.products.filter(p => !p.lineId))
+
+  async function adoptNode(id: string): Promise<void> {
+    await dcw.patchNode(id, { lineId: lineId.value })
+    const n = dcw.nodeById(id)
+    if (n) n.lineId = lineId.value
+  }
+  async function adoptProduct(id: string): Promise<void> {
+    await dcw.updateProduct(id, { lineId: lineId.value })
+    await dcw.load()
+  }
+
+  const productName = (id: string): string => dcw.products.find(p => p.id === id)?.name ?? id
+
+  // ---------- 配方参数节点失效态(已删除/已停用/已取消绑定;灰化 + 徽标) ----------
+  function paramStatus(nodeId: string, lineId: string): StaleRef | null {
+    const node = dcw.nodes.find(n => n.id === nodeId)
+    if (!node) return { code: 'deleted', label: t('dcwDetail.staleDeleted') }
+    if (!node.enabled) return { code: 'disabled', label: t('dcwDetail.staleDisabled') }
+    if (lineId && node.lineId !== lineId) return { code: 'unbound', label: t('dcwDetail.staleUnbound') }
+    return null
+  }
+  function paramNodeName(nodeId: string): string {
+    return dcw.nodes.find(n => n.id === nodeId)?.name ?? nodeId
+  }
+  function daqWindowStatus(nodeId: string, lineId: string): StaleRef | null {
+    const node = daq.nodes.find(n => n.id === nodeId)
+    if (!node) return { code: 'deleted', label: t('dcwDetail.staleDeleted') }
+    if (!node.enabled) return { code: 'disabled', label: t('dcwDetail.staleDisabled') }
+    if (lineId && node.lineId !== lineId) return { code: 'unbound', label: t('dcwDetail.staleUnbound') }
+    return null
+  }
+
+  return {
+    dcw,
+    daq,
+    deviceTwins,
+    lineId,
+    line,
+    ls,
+    stateLabel,
+    dcwTemplateRefCh,
+    nodeMin,
+    nodeMax,
+    lineDaqNodes,
+    daqNodeCh,
+    lineNodes,
+    lineProducts,
+    lineRecipesAll,
+    lineRuns,
+    lineHistory,
+    unassignedNodes,
+    unassignedProducts,
+    adoptNode,
+    adoptProduct,
+    productName,
+    paramStatus,
+    paramNodeName,
+    daqWindowStatus,
+    nodeDeviceNames,
+  }
+}

package/app/pages/dcw/composables/useDcwDetailTemplates.ts

@@ -0,0 +1,94 @@
+import { computed, reactive, ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { useDcwAddNode } from './useDcwAddNode'
+import type { DcwTemplateIcon } from '#shared/dcw-protocol'
+
+/** 新建控制模板表单(页面唯一副本,经 v-model 下发弹窗) */
+export interface DcwTemplateForm {
+  name: string
+  ch: string
+  code: string
+  unit: string
+  min: number | ''
+  max: number | ''
+  decimals: number
+  icon: DcwTemplateIcon
+  semantics: string
+}
+
+/**
+ * 添加控制节点模板(本页内自定义创建)—— 开合/在飞/错误/成功回显与表单的唯一副本。
+ * 新模板创建成功后把添加节点向导的模板选择指向它,下拉随 store 响应式更新。
+ */
+export function useDcwDetailTemplates(addNode: ReturnType<typeof useDcwAddNode>) {
+  const { t } = useI18n()
+  const dcw = useDcwStream()
+
+  // ---------- 添加控制节点模板(自定义创建) ----------
+  const tplOpen = ref(false)
+  const tplSaving = ref(false)
+  const tplError = ref('')
+  const tplOk = ref('')
+
+  function openTplModal(): void {
+    tplOpen.value = true
+    tplError.value = ''
+    tplOk.value = ''
+  }
+
+  const tplForm = reactive<DcwTemplateForm>({
+    name: '', ch: '', code: '', unit: '', min: '' as number | '', max: '' as number | '',
+    decimals: 1, icon: 'gateway' as DcwTemplateIcon, semantics: '',
+  })
+  const tplIcons: Array<{ key: DcwTemplateIcon, label: string }> = [
+    { key: 'thermo', label: t('dcwDetail.k422b8126') },
+    { key: 'pressure', label: t('dcwDetail.k3x6ff127') },
+    { key: 'tension', label: t('dcwDetail.k3z9xc128') },
+    { key: 'encoder', label: t('dcwDetail.kjb3vhs129') },
+    { key: 'camera', label: t('dcwDetail.k47atw130') },
+    { key: 'gateway', label: t('dcwDetail.k48c07131') },
+  ]
+
+  async function doCreateTemplate(): Promise<void> {
+    tplSaving.value = true
+    tplError.value = ''
+    tplOk.value = ''
+    try {
+      if (!tplForm.name.trim()) throw new Error(t('dcwDetail.k6ugbw2132'))
+      if (tplForm.unit.trim() === '') throw new Error(t('dcwDetail.kx3pg59133'))
+      if (tplForm.min === '' || tplForm.max === '') throw new Error(t('dcwDetail.k13awowo134'))
+      const tpl = await dcw.createTemplate({
+        name: tplForm.name.trim(),
+        ch: tplForm.ch.trim() || tplForm.name.trim(),
+        code: tplForm.code.trim() || 'CUSTOM',
+        unit: tplForm.unit.trim(),
+        min: Number(tplForm.min),
+        max: Number(tplForm.max),
+        decimals: Number(tplForm.decimals) || 0,
+        icon: tplForm.icon,
+        semantics: tplForm.semantics.trim() || undefined,
+      })
+      // 新模板即刻可选:添加控制节点向导自动选中它,下拉随 store 响应式更新
+      addNode.addTemplate.value = tpl.key
+      tplOk.value = t('dcwDetail.ky4e1tr185', { p0: catalogTplName(t, tpl) })
+      tplForm.name = ''
+      tplForm.ch = ''
+      tplForm.code = ''
+      tplForm.unit = ''
+      tplForm.min = ''
+      tplForm.max = ''
+      tplForm.semantics = ''
+    }
+    catch (err) {
+      tplError.value = apiErrorMessage(err)
+    }
+    finally {
+      tplSaving.value = false
+    }
+  }
+
+  const builtinCount = computed(() => dcw.templates.filter(tp => tp.builtin).length)
+  const customCount = computed(() => dcw.templates.filter(tp => !tp.builtin).length)
+
+  return { tplOpen, tplSaving, tplError, tplOk, tplForm, tplIcons, builtinCount, customCount, openTplModal, doCreateTemplate }
+}

package/app/pages/dcw/composables/useDcwFilter.ts

@@ -0,0 +1,29 @@
+import { computed, ref, type ComputedRef } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { LineCard } from '../types'
+
+/**
+ * 产线清单筛选 —— 总览页的两条导航工具:
+ *  · 状态分段(全部 / 运行中 / 待机;运行数由逐线运行态派生)
+ *  · 名称/描述搜索(与状态 AND 复合)
+ * 94 条历史线的管理页:导航先于遍历。
+ */
+export function useDcwFilter(cards: ComputedRef<LineCard[]>) {
+  const dcw = useDcwStream()
+
+  const filterState = ref<'all' | 'running' | 'idle'>('all')
+  const searchText = ref('')
+
+  const runningCount = computed(() => cards.value.filter(c => dcw.lineStateOf(c.line.id).active).length)
+
+  const shownCards = computed(() => cards.value.filter((c) => {
+    const active = dcw.lineStateOf(c.line.id).active
+    if (filterState.value === 'running' && !active) return false
+    if (filterState.value === 'idle' && active) return false
+    const q = searchText.value.trim().toLowerCase()
+    if (q && !c.line.name.toLowerCase().includes(q) && !(c.line.description ?? '').toLowerCase().includes(q)) return false
+    return true
+  }))
+
+  return { filterState, searchText, runningCount, shownCards }
+}

package/app/pages/dcw/composables/useDcwLedger.ts

@@ -0,0 +1,34 @@
+import { ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { DcwParamLedger } from '#shared/dcw-protocol'
+
+/**
+ * 参数台账(调控闭环:当前值/配方目标/lastGood 三值对照 + 设定历史 + 优化记录)。
+ * 台账按节点按需拉取(选中节点变化才请求),单步回退经 write() 门控。
+ */
+export function useDcwLedger() {
+  const dcw = useDcwStream()
+
+  // ---------- 参数台账(调控闭环:三值对照 + 设定历史 + 优化记录) ----------
+  const ledgerNodeId = ref('')
+  const ledger = ref<DcwParamLedger | null>(null)
+  const ledgerLoading = ref(false)
+  async function loadLedger(): Promise<void> {
+    if (!ledgerNodeId.value) return
+    ledgerLoading.value = true
+    try {
+      ledger.value = await dcw.fetchLedger(ledgerNodeId.value)
+    }
+    finally {
+      ledgerLoading.value = false
+    }
+  }
+  /** 单步回退(经 write() 门控;回退后刷新台账) */
+  async function rollbackLedgerNode(): Promise<void> {
+    if (!ledgerNodeId.value) return
+    await dcw.rollbackNode(ledgerNodeId.value)
+    await loadLedger()
+  }
+
+  return { ledgerNodeId, ledger, ledgerLoading, loadLedger, rollbackLedgerNode }
+}

package/app/pages/dcw/composables/useDcwLineMutations.ts

@@ -0,0 +1,115 @@
+import { ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { LineCard } from '../types'
+import type { LineInput, LineView } from '#shared/dcw-protocol'
+
+/**
+ * 产线写路径状态 —— 新建/编辑/删除三个对话框与「快捷启停」无关的 server 写入。
+ * 对话框内的表单字段留在各自组件(纯 UI 状态),这里只保留开合、在飞与错误回显。
+ */export function useDcwLineMutations() {
+  const dcw = useDcwStream()
+
+  // ---------- 新建产线 ----------
+  const createOpen = ref(false)
+  const createSaving = ref(false)
+  const createError = ref('')
+
+  function openCreate(): void {
+    createError.value = ''
+    createOpen.value = true
+  }
+
+  async function doCreateLine(input: LineInput): Promise<void> {
+    createSaving.value = true
+    createError.value = ''
+    try {
+      await dcw.createLine(input)
+      createOpen.value = false
+    }
+    catch (err) {
+      createError.value = apiErrorMessage(err)
+    }
+    finally {
+      createSaving.value = false
+    }
+  }
+
+  // ---------- 编辑产线(名称/描述/光晕色) ----------
+  const editOpen = ref(false)
+  const editSaving = ref(false)
+  const editError = ref('')
+  const editTarget = ref<LineCard | null>(null)
+
+  function openEdit(card: LineCard): void {
+    editTarget.value = card
+    editError.value = ''
+    editOpen.value = true
+  }
+
+  async function doEditLine(id: string, patch: Partial<LineView>): Promise<void> {
+    editSaving.value = true
+    editError.value = ''
+    try {
+      await dcw.updateLine(id, patch)
+      editOpen.value = false
+    }
+    catch (err) {
+      editError.value = apiErrorMessage(err)
+    }
+    finally {
+      editSaving.value = false
+    }
+  }
+
+  // ---------- 删除产线(弹窗两步确认;purge 勾选 = 连同旗下节点/产品/配方一并清理) ----------
+  const delOpen = ref(false)
+  const delBusy = ref(false)
+  const delErr = ref('')
+  const delPurge = ref(true)
+  const delCard = ref<LineCard | null>(null)
+
+  function openDelete(card: LineCard): void {
+    delCard.value = card
+    delPurge.value = true
+    delErr.value = ''
+    delOpen.value = true
+  }
+
+  async function doDeleteLine(): Promise<void> {
+    if (!delCard.value)
+      return
+    delBusy.value = true
+    delErr.value = ''
+    try {
+      await dcw.removeLine(delCard.value.line.id, delPurge.value)
+      delOpen.value = false
+    }
+    catch (err) {
+      delErr.value = apiErrorMessage(err)
+    }
+    finally {
+      delBusy.value = false
+    }
+  }
+
+  return {
+    createOpen,
+    createSaving,
+    createError,
+    openCreate,
+    doCreateLine,
+    editOpen,
+    editSaving,
+    editError,
+    editTarget,
+    openEdit,
+    doEditLine,
+    delOpen,
+    delBusy,
+    delErr,
+    delPurge,
+    delCard,
+    openDelete,
+    doDeleteLine,
+  }
+}

package/app/pages/dcw/composables/useDcwLineRun.ts

@@ -0,0 +1,60 @@
+import { computed, ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { useDcwDetailScope } from './useDcwDetailScope'
+
+/**
+ * 产线开跑/停止(逐产线)—— 产品/配方选择与在飞、提示、错误回显的唯一副本。
+ * 运行态 ls 由页面(server 权威)下发,本 composable 只读不复制。
+ */
+export function useDcwLineRun(scope: ReturnType<typeof useDcwDetailScope>) {
+  const { t } = useI18n()
+  const dcw = useDcwStream()
+  const { lineId, ls, lineRecipesAll } = scope
+
+  // ---------- 产线开跑/停止(逐产线) ----------
+  const lineProductId = ref('')
+  const lineRecipeId = ref('')
+  const lineBusy = ref(false)
+  const lineMsg = ref('')
+  const lineErr = ref('')
+
+  const lineRecipes = computed(() => lineRecipesAll.value.filter(r => r.productId === lineProductId.value))
+
+  async function doLineStart(): Promise<void> {
+    lineBusy.value = true
+    lineMsg.value = ''
+    lineErr.value = ''
+    try {
+      if (!lineRecipeId.value) {
+        throw new Error(t('dcwDetail.k1b6qe0r135'))
+      }
+      await dcw.startLine(lineId.value, lineRecipeId.value)
+      lineMsg.value = t('dcwDetail.k17jteb9186', { p0: ls.value.productName, p1: ls.value.recipeName, p2: ls.value.runId })
+    }
+    catch (err) {
+      lineErr.value = apiErrorMessage(err)
+    }
+    finally {
+      lineBusy.value = false
+    }
+  }
+
+  async function doLineStop(): Promise<void> {
+    lineBusy.value = true
+    lineMsg.value = ''
+    lineErr.value = ''
+    try {
+      const was = `${ls.value.productName ?? ''} · ${ls.value.recipeName ?? ''}`
+      await dcw.stopLine(lineId.value)
+      lineMsg.value = t('dcwDetail.kzl49pd187', { p0: was })
+    }
+    catch (err) {
+      lineErr.value = apiErrorMessage(err)
+    }
+    finally {
+      lineBusy.value = false
+    }
+  }
+
+  return { lineProductId, lineRecipeId, lineBusy, lineMsg, lineErr, lineRecipes, doLineStart, doLineStop }
+}

package/app/pages/dcw/composables/useDcwProducts.ts

@@ -0,0 +1,54 @@
+import { computed, reactive, ref } from 'vue'
+import { useDcwStream } from '~/composables/workshop/useDcwStream'
+import type { useDcwDetailScope } from './useDcwDetailScope'
+import type { useDcwLineRun } from './useDcwLineRun'
+
+/** 新建产品表单(页面唯一副本,经 v-model 下发弹窗) */
+export interface DcwProductForm { name: string, description: string }
+
+/**
+ * 产品管理 —— 新建产品弹窗 + 产品筛选(驱动配方清单与查询下拉的可见配方)。
+ * 新建成功后同步选中产线运行控制的产品(与原页面一致),不复制任何 store 状态。
+ */
+export function useDcwProducts(
+  scope: ReturnType<typeof useDcwDetailScope>,
+  lineRun: ReturnType<typeof useDcwLineRun>,
+) {
+  const dcw = useDcwStream()
+  const { lineId, lineRecipesAll } = scope
+  const { lineProductId } = lineRun
+
+  // ---------- 产品管理 ----------
+  const productOpen = ref(false)
+  const productSaving = ref(false)
+  const productError = ref('')
+  const productForm = reactive<DcwProductForm>({ name: '', description: '' })
+  const filterProductId = ref('')
+
+  async function doCreateProduct(): Promise<void> {
+    productSaving.value = true
+    productError.value = ''
+    try {
+      const p = await dcw.createProduct({ name: productForm.name.trim(), description: productForm.description.trim(), lineId: lineId.value })
+      lineProductId.value = p.id
+      filterProductId.value = p.id
+      productOpen.value = false
+      productForm.name = ''
+      productForm.description = ''
+    }
+    catch (err) {
+      productError.value = apiErrorMessage(err)
+    }
+    finally {
+      productSaving.value = false
+    }
+  }
+
+  const visibleRecipes = computed(() =>
+    filterProductId.value
+      ? lineRecipesAll.value.filter(r => r.productId === filterProductId.value)
+      : lineRecipesAll.value,
+  )
+
+  return { productOpen, productSaving, productError, productForm, filterProductId, visibleRecipes, doCreateProduct }
+}