优化

src/modules/overseas-master-data/components/TransportRouteDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import '@/styles/adminWorkbench.css'
 import InlineHelp from '@/shared/components/InlineHelp.vue'
 import { computed, onBeforeUnmount, ref, watch } from 'vue'
 import AppDialog from '@/shared/components/AppDialog.vue'
@@ -49,7 +50,7 @@ const tooLong = computed(() => mapUrl.value.length > 2048 || externalUrl.value.l
 </script>
 
 <template>
-  <AppDialog v-model="open" class="admin-density-dialog" title="查看路线"
+  <AppDialog v-model="open" class="admin-density-dialog admin-workbench is-dialog" title="查看路线"
     width="min(1100px, 96vw)" align-center :show-confirm="false" cancel-text="关闭">
     <section v-if="open" class="route-map" aria-label="起点至目的地路线">
       <strong>{{ props.origin.label || '起点未填写' }} → {{ selected?.label || '目的地未填写' }}<InlineHelp title="路线地图说明"><p>按起点和目的地规划驾车路线，不显示实时位置或实际行驶轨迹。</p></InlineHelp></strong>
@@ -75,7 +76,7 @@ const tooLong = computed(() => mapUrl.value.length > 2048 || externalUrl.value.l
 
 <style scoped>
 .route-map { display: grid; gap: var(--admin-space-3); }
-.route-note { margin: 0; color: var(--cc-muted); font-size: var(--admin-font-caption); }
-.route-map iframe { width: 100%; height: 58vh; min-height: 320px; border: 1px solid var(--cc-border); border-radius: var(--admin-radius); }
-.route-help { display: flex; align-items: center; flex-wrap: wrap; gap: var(--admin-space-3); color: var(--cc-muted); }
+.route-note { margin: 0; color: var(--workbench-muted); font-size: var(--admin-font-caption); }
+.route-map iframe { width: 100%; height: 58vh; min-height: 320px; border: 1px solid var(--workbench-border); border-radius: var(--admin-radius); }
+.route-help { display: flex; align-items: center; flex-wrap: wrap; gap: var(--admin-space-3); color: var(--workbench-muted); }
 </style>