优化

src/modules/inbounds/components/InboundTaskList.vue

@@ -12,6 +12,7 @@ import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.vue'
 import ListPageLayout from '@/shared/components/ListPageLayout.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
+import LineClampText from '@/shared/components/LineClampText.vue'
 import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
 import { firstLegBusinessTypeLabel } from '@/shared/utils/firstLegBusinessLabels'
 import { listPlatformInbounds } from '../core/api'
@@ -82,26 +83,26 @@ const queryFields = computed<QueryField[]>(() => [
 ])
 
 const columns = computed<DataTableColumn[]>(() => [
-  { key: 'actions', label: '操作', width: 190, fixed: 'left', slotName: 'actions' },
+  { key: 'actions', label: '操作', width: 160, fixed: 'left', slotName: 'actions' },
   ...(isReview.value && access.can(actionPermission.value) ? [{
     key: 'selection', type: 'selection', width: 48, fixed: 'left',
     selectable: (row: InboundOrderSummary) => row.measureReviewStatus === 'PENDING' && !batchReviewLoading.value,
   } satisfies DataTableColumn] : []),
-  { key: 'inboundCode', label: '入仓码', minWidth: 170, slotName: 'inboundCode' },
+  { key: 'inboundCode', label: '入仓码', minWidth: 140, slotName: 'inboundCode' },
   { key: 'processStatus', label: '流程状态', minWidth: 132, slotName: 'processStatus' },
-  { key: 'measureReviewStatus', label: '测量审核状态', minWidth: 142, slotName: 'measureReviewStatus' },
-  { key: 'expectedArrivalAt', label: '预计到达时间', minWidth: 164, slotName: 'expectedArrivalAt' },
-  { key: 'customerName', label: '客户', minWidth: 160, slotName: 'customerName' },
-  { key: 'warehouseName', label: '仓库', minWidth: 140, slotName: 'warehouseName' },
-  { key: 'deliveryWarehouseName', label: '交货仓', minWidth: 140, slotName: 'deliveryWarehouseName' },
-  { key: 'businessType', label: '业务类型', minWidth: 120, slotName: 'businessType' },
-  { key: 'channelName', label: '渠道', minWidth: 140, slotName: 'channelName' },
-  { key: 'totalPackageCount', label: '总箱数', width: 92, slotName: 'totalPackageCount' },
-  { key: 'palletCount', label: '托盘数', width: 92, slotName: 'palletCount' },
-  { key: 'actualGrossWeightKg', label: '实测毛重(kg)', minWidth: 128, slotName: 'actualGrossWeightKg' },
-  { key: 'actualNetWeightKg', label: '货物重量(kg)', minWidth: 128, slotName: 'actualNetWeightKg' },
-  { key: 'actualVolumeCbm', label: '实测体积(m³)', minWidth: 128, slotName: 'actualVolumeCbm' },
-  { key: 'measureCompletedAt', label: '提交时间', minWidth: 164, slotName: 'measureCompletedAt' },
+  { key: 'measureReviewStatus', label: '测量审核状态', minWidth: 120, slotName: 'measureReviewStatus' },
+  { key: 'expectedArrivalAt', label: '预计到达时间', minWidth: 140, slotName: 'expectedArrivalAt' },
+  { key: 'customerName', label: '客户', minWidth: 140, slotName: 'customerName' },
+  { key: 'warehouseName', label: '仓库', minWidth: 120, slotName: 'warehouseName' },
+  { key: 'deliveryWarehouseName', label: '交货仓', minWidth: 120, slotName: 'deliveryWarehouseName' },
+  { key: 'businessType', label: '业务类型', minWidth: 100, slotName: 'businessType' },
+  { key: 'channelName', label: '渠道', minWidth: 100, slotName: 'channelName' },
+  { key: 'totalPackageCount', label: '总箱数', width: 90, slotName: 'totalPackageCount' },
+  { key: 'palletCount', label: '托盘数', width: 90, slotName: 'palletCount' },
+  { key: 'actualGrossWeightKg', label: '实测毛重(kg)', minWidth: 100, slotName: 'actualGrossWeightKg' },
+  { key: 'actualNetWeightKg', label: '货物重量(kg)', minWidth: 100, slotName: 'actualNetWeightKg' },
+  { key: 'actualVolumeCbm', label: '实测体积(m³)', minWidth: 100, slotName: 'actualVolumeCbm' },
+  { key: 'measureCompletedAt', label: '提交时间', minWidth: 140, slotName: 'measureCompletedAt' },
 ])
 
 function text(value: unknown) {
@@ -381,11 +382,11 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1; optionsRequestSeria
           <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>
           <template #expectedArrivalAt="{ row }">{{ formatDate((row as InboundOrderSummary).expectedArrivalAt) }}</template>
-          <template #customerName="{ row }">{{ text((row as InboundOrderSummary).customerName) }}</template>
+          <template #customerName="{ row }"><LineClampText :content="(row as InboundOrderSummary).customerName" /></template>
           <template #warehouseName="{ row }">{{ text((row as InboundOrderSummary).warehouseName) }}</template>
           <template #deliveryWarehouseName="{ row }">{{ text((row as InboundOrderSummary).deliveryWarehouseName) }}</template>
           <template #businessType="{ row }">{{ firstLegBusinessTypeLabel((row as InboundOrderSummary).businessType) }}</template>
-          <template #channelName="{ row }">{{ text((row as InboundOrderSummary).channelName || (row as InboundOrderSummary).channelCode) }}</template>
+          <template #channelName="{ row }"><LineClampText :content="(row as InboundOrderSummary).channelName || (row as InboundOrderSummary).channelCode" /></template>
           <template #totalPackageCount="{ row }">{{ text((row as InboundOrderSummary).totalPackageCount) }}</template>
           <template #palletCount="{ row }">{{ text((row as InboundOrderSummary).palletCount) }}</template>
           <template #actualGrossWeightKg="{ row }">{{ formatNumber((row as InboundOrderSummary).actualGrossWeightKg) }}</template>

src/modules/inbounds/pages/InboundOrdersView.vue

@@ -11,6 +11,7 @@ import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.v
 import ListPageLayout from '@/shared/components/ListPageLayout.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import InboundCodeRelationshipDialog from '@/shared/components/InboundCodeRelationshipDialog.vue'
+import LineClampText from '@/shared/components/LineClampText.vue'
 import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
 import { firstLegBusinessTypeLabel, firstLegContainerModeLabel, firstLegDestinationTypeLabel, firstLegTaxModeLabel } from '@/shared/utils/firstLegBusinessLabels'
 import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
@@ -424,7 +425,7 @@ onBeforeUnmount(() => { disposed = true; loadRequestId += 1; customerRequestId +
         <template #expectedArrivalAt="{ row }">{{ formatDate((row as InboundOrderSummary).expectedArrivalAt) }}</template>
         <template #feeStatus="{ row }">{{ codeLabel((row as InboundOrderSummary).feeStatus, feeStatusLabels) }}</template>
         <template #feeReviewStatus="{ row }">{{ codeLabel((row as InboundOrderSummary).feeReviewStatus, inboundReviewStatusLabels) }}</template>
-        <template #customerName="{ row }">{{ text((row as InboundOrderSummary).customerName) }}</template>
+        <template #customerName="{ row }"><LineClampText :content="(row as InboundOrderSummary).customerName" /></template>
         <template #warehouseName="{ row }">{{ text((row as InboundOrderSummary).warehouseName) }}</template>
         <template #deliveryWarehouseName="{ row }">{{ text((row as InboundOrderSummary).deliveryWarehouseName) }}</template>
         <template #loadingStatus="{ row }">{{ codeLabel((row as InboundOrderSummary).loadingStatus, loadingStatusLabels) }}</template>
@@ -434,7 +435,7 @@ onBeforeUnmount(() => { disposed = true; loadRequestId += 1; customerRequestId +
         <template #cabinetNo="{ row }">{{ text((row as InboundOrderSummary).cabinetNo) }}</template>
         <template #companyName="{ row }">{{ text((row as InboundOrderSummary).companyName) }}</template>
         <template #businessType="{ row }">{{ firstLegBusinessTypeLabel((row as InboundOrderSummary).businessType) }}</template>
-        <template #channelName="{ row }"><div class="primary-cell"><strong>{{ text((row as InboundOrderSummary).channelName) }}</strong><span>{{ text((row as InboundOrderSummary).channelCode) }}</span></div></template>
+        <template #channelName="{ row }"><div class="primary-cell"><LineClampText :content="(row as InboundOrderSummary).channelName" /><span>{{ text((row as InboundOrderSummary).channelCode) }}</span></div></template>
         <template #taxMode="{ row }">{{ firstLegTaxModeLabel((row as InboundOrderSummary).taxMode) }}</template>
         <template #containerMode="{ row }">{{ firstLegContainerModeLabel((row as InboundOrderSummary).containerMode) }}</template>
         <template #customsInspection="{ row }">{{ (row as InboundOrderSummary).customsInspection === null ? '—' : (row as InboundOrderSummary).customsInspection ? '是' : '否' }}</template>