agentworkshop 0.8.6 → 0.8.8

package/app/components/logs/LogsEventTable.vue

@@ -27,6 +27,19 @@ defineEmits<{
 const { hasDetail, pretty, fmtTime, srcLabel, kindLabel } = useLogsFormat()
 const { lineName, productName, recipeName } = useLogsScope()
 
+/** 详情 JSON 一键复制(事故报告/工单附件);失败降级选中文本,不再弹层 */
+const copiedId = ref<number | null>(null)
+async function copyDetail(row: OpsLogRow): Promise<void> {
+  try {
+    await navigator.clipboard.writeText(pretty(row.detailJson))
+    copiedId.value = row.id
+    setTimeout(() => {
+      if (copiedId.value === row.id) copiedId.value = null
+    }, 1600)
+  }
+  catch { /* 剪贴板不可用(非安全上下文):静默降级,用户仍可手动选择文本 */ }
+}
+
 /* 审计账页分页:服务端一次给到 300 条快照,整表直出会形成 2 万像素的
  * 单页文档(实测 scrollHeight=22009),滚动定位与详情展开都失去参照。
  * 25 条/页是扫描密度与翻页成本的折中;换筛选/新查询时回到第 1 页。 */
@@ -76,7 +89,9 @@ watch(() => props.rows, () => {
           v-for="row in pagedRows"
           :key="row.id"
         >
-          <tr>
+          <tr
+            :class="{ 'is-error': row.level === 'error', 'is-warn': row.level === 'warn' }"
+          >
             <td class="mono dim">
               {{ fmtTime(row.at) }}
             </td>
@@ -140,7 +155,7 @@ watch(() => props.rows, () => {
               >{{ $t('logs.noDetail') }}</span>
             </td>
           </tr>
-          <!-- 详情行内展开:紧贴事件行,点击即见(不再沉到表尾) -->
+          <!-- 详情行内展开:紧贴事件行,点击即见(不再沉到表尾);error/warn 行附一键复制 -->
           <tr
             v-if="expandedId === row.id"
             class="log-detail-row"
@@ -149,6 +164,15 @@ watch(() => props.rows, () => {
               colspan="7"
               class="detail-td"
             >
+              <div class="detail-bar">
+                <button
+                  class="mini-btn"
+                  @click="copyDetail(row)"
+                >
+                  <span :class="copiedId === row.id ? 'i-tabler-check' : 'i-tabler-copy'" />
+                  {{ copiedId === row.id ? $t('logs.copied') : $t('logs.copyDetail') }}
+                </button>
+              </div>
               <pre class="detail-box mono">{{ pretty(row.detailJson) }}</pre>
             </td>
           </tr>
@@ -210,6 +234,11 @@ watch(() => props.rows, () => {
   vertical-align: top;
 }
 .log-table tbody tr:hover td { background: var(--hover-tint); }
+/* 错误/警告行整行着色(生产落地:扫一眼即见故障分布,不用逐行找红标) */
+.log-table tbody tr.is-error td { background: color-mix(in srgb, var(--tone-danger-dot) 7%, transparent); }
+.log-table tbody tr.is-warn td { background: color-mix(in srgb, var(--tone-warning-dot) 7%, transparent); }
+.log-table tbody tr.is-error:hover td { background: color-mix(in srgb, var(--tone-danger-dot) 12%, transparent); }
+.log-table tbody tr.is-warn:hover td { background: color-mix(in srgb, var(--tone-warning-dot) 12%, transparent); }
 .th-time, .th-src, .th-kind { white-space: nowrap; }
 .th-detail { width: 72px; }
 .actor { white-space: nowrap; }
@@ -243,8 +272,12 @@ watch(() => props.rows, () => {
   color: var(--ink-faint);
   font-variant-numeric: tabular-nums;
 }
-/* 详情行内展开:紧贴事件行的整行 pre 面板 */
+/* 详情行内展开:紧贴事件行的整行 pre 面板;顶栏放复制等行内动作 */
 .detail-td { padding: 0 !important; }
+.detail-bar {
+  display: flex; justify-content: flex-end; gap: 8px;
+  padding: 6px 10px 0;
+}
 .detail-box {
   max-height: 260px; margin: 0; padding: 10px 14px; overflow: auto;
   font-size: 12.5px; color: var(--ink-soft); white-space: pre-wrap; word-break: break-word;

package/app/components/logs/LogsManualModal.vue

@@ -29,7 +29,7 @@ const emit = defineEmits<{
 /** 开合经 v-model 回流页面:页面持有唯一副本,页头入口与遮罩/取消按钮都落在它上面 */
 const open = defineModel<boolean>('open', { required: true })
 
-const draft = reactive<LogsManualDraft>({ summary: '', detail: '', lineId: '', productId: '', recipeId: '' })
+const draft = reactive<LogsManualDraft>({ summary: '', detail: '', lineId: '', productId: '', recipeId: '', level: 'info' })
 
 const { lines, productsOfLine, recipesOfScope } = useLogsScope()
 
@@ -44,6 +44,7 @@ watch(open, (on) => {
   draft.lineId = props.scope.lineId
   draft.productId = props.scope.productId
   draft.recipeId = props.scope.recipeId
+  draft.level = 'info'
 })
 
 function close(): void {
@@ -95,6 +96,24 @@ function onSubmit(): void {
             :placeholder="$t('logs.mDetailPh')"
           />
         </label>
+        <label class="m-f">
+          <span>{{ $t('logs.mLevel') }}</span>
+          <select
+            v-model="draft.level"
+            class="inp-sel"
+            :class="{ 'lv-error': draft.level === 'error', 'lv-warn': draft.level === 'warn' }"
+          >
+            <option value="info">
+              info
+            </option>
+            <option value="warn">
+              warn
+            </option>
+            <option value="error">
+              error
+            </option>
+          </select>
+        </label>
         <div class="m-grid">
           <label class="m-f">
             <span>{{ $t('logs.fLine') }} *</span>
@@ -214,6 +233,9 @@ function onSubmit(): void {
   font-family: inherit; resize: vertical;
 }
 .m-f textarea:focus, .m-f .inp-sel:focus { border-color: color-mix(in srgb, var(--tone-info-dot) 55%, transparent); }
+/* 级别选择着色:选中 warn/error 时下拉框本身带色,与表格红黄标同一视觉语言 */
+.inp-sel.lv-error { color: var(--tone-danger-dot); border-color: color-mix(in srgb, var(--tone-danger-dot) 55%, transparent); }
+.inp-sel.lv-warn { color: var(--tone-warning-dot); border-color: color-mix(in srgb, var(--tone-warning-dot) 55%, transparent); }
 .m-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
 .m-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
 

package/app/components/logs/LogsPageHead.vue

@@ -1,21 +1,36 @@
 <script setup lang="ts">
 /**
- * 日志页页头:aw-page-head 规范(kicker + 大标题 + 描述)+ 实时轨计数 + 手动记录入口。
+ * 日志页页头:aw-page-head 规范(kicker + 大标题 + 描述)+ 实时轨计数 + 错误/告警快捷筛选 + 导出 + 手动记录入口。
  * 计数取自 WS 实时轨(ops.log 帧的环形缓冲),与结果表的 REST 快照互不干扰。
+ * 快捷 chip 点击 → 页面把 level 筛选设为对应级并重查(再次点击同级 = 取消);
+ * 导出按钮 → 页面把当前 REST 快照导出为 CSV(事故报告/工单附件的最低成本形态)。
  * 手动记录只上报点击,弹窗开合与提交由页面持有(页头不持有任何状态)。
  */
-defineProps<{
+const props = defineProps<{
   /** 实时轨当前条数(useOpsLog.recent) */
   recentCount: number
+  /** 实时轨 error 级条数(红色醒目;点击即筛 error) */
+  errorCount: number
+  /** 实时轨 warn 级条数 */
+  warnCount: number
+  /** 当前 level 筛选(空串 = 未筛选;chip 高亮与之联动) */
+  activeLevel: string
+  /** 导出中(结果集为空时禁用) */
+  canExport: boolean
 }>()
 
 defineEmits<{
   manual: []
+  /** 快捷级别筛选(error/warn;再次点击同级取消) */
+  quick: [level: string]
+  export: []
 }>()
+
+const isActive = (level: string) => props.activeLevel === level
 </script>
 
 <template>
-  <!-- 页头(aw-page-head 规范:kicker + 大标题 + 描述)+ 手动记录入口 -->
+  <!-- 页头(aw-page-head 规范:kicker + 大标题 + 描述)+ 快捷筛选 + 手动记录入口 -->
   <header class="aw-page-head">
     <div>
       <p class="aw-kicker">
@@ -31,6 +46,31 @@ defineEmits<{
         class="live-dot"
         :title="$t('logs.liveHint')"
       /><span class="live-txt mono">{{ $t('logs.live') }} {{ recentCount }}</span>
+      <button
+        class="chip quick-err"
+        :class="{ on: isActive('error') }"
+        :title="$t('logs.quickErrHint')"
+        @click="$emit('quick', 'error')"
+      >
+        <span class="i-tabler-alert-octagon" />ERROR {{ errorCount }}
+      </button>
+      <button
+        class="chip quick-warn"
+        :class="{ on: isActive('warn') }"
+        :title="$t('logs.quickWarnHint')"
+        @click="$emit('quick', 'warn')"
+      >
+        <span class="i-tabler-alert-triangle" />WARN {{ warnCount }}
+      </button>
+      <button
+        class="pill-btn"
+        :disabled="!canExport"
+        :title="$t('logs.exportHint')"
+        @click="$emit('export')"
+      >
+        <span class="i-tabler-download" />
+        {{ $t('logs.export') }}
+      </button>
       <button
         class="pill-btn"
         @click="$emit('manual')"
@@ -43,7 +83,7 @@ defineEmits<{
 </template>
 
 <style scoped>
-.head-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; }
+.head-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; flex-wrap: wrap; }
 .sub { margin: 8px 0 0; font-size: 13px; color: var(--ink-faint); }
 .live-dot {
   width: 8px; height: 8px; border-radius: 50%;
@@ -57,13 +97,24 @@ defineEmits<{
   100% { box-shadow: 0 0 0 0 transparent; }
 }
 .live-txt { font-size: 11.5px; color: var(--ink-faint); }
+/* 错误/告警快捷筛选 chip:实时轨计数 + 点击即筛;选中态填充对应级别的警示色 */
+.chip {
+  display: inline-flex; gap: 5px; align-items: center;
+  padding: 3px 10px; font-size: 11.5px; font-family: var(--font-mono);
+  border: 1px solid var(--glass-line); border-radius: var(--radius-chip);
+  color: var(--ink-faint); background: var(--frost-bg); cursor: pointer;
+}
+.quick-err { color: var(--tone-danger-dot); border-color: color-mix(in srgb, var(--tone-danger-dot) 38%, transparent); }
+.quick-warn { color: var(--tone-warning-dot); border-color: color-mix(in srgb, var(--tone-warning-dot) 38%, transparent); }
+.quick-err.on { background: var(--tone-danger-bg); }
+.quick-warn.on { background: var(--tone-warning-bg); }
 
 @media (max-width: 899px) {
   /* 手指命中区:表格内的 mini-btn 原始高度只有 ~24px。
      同一组声明(原页面 scoped 块 @media 899 内)按"样式随标记走"的约束
      逐字复制进需要它的每个组件 —— 此处与 LogsEventTable/LogsFilterCard/LogsManualModal
      的对应块是有意重复,不要合并成公共 css。 */
-  .head-actions .pill-btn {
+  .head-actions .pill-btn, .head-actions .chip {
     min-height: 40px;
     padding: 8px 14px;
   }

package/app/components/workshop/town/components/TownAgentBindings.vue

@@ -14,7 +14,7 @@ import { dcwDriverBadgeKey } from '@/app/utils/dcw-driver-badge'
 // 子组件(同目录,必须显式引入:Nuxt 自动引入按路径前缀命名,不产出裸组件名)
 import AutoModeConfirmModal from './AutoModeConfirmModal.vue'
 
-const agentBindKind = defineModel<'dcw' | 'daq'>('agentBindKind', { required: true })
+const agentBindKind = defineModel<'dcw' | 'daq' | 'line-recipe'>('agentBindKind', { required: true })
 const agentBindNodeId = defineModel<string>('agentBindNodeId', { required: true })
 const agentBindMode = defineModel<'auto' | 'manual'>('agentBindMode', { required: true })
 const approvalComments = defineModel<Record<string, string>>('approvalComments', { required: true })
@@ -59,9 +59,9 @@ defineProps<{
   >
     <span
       class="ins-chip"
-      :class="b.kind === 'dcw' ? 'accent' : ''"
+      :class="b.kind !== 'daq' ? 'accent' : ''"
       style="flex: none;"
-    >{{ b.kind === 'dcw' ? $t('townView.k40ifw097') : $t('townView.k40rjw098') }}</span>
+    >{{ b.kind === 'dcw' ? $t('townView.k40ifw097') : b.kind === 'line-recipe' ? $t('townView.klinercp820') : $t('townView.k40rjw098') }}</span>
     <span class="bind-meta">
       <span class="bind-label">{{ bindingNodeName(b) }}</span>
       <select
@@ -109,13 +109,16 @@ defineProps<{
       <option value="daq">
         {{ $t('townView.k40rjw098') }}
       </option>
+      <option value="line-recipe">
+        {{ $t('townView.klinercp820') }}
+      </option>
     </select>
     <select
       v-model="agentBindNodeId"
       class="bind-select"
     >
       <option value="">
-        {{ $t('townView.kurjldk099') }}
+        {{ agentBindKind === 'line-recipe' ? $t('townView.klinercp821') : $t('townView.kurjldk099') }}
       </option>
       <template v-if="agentBindKind === 'dcw'">
         <option
@@ -126,6 +129,15 @@ defineProps<{
           {{ n.name }}{{ bindBadgeSuffix(n.driver) }}
         </option>
       </template>
+      <template v-else-if="agentBindKind === 'line-recipe'">
+        <option
+          v-for="l in dcw.lines"
+          :key="l.id"
+          :value="l.id"
+        >
+          {{ l.name }}
+        </option>
+      </template>
       <template v-else>
         <option
           v-for="n in daq.nodes"

package/app/components/workshop/town/components/TownAgentInspector.vue

@@ -15,7 +15,7 @@ import type { AgentNodeBindingRow, ChatEntry, ToolApprovalRow, TownModelRow } fr
 import TownAgentBindings from './TownAgentBindings.vue'
 
 const agentRangeDraft = defineModel<{ radiusX: number, radiusZ: number, shape: 'ellipse' | 'rect' } | null>('agentRangeDraft', { required: true })
-const agentBindKind = defineModel<'dcw' | 'daq'>('agentBindKind', { required: true })
+const agentBindKind = defineModel<'dcw' | 'daq' | 'line-recipe'>('agentBindKind', { required: true })
 const agentBindNodeId = defineModel<string>('agentBindNodeId', { required: true })
 const agentBindMode = defineModel<'auto' | 'manual'>('agentBindMode', { required: true })
 const approvalComments = defineModel<Record<string, string>>('approvalComments', { required: true })

package/app/components/workshop/town/components/TownRightRail.vue

@@ -27,7 +27,7 @@ const daqIntervalDraft = defineModel<number | null>('daqIntervalDraft', { requir
 const dcwWriteDrafts = defineModel<Record<string, number | ''>>('dcwWriteDrafts', { required: true })
 const dcwBindPick = defineModel<string>('dcwBindPick', { required: true })
 const agentRangeDraft = defineModel<{ radiusX: number, radiusZ: number, shape: 'ellipse' | 'rect' } | null>('agentRangeDraft', { required: true })
-const agentBindKind = defineModel<'dcw' | 'daq'>('agentBindKind', { required: true })
+const agentBindKind = defineModel<'dcw' | 'daq' | 'line-recipe'>('agentBindKind', { required: true })
 const agentBindNodeId = defineModel<string>('agentBindNodeId', { required: true })
 const agentBindMode = defineModel<'auto' | 'manual'>('agentBindMode', { required: true })
 const approvalComments = defineModel<Record<string, string>>('approvalComments', { required: true })

package/app/composables/workshop/town/town-view-types.ts

@@ -62,12 +62,12 @@ export interface DcwTemplate {
 }
 export interface DaqSimState { value: number, hist: number[], phase: number, tpl: DaqTemplate, alarm?: boolean }
 export interface RtcPoint { value: number, state: string, atMs: number }
-/** Agent ↔ 工业节点绑定行 */
+/** Agent ↔ 工业对象绑定行(kind: dcw=点位写授权 / daq=数采只读 / line-recipe=产线配方管理权) */
 export interface AgentNodeBindingRow {
   id: string
   agentId: string
   nodeId: string
-  kind: 'dcw' | 'daq'
+  kind: 'dcw' | 'daq' | 'line-recipe'
   mode: 'auto' | 'manual'
 }
 /** 手动确认审批行 */

package/app/composables/workshop/town/useTownAgentBindings.ts

@@ -42,7 +42,7 @@ export function useTownAgentBindings(params: {
   }
 
   const agentBindings = ref<AgentNodeBindingRow[]>([])
-  const agentBindKind = ref<'dcw' | 'daq'>('dcw')
+  const agentBindKind = ref<'dcw' | 'daq' | 'line-recipe'>('dcw')
   const agentBindNodeId = ref('')
   const agentBindMode = ref<'auto' | 'manual'>('auto')
   const pendingApprovals = ref<ToolApprovalRow[]>([])
@@ -173,8 +173,9 @@ export function useTownAgentBindings(params: {
     if (approvalPoll) clearInterval(approvalPoll)
   })
 
-  /** 绑定行的节点名(dcw/daq store 解析) */
+  /** 绑定行的对象名(dcw=数控节点 / daq=数采节点 / line-recipe=产线名;store 解析) */
   function bindingNodeName(b: AgentNodeBindingRow): string {
+    if (b.kind === 'line-recipe') return dcw.lines.find(l => l.id === b.nodeId)?.name ?? b.nodeId
     return b.kind === 'dcw' ? dcw.nodeById(b.nodeId)?.name ?? b.nodeId : daq.nodeById(b.nodeId)?.name ?? b.nodeId
   }
 

package/app/composables/workshop/town/useTownRailData.ts

@@ -63,7 +63,7 @@ export function useTownRailData(params: {
       posZ: n.posZ,
       lineId: n.lineId || undefined,
       lineColor: n.lineId ? lineColorOf(n.lineId) : undefined,
-      updatedAt: n.lastWriteAt ?? n.createdAt,
+      updatedAt: n.lastAttemptAt ?? n.lastWriteAt ?? n.createdAt,
     })))
 
   const sceneTwinPool = computed<DeviceTwinView[]>(() => [

package/app/composables/workshop/useDcwStream.ts

@@ -86,8 +86,11 @@ function createStore() {
         if (n) {
           n.value = p.value
           n.state = p.ok ? 'ok' : 'error'
-          n.lastWriteAt = p.at
-          if (p.ok) n.lastAckAt = p.at
+          n.lastAttemptAt = p.at
+          if (p.ok) {
+            n.lastWriteAt = p.at
+            n.lastAckAt = p.at
+          }
         }
         history.unshift({ id: `${p.nodeId}-${p.at}`, nodeId: p.nodeId, nodeName: n?.name ?? p.nodeId, param: '', eng: p.value, raw: p.raw, ok: p.ok, message: p.message, recipeRunId: p.recipeRunId, at: p.at })
         if (history.length > 60) history.splice(60)