优化

src/modules/inbounds/components/InboundTaskList.vue

@@ -338,32 +338,11 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
 <template>
   <AdminPage as="div" class="inbound-task-page admin-density">
     <ListPageLayout :aria-label="`${taskLabel}待办`">
-      <template #toolbar>
-        <QueryToolbar
-          v-model="filters"
-          class="surface-panel"
-          :ariaLabel="`${taskLabel}待办筛选`"
-          :fields="queryFields"
-          :preference-key="`${preferenceKey}-query`"
-          :search-on-reset="false"
-          @search="applyFilters"
-          @reset="resetFilters"
-        />
-      </template>
 
-      <template v-if="customerLoadError || loadError" #state>
-        <div class="state-stack">
-          <el-alert v-if="customerLoadError" type="warning" :closable="false" show-icon>
-            <template #title><span>{{ customerLoadError.message }}</span></template>
-          </el-alert>
-          <LoadErrorState v-if="loadError" :title="`${taskLabel}待办暂时无法加载`" :message="loadError.message" @retry="loadTasks">
-            <template #details><ApiErrorMeta :details="loadError" /></template>
-          </LoadErrorState>
-        </div>
-      </template>
 
-      <section v-if="!loadError" class="surface-panel table-panel" :aria-busy="loading">
-        <DataTable
+
+
+      <section :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
           v-model:page="page"
           v-model:page-size="pageSize"
           :data="result.records"
@@ -377,12 +356,35 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
           :aria-label="`${taskLabel}待办列表`"
           @selection-change="handleReviewSelectionChange"
         >
+        <template #toolbar-start><h1>{{ isReview ? '测量数据审核' : '订单测量' }}</h1></template>
+        <template #filters>
+        <QueryToolbar
+          v-model="filters"
+          :ariaLabel="`${taskLabel}待办筛选`"
+          :fields="queryFields"
+          :preference-key="`${preferenceKey}-query`"
+          :search-on-reset="false"
+          @search="applyFilters"
+          @reset="resetFilters"
+        />
+      </template>
+        <template #notices><template v-if="customerLoadError || loadError">
+        <div class="state-stack">
+          <el-alert v-if="customerLoadError" type="warning" :closable="false" show-icon>
+            <template #title><span>{{ customerLoadError.message }}</span></template>
+          </el-alert>
+          <LoadErrorState v-if="loadError" :title="`${taskLabel}待办暂时无法加载`" :message="loadError.message" @retry="loadTasks">
+            <template #details><ApiErrorMeta :details="loadError" /></template>
+          </LoadErrorState>
+        </div>
+      </template></template>
+
+
           <template v-if="isReview && access.can(actionPermission)" #toolbar-actions>
             <el-button type="success" :loading="batchReviewLoading" :disabled="loading || !selectedReviewRows.length" @click="batchApproveMeasurements"><CircleCheckBig :size="16" />批量审核通过<span v-if="selectedReviewRows.length">（{{ selectedReviewRows.length }}）</span></el-button>
           </template>
           <template #pagination-left>当前显示 {{ result.records.length }} 条 · 共 {{ result.total }} 条</template>
-          <template #actions="{ row }">
-            <div class="row-actions density-actions">
+          <template #actions="{ row }"><div class="row-actions density-actions admin-text-actions">
               <el-button v-if="access.can(actionPermission)" class="density-action" :data-tone="isReview ? 'warning' : 'purple'" size="small" @click="openTask(row as InboundOrderSummary)">
                 {{ taskLabel }}
               </el-button>
@@ -390,8 +392,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
                 查看
               </el-button>
               <span v-if="!access.can(actionPermission) && (!access.can('platform:firstleg:inbound:view') || !(row as InboundOrderSummary).orderId)" class="muted-action">无操作权限</span>
-            </div>
-          </template>
+            </div></template>
           <template #inboundCode="{ row }"><div class="inbound-code-cell"><strong>{{ text((row as InboundOrderSummary).inboundCode) }}</strong></div></template>
           <template #processStatus="{ row }"><el-tag effect="light">{{ inboundStatusLabel((row as InboundOrderSummary).processStatus, inboundProcessStatusLabels) }}</el-tag></template>
           <template #measureReviewStatus="{ row }">{{ inboundStatusLabel((row as InboundOrderSummary).measureReviewStatus, inboundReviewStatusLabels) }}</template>
@@ -408,8 +409,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></section>
     </ListPageLayout>
 
     <el-dialog