1

src/main.ts

@@ -1,9 +1,13 @@
 import { createApp } from 'vue'
+import { h } from 'vue'
 import { createPinia } from 'pinia'
+import { ElConfigProvider } from 'element-plus'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import App from './App.vue'
 import router from './router'
 import 'element-plus/es/components/message/style/css'
 import 'element-plus/es/components/message-box/style/css'
 import './styles/index.css'
 
-createApp(App).use(createPinia()).use(router).mount('#app')
+const app = createApp({ render: () => h(ElConfigProvider, { locale: zhCn }, { default: () => h(App) }) })
+app.use(createPinia()).use(router).mount('#app')

src/modules/first-leg/views/FirstLegOrdersView.vue

@@ -1070,7 +1070,8 @@ async function openDetail(order: FirstLegOrder) {
   void loadCustoms(order)
   try {
     const detailedOrder = await store.loadDetail(order.id)
-    await Promise.all(detailedOrder.items.map(ensureProductImagePreview))
+    // Load previews from the persisted file IDs after the store has replaced the detail row.
+    await Promise.all((detailOrder.value?.items ?? detailedOrder.items).map(ensureProductImagePreview))
   } catch (error) {
     detailError.value = error instanceof Error ? error.message : '订单详情加载失败'
     ElMessage.error(detailError.value)
@@ -1902,8 +1903,8 @@ async function searchOrders(model: QueryModel) {
               <el-table-column label="清关 HS CODE" width="128" show-overflow-tooltip><template #default="{ row }"><span class="table-code">{{ row.customsHsCode || '-' }}</span></template></el-table-column>
               <el-table-column label="申报单价" width="104" align="right"><template #default="{ row }">{{ row.unitDeclaredValue ? `USD ${row.unitDeclaredValue.toLocaleString()}` : '-' }}</template></el-table-column>
               <el-table-column label="申报金额" width="104" align="right"><template #default="{ row }">{{ row.declaredValue ? `USD ${row.declaredValue.toLocaleString()}` : '-' }}</template></el-table-column>
-              <el-table-column label="Shipment ID" width="150" show-overflow-tooltip><template #default="{ row }"><span class="table-code table-ellipsis">{{ row.shipmentId || '-' }}</span></template></el-table-column>
+              <el-table-column label="货件编号" width="150" show-overflow-tooltip><template #default="{ row }"><span class="table-code table-ellipsis">{{ row.shipmentId || '-' }}</span></template></el-table-column>
-              <el-table-column label="Reference ID" width="150" show-overflow-tooltip><template #default="{ row }"><span class="table-code table-ellipsis">{{ row.referenceId || '-' }}</span></template></el-table-column>
+              <el-table-column label="跟踪编号" width="150" show-overflow-tooltip><template #default="{ row }"><span class="table-code table-ellipsis">{{ row.referenceId || '-' }}</span></template></el-table-column>
               <el-table-column label="UPC NO." width="130" show-overflow-tooltip><template #default="{ row }"><span class="table-code table-ellipsis">{{ row.upc || '-' }}</span></template></el-table-column>
               <el-table-column label="中英文材质" width="120" show-overflow-tooltip><template #default="{ row }">{{ row.material || '-' }}</template></el-table-column>
               <el-table-column label="中英文用途" width="120" show-overflow-tooltip><template #default="{ row }">{{ row.usage || '-' }}</template></el-table-column>