优化

src/modules/appointment-calendar/AppointmentCreatePanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import '@/styles/adminWorkbench.css'
 import InlineHelp from '@/shared/components/InlineHelp.vue'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.vue'
@@ -144,7 +145,7 @@ onBeforeUnmount(() => { ++generation; ++selectionGeneration; ++destinationsReque
     </template>
     <template v-else>
       <section class="density-dialog-section" data-tone="source" aria-label="选择预约货物">
-      <DataTable :data="rows" :columns="columns" :page="page" :page-size="20" :page-sizes="[20]" :total="total" :loading="loading" :results-visible="!error" :row-key="key" max-height="" empty-text="暂无可预约货物" @update:page="load($event)">
+      <div class="workbench-table"><DataTable :data="rows" :columns="columns" :page="page" :page-size="20" :page-sizes="[20]" :total="total" :loading="loading" :results-visible="!error" :row-key="key" max-height="" empty-text="暂无可预约货物" @update:page="load($event)">
         <template #filters><QueryToolbar v-model="query" ariaLabel="新增预约货物查询" :fields="fields" :loading="loading || resolving" @search="search" /></template>
         <template #toolbar-actions><InlineHelp title="选货说明"><p>选择需要送往FBA的已有货物；同一起运仓、同一目的仓可合并多个客户的货物。跨页选择会保留。</p></InlineHelp><el-button :disabled="!selectedRows.length || resolving" @click="selected = {}; selectionError = null">清空选择</el-button><el-button type="primary" :disabled="!canWrite || !selectedRows.length || loading || !!error" :loading="resolving" @click="prepare">下一步：填写预约（{{ selectedRows.length }}）</el-button></template>
         <template #pagination-left>已选 {{ selectedRows.length }}/100 票</template>
@@ -153,7 +154,7 @@ onBeforeUnmount(() => { ++generation; ++selectionGeneration; ++destinationsReque
         <template #eligibility="{ row }">{{ reason(row as PlanningCargo) || '可选择' }}</template>
         <template #customer="{ row }"><LineClampText :content="row.customerName" /></template>
         <template #origin="{ row }"><LineClampText :content="row.originWarehouseName" /></template>
-      </DataTable>
+      </DataTable></div>
       </section>
     </template>
   </section>