优化

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>