优化

src/modules/trucking/components/TruckAttachmentDialog.test.ts

@@ -17,5 +17,7 @@ describe('TruckAttachmentDialog interaction governance', () => {
     expect(source).not.toContain('输入文件服务 ID')
     expect(source).toContain('deleteTruckAppointmentAttachment')
     expect(source).toContain('<Trash2 :size="15" />删除')
+    expect(source).toContain('size="small" type="danger" plain')
+    expect(source).not.toContain(' text type="danger"')
   })
 })

src/modules/trucking/components/TruckAttachmentDialog.vue

@@ -16,7 +16,7 @@ async function remove(item: TruckAttachmentReference) { if (!props.appointmentId
     <el-empty v-if="attachments.length === 0" description="暂无预约附件" :image-size="72" />
     <div v-for="item in attachments" :key="item.fileId" class="attachment-row">
       <div><strong>{{ item.fileName || '未命名文件' }}</strong><small>{{ attachmentTypeLabel(item.attachmentType) }}{{ item.uploadedAt ? ` · ${item.uploadedAt}` : '' }}</small></div>
-      <el-button v-if="props.appointmentId && props.canManage && item.id" text type="danger" :loading="busy" @click="remove(item)"><Trash2 :size="15" />删除</el-button>
+      <el-button v-if="props.appointmentId && props.canManage && item.id" size="small" type="danger" plain :loading="busy" @click="remove(item)"><Trash2 :size="15" />删除</el-button>
     </div>
     <template #footer><el-button type="primary" @click="emit('update:modelValue', false)">关闭</el-button></template>
   </el-dialog>

src/modules/trucking/pages/TruckAppointmentsView.test.ts

@@ -123,5 +123,6 @@ describe('TruckAppointmentsView', () => {
     expect(source).toContain('size="small" type="primary" plain')
     expect(source).toContain('size="small" :aria-label="appointmentActionLabel(\'编辑\'')
     expect(source).not.toContain("truck-appointment:view')\" link")
+    expect(source).toContain(':total="total" stripe preference-key="trucking-appointments"')
   })
 })

src/modules/trucking/pages/TruckAppointmentsView.vue

@@ -59,7 +59,7 @@ function openDetail(row: TruckAppointmentResource, edit = false) { router.push({
       <template #toolbar><QueryToolbar v-model="filters" class="surface-panel" ariaLabel="拖车预约查询" :fields="fields" preference-key="trucking-query" @search="search" /></template>
       <template v-if="loadError" #state><LoadErrorState title="拖车预约列表暂时无法加载" :message="loadError.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="loadError" /></template></LoadErrorState></template>
       <section v-if="!loadError" class="surface-panel table-panel" :aria-busy="loading">
-    <DataTable v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" preference-key="trucking-appointments" aria-label="拖车预约列表" empty-text="暂无符合筛选条件的拖车预约">
+    <DataTable v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :loading="loading" :total="total" stripe preference-key="trucking-appointments" aria-label="拖车预约列表" empty-text="暂无符合筛选条件的拖车预约">
       <template #toolbar-actions><el-button v-if="access.can('platform:firstleg:truck-appointment:create')" type="primary" :disabled="loading" @click="router.push({ name: 'trucking-new' })"><Plus :size="16" />新增拖车</el-button></template>
       <template #company="{ row }">{{ row.carrierName || (row.carrierId ? '已关联承运商' : '—') }}</template>
       <template #driver="{ row }">{{ row.driverName || '—' }}<small>{{ row.driverPhone || '—' }}</small></template>