优化

src/modules/loading-lists/components/LoadingListsView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import '@/styles/adminDensity.css'
+import '@/styles/adminWorkbench.css'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ContainerSimulationCreate } from '@/modules/container-loading'
@@ -184,13 +185,13 @@ onMounted(() => {
 </script>
 
 <template>
-  <AdminPage>
+  <AdminPage class="admin-workbench admin-density">
   <div class="business-page loading-lists-page admin-density">
     <ListPageLayout :ariaLabel="title">
 
 
 
-    <section><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="canList && !error"
+    <section><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="canList && !error"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
@@ -235,7 +236,7 @@ onMounted(() => {
         <template #netWeight="{ row }">{{ formatNumber((row as ConfirmedSummary).totalNetWeightKg) }}</template>
         <template #volume="{ row }">{{ formatNumber(row.totalVolumeCbm) }}</template>
         <template #createdAt="{ row }">{{ formatDateTime(row.createdAt) }}</template>
-      </DataTable></section>
+      </DataTable></div></section>
     </ListPageLayout>
 
   </div>
@@ -244,7 +245,7 @@ onMounted(() => {
 
 <style scoped>
 .loading-lists-page { display: grid; min-width: 0; gap: var(--admin-space-6, 16px); }
-.table-panel { min-width: 0; overflow: hidden; border: 1px solid var(--cc-border); background: var(--admin-surface, #fff); }
+.table-panel { min-width: 0; overflow: hidden; border: 1px solid var(--workbench-border); background: var(--admin-surface, #fff); }
 .row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--admin-space-2, 6px); }
 .row-actions :deep(.el-button) { margin-left: 0; }
 @media (max-width: 720px) { .row-actions { gap: 4px; } }