优化

src/modules/overseas-master-data/pages/DriverDetailView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import '@/styles/adminWorkbench.css'
 import '@/styles/adminDensity.css'
 import { computed, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -123,7 +124,7 @@ async function upload(event: Event) {
   if (!['application/pdf', 'image/jpeg', 'image/png'].includes(file.type) || file.size === 0 || file.size > 10485760) { ElMessage.warning('请选择非空 PDF、JPG 或 PNG，最大 10MiB'); return }
   busy.value = true
   try {
-    await ElMessageBox.confirm('上传后驾驶证需要重新审核，确认继续？', '上传驾驶证', { customClass: 'admin-density-confirm', confirmButtonText: '上传', cancelButtonText: '取消' })
+    await ElMessageBox.confirm('上传后驾驶证需要重新审核，确认继续？', '上传驾驶证', { customClass: 'admin-density-confirm admin-workbench is-dialog', confirmButtonText: '上传', cancelButtonText: '取消' })
     updated(await uploadDriverLicense(row.id, row.recordVersion, file)); ElMessage.success('驾驶证已上传，等待审核')
   } catch (cause) { if (cause !== 'cancel' && cause !== 'close') ElMessage.error(masterDataErrorMessage(cause, '上传失败')) }
   finally { busy.value = false }
@@ -145,8 +146,8 @@ onBeforeUnmount(() => { detailActive = false; resetDetailRequests() })
 </script>
 
 <template>
-  <AdminPage class="admin-density">
-    <DetailPageLayout class="density-detail-layout surface-panel" aria-label="司机详情">
+  <AdminPage class="admin-density admin-workbench">
+    <DetailPageLayout class="density-detail-layout surface-panel workbench-panel is-flush is-page-surface" aria-label="司机详情">
       <template #header><div class="density-detail-header"><div class="density-detail-heading"><el-button link class="density-back" @click="router.push({ name: 'overseas-master-data-drivers' })"><ArrowLeft :size="16" />返回司机管理</el-button><h1 class="density-detail-title">{{ detail?.details.name || '司机详情' }}</h1><StatusBadge v-if="detail" :status="detail.active ? '启用' : '停用'" /></div><el-button v-if="detail && access.can(permission.driverEdit)" :disabled="busy" @click="editorOpen = true">编辑档案</el-button></div></template>
       <LoadErrorState v-if="error" title="司机详情加载失败" :message="error.message" @retry="load" ><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
       <div v-loading="loading">
@@ -165,11 +166,11 @@ onBeforeUnmount(() => { detailActive = false; resetDetailRequests() })
           </FormSection>
           <FormSection class="density-form-section" title="操作与审核历史" :bordered="false">
             <el-button v-if="!historyOpen" @click="historyOpen = true">查看操作历史</el-button>
-            <template v-else><LoadErrorState v-if="historyError" title="历史加载失败" :message="historyError.message" @retry="loadHistory" ><template #details><ApiErrorMeta :details="historyError" /></template></LoadErrorState><DataTable v-model:page="historyPage" v-model:page-size="historySize" :data="historyRows" :columns="historyColumns" :total="historyTotal" :loading="historyLoading" row-key="recordVersion">
+            <template v-else><LoadErrorState v-if="historyError" title="历史加载失败" :message="historyError.message" @retry="loadHistory" ><template #details><ApiErrorMeta :details="historyError" /></template></LoadErrorState><div class="workbench-table"><DataTable v-model:page="historyPage" v-model:page-size="historySize" :data="historyRows" :columns="historyColumns" :total="historyTotal" :loading="historyLoading" row-key="recordVersion">
               <template #historyActions="{ row }"><el-button v-if="row.snapshot.licenseFileId" link type="primary" @click="showLicense(row.snapshot.licenseFileId)">查看当时驾驶证</el-button><span v-else>—</span></template>
               <template #historyAction="{ row }">{{ actionLabels[row.action as DriverHistory['action']] }}</template>
               <template #historyReview="{ row }">{{ driverReviewLabels[row.snapshot.reviewStatus as keyof typeof driverReviewLabels] }}</template>
-            </DataTable></template>
+            </DataTable></div></template>
           </FormSection>
         </template>
       </div>
@@ -186,5 +187,5 @@ onBeforeUnmount(() => { detailActive = false; resetDetailRequests() })
 .driver-qualification { margin-top: var(--admin-space-6); }
 .driver-qualification label { display: flex; align-items: center; gap: var(--admin-space-4); }
 .driver-note { color: var(--el-color-warning); }
-.driver-warning { color: var(--cc-muted); }
+.driver-warning { color: var(--workbench-muted); }
 </style>