优化

src/modules/inbounds/components/InboundTaskList.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import '@/styles/adminDensity.css'
+import '@/styles/adminWorkbench.css'
 import '../measurement/measurementDensity.css'
 import { computed, onActivated, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
@@ -341,13 +342,13 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
 </script>
 
 <template>
-  <AdminPage as="div" class="inbound-task-page admin-density">
+  <AdminPage as="div" class="inbound-task-page admin-density admin-workbench">
     <ListPageLayout :aria-label="`${taskLabel}待办`">
 
 
 
 
-      <section :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
+      <section :aria-busy="loading"><div class="workbench-table is-page-surface"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
           v-model:page="page"
           v-model:page-size="pageSize"
           :data="result.records"
@@ -361,9 +362,8 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
           :aria-label="`${taskLabel}待办列表`"
           @selection-change="handleReviewSelectionChange"
         >
-        <template #toolbar-start><h1>{{ title || (isReview ? '测量数据审核' : '订单测量') }}</h1></template>
+        <template #toolbar-start><slot name="status-tabs"><h1>{{ title || (isReview ? '测量数据审核' : '订单测量') }}</h1></slot></template>
         <template #filters>
-        <slot name="status-tabs" />
         <QueryToolbar
           v-model="filters"
           :ariaLabel="`${taskLabel}待办筛选`"
@@ -415,7 +415,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
           <template #actualVolumeCbm="{ row }">{{ formatNumber((row as InboundOrderSummary).actualVolumeCbm) }}</template>
           <template #measureCompletedAt="{ row }">{{ formatDate((row as InboundOrderSummary).measureCompletedAt) }}</template>
           <template #empty><el-empty :description="emptyText" /></template>
-        </DataTable></section>
+        </DataTable></div></section>
     </ListPageLayout>
 
     <AppDialog
@@ -430,7 +430,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
       append-to-body
       :close-on-click-modal="!reviewNavigationLoading"
       :close-on-press-escape="!reviewNavigationLoading"
-      class="inbound-task-dialog admin-density-dialog admin-density-workspace inbound-density"
+      class="inbound-task-dialog admin-density-dialog admin-density-workspace inbound-density admin-workbench is-dialog"
       @closed="clearSelectedInbound"
     >
       <el-alert v-if="reviewNavigationError" type="error" :closable="false" show-icon class="review-navigation-error">
@@ -487,7 +487,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
 .primary-cell { display: grid; gap: 3px; min-width: 0; }
 .primary-cell strong, .primary-cell span { overflow-wrap: anywhere; }
 .inbound-code-cell { display: grid; gap: 3px; min-width: 0; }
-.primary-cell span, .muted-action { color: var(--cc-muted); font-size: var(--admin-font-caption, 12px); }
+.primary-cell span, .muted-action { color: var(--workbench-muted); font-size: var(--admin-font-caption, 12px); }
 @media (max-width: 520px) {
   .row-actions { align-items: stretch; flex-direction: column; }
   .row-actions :deep(.el-button) { width: 100%; }