优化

src/modules/warehouses/pages/WarehousesView.vue

@@ -167,11 +167,14 @@ interface WarehouseRow extends Warehouse {
 const rows = ref<WarehouseRow[]>([])
 const warehouseColumns: DataTableColumn[] = [
   { key: 'actions', label: '操作', width: 180, fixed: 'left', slotName: 'actions' },
-  { key: 'warehouse', label: '仓库', minWidth: 190, slotName: 'warehouse' },
+  { key: 'warehouse', label: '仓库名称', minWidth: 190, slotName: 'warehouse' },
+  { key: 'code', prop: 'code', label: '仓库编码', minWidth: 145 },
   { key: 'warehouseType', label: '仓库类型', width: 120, slotName: 'warehouseType' },
   { key: 'countryCode', label: '国家/地区', width: 140, slotName: 'countryCode' },
   { key: 'timezone', prop: 'timezone', label: '时区', width: 110, defaultVisible: false },
-  { key: 'city', label: '所在城市', minWidth: 140, slotName: 'city' },
+  { key: 'province', prop: 'province', label: '州/省', minWidth: 130 },
+  { key: 'city', prop: 'city', label: '城市', minWidth: 140 },
+  { key: 'postalCode', prop: 'postalCode', label: '邮编', minWidth: 110 },
   { key: 'address', label: '地址', minWidth: 280, slotName: 'address', defaultVisible: false },
   { key: 'contact', label: '联系人', minWidth: 150, slotName: 'contact', defaultVisible: false },
   { key: 'status', label: '状态', width: 100, slotName: 'status' },
@@ -724,11 +727,10 @@ onMounted(() => void loadWarehouses())
           </div>
           <span v-else class="warehouse-subline">仅查看</span>
         </template>
-        <template #warehouse="{ row }"><div class="warehouse-cell"><span><WarehouseIcon :size="18" /></span><div><strong>{{ (row as WarehouseRow).name }}</strong><small>{{ (row as WarehouseRow).code }}</small></div></div></template>
+        <template #warehouse="{ row }"><div class="warehouse-cell"><span><WarehouseIcon :size="18" /></span><div><strong>{{ (row as WarehouseRow).name }}</strong></div></div></template>
         <template #warehouseType="{ row }"><el-tag effect="plain">{{ warehouseTypeLabels[(row as WarehouseRow).warehouseType] }}</el-tag></template>
         <template #countryCode="{ row }">{{ formatCountryDisplay((row as WarehouseRow).countryCode) }}</template>
-        <template #city="{ row }">{{ [(row as WarehouseRow).province, (row as WarehouseRow).city].filter(Boolean).join(' · ') || '-' }}</template>
-        <template #address="{ row }"><div class="warehouse-address"><MapPin :size="15" /><span>{{ (row as WarehouseRow).address || '-' }}<small v-if="(row as WarehouseRow).postalCode">{{ (row as WarehouseRow).postalCode }}</small></span></div></template>
+        <template #address="{ row }"><div class="warehouse-address"><MapPin :size="15" /><span>{{ (row as WarehouseRow).address || '-' }}</span></div></template>
         <template #contact="{ row }"><strong>{{ (row as WarehouseRow).contactName || '-' }}</strong><span class="warehouse-subline">{{ (row as WarehouseRow).contactPhone || '-' }}</span></template>
         <template #status="{ row }"><el-tag :type="(row as WarehouseRow).status === 'ACTIVE' ? 'success' : 'info'" effect="light">{{ (row as WarehouseRow).status === 'ACTIVE' ? '启用' : '停用' }}</el-tag></template>
         <template #pagination-left="{ total: tableTotal }">共 {{ tableTotal }} 个公共仓库</template>