优化

src/modules/unified-orders/pages/UnifiedOrdersView.test.ts

@@ -275,4 +275,12 @@ describe('UnifiedOrdersView contract', () => {
     expect(source).toContain('<dt>真实集装箱号</dt>')
     expect(source).toContain('<dt>内部柜次号</dt>')
   })
+
+  it('uses outlined semantic buttons for row business actions while keeping detail navigation explicit', () => {
+    const rowActions = source.slice(source.indexOf('<template #actions'), source.indexOf('<template #inboundCode'))
+    expect(rowActions).toContain('size="small" plain :type="unifiedOrderActionType(action)"')
+    expect(rowActions).not.toContain('v-for="action in directUnifiedOrderActions(row as UnifiedOrderResource)" :key="action" link')
+    expect(rowActions).toContain('<Eye :size="15" />详情')
+    expect(source).toContain('<el-button link class="back-button"')
+  })
 })

src/modules/unified-orders/pages/UnifiedOrdersView.vue

@@ -992,7 +992,7 @@ onMounted(() => {
         <template #actions="{ row }">
           <div class="row-actions">
             <el-button link type="primary" @click="openDetail(row as UnifiedOrderResource)"><Eye :size="15" />详情</el-button>
-            <el-button v-for="action in directUnifiedOrderActions(row as UnifiedOrderResource)" :key="action" link :type="unifiedOrderActionType(action)" :loading="action === 'approve' && approvalLoadingId === String((row as UnifiedOrderResource).orderId)" @click="runMoreAction(action, row as UnifiedOrderResource)"><component :is="unifiedOrderRowActionIcons[action]" :size="15" />{{ unifiedOrderActionLabel(action) }}</el-button>
+            <el-button v-for="action in directUnifiedOrderActions(row as UnifiedOrderResource)" :key="action" size="small" plain :type="unifiedOrderActionType(action)" :loading="action === 'approve' && approvalLoadingId === String((row as UnifiedOrderResource).orderId)" @click="runMoreAction(action, row as UnifiedOrderResource)"><component :is="unifiedOrderRowActionIcons[action]" :size="15" />{{ unifiedOrderActionLabel(action) }}</el-button>
             <el-dropdown v-if="moreUnifiedOrderActions(row as UnifiedOrderResource).length" trigger="click" @command="runMoreAction($event, row as UnifiedOrderResource)">
               <el-button link type="primary" :aria-label="moreUnifiedOrderActionsLabel(row as UnifiedOrderResource)" :title="moreUnifiedOrderActionsLabel(row as UnifiedOrderResource)"><MoreHorizontal :size="17" /></el-button>
               <template #dropdown>

src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.test.ts

@@ -1,4 +1,6 @@
 import ElementPlus, { ElMessageBox } from 'element-plus'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { createPinia, setActivePinia } from 'pinia'
 import { flushPromises, mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
@@ -59,6 +61,17 @@ describe('UnifiedOrderWorkflowPanel preload editor', () => {
     vi.mocked(voidEvidence).mockReset()
   })
 
+  it('keeps workflow business actions as outlined semantic buttons with icons', () => {
+    const source = readFileSync(resolve(process.cwd(), 'src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue'), 'utf8')
+    expect(source).toContain('size="small" plain type="primary"')
+    expect(source).toContain('size="small" plain type="danger"')
+    expect(source).toContain('<Pencil :size="14" />编辑')
+    expect(source).toContain('<Eye :size="14" />查看')
+    expect(source).toContain('<Trash2 :size="14" />作废')
+    expect(source).not.toContain('<el-button link type="primary" :disabled="!canSplit')
+    expect(source).not.toContain('<el-button link type="danger" :disabled="!canSplit')
+  })
+
   it('renders the formal preload table and keeps the operation column first', async () => {
     const wrapper = mountPanel(['firstleg:inbound:preload-view', 'firstleg:inbound:split'])
     await flushPromises()

src/modules/unified-orders/workflows/components/UnifiedOrderWorkflowPanel.vue

@@ -455,8 +455,8 @@ onMounted(() => { void refresh() })
         <template v-else>
           <DataTable :data="preloadItems" :columns="preloadColumns" :loading="loading" empty-text="暂无预装明细，请先新增">
             <template #actions="{ $index }">
-              <el-button link type="primary" :disabled="!canSplit || Boolean(busy)" :aria-label="`编辑第 ${Number($index) + 1} 条预装明细`" @click="editItem(Number($index))"><Pencil :size="14" />编辑</el-button>
-              <el-button link type="danger" :disabled="!canSplit || Boolean(busy)" :aria-label="`删除第 ${Number($index) + 1} 条预装明细`" @click="removeItem(Number($index))"><Trash2 :size="14" />删除</el-button>
+              <el-button size="small" plain type="primary" :disabled="!canSplit || Boolean(busy)" :aria-label="`编辑第 ${Number($index) + 1} 条预装明细`" @click="editItem(Number($index))"><Pencil :size="14" />编辑</el-button>
+              <el-button size="small" plain type="danger" :disabled="!canSplit || Boolean(busy)" :aria-label="`删除第 ${Number($index) + 1} 条预装明细`" @click="removeItem(Number($index))"><Trash2 :size="14" />删除</el-button>
             </template>
             <template #volume="{ row }">{{ formatVolume((row as PreloadItem).volumeCbm) }}</template>
             <template #toolbar-actions><el-button :disabled="!canSplit || Boolean(busy)" @click="addItem"><Plus :size="15" />新增明细</el-button></template>
@@ -516,8 +516,8 @@ onMounted(() => { void refresh() })
               <div v-for="item in activeEvidences(entry.type)" :key="String(item.id)" class="evidence-file">
                 <span>{{ item.fileName || `证据 #${item.id}` }}<template v-if="item.sealNo"> · 锁码 {{ item.sealNo }}</template></span>
                 <div class="evidence-file__actions">
-                  <el-button link type="primary" :disabled="Boolean(busy)" @click="previewEvidence(item)"><Eye :size="14" />查看</el-button>
-                  <el-button v-if="canEvidence" link type="danger" :disabled="Boolean(busy)" @click="markEvidenceVoided(item)">作废</el-button>
+                  <el-button size="small" plain type="primary" :disabled="Boolean(busy)" @click="previewEvidence(item)"><Eye :size="14" />查看</el-button>
+                  <el-button v-if="canEvidence" size="small" plain type="danger" :disabled="Boolean(busy)" @click="markEvidenceVoided(item)"><Trash2 :size="14" />作废</el-button>
                 </div>
               </div>
               <span v-if="activeEvidences(entry.type).length === 0" class="workflow-hint">尚未上传有效照片</span>