From cd42a653c52c4264bc0b5a7b47763333c8fb2929 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 18 May 2026 22:35:22 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=88wms=EF=BC=89=EF=BC=9A=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=20inventory-select.vue=E3=80=81item-sku-select.vue=20?=
 =?UTF-8?q?=E9=87=8D=E5=8F=A0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inventory/components/inventory-select.vue | 17 +++---
 .../item/sku/components/item-sku-select.vue   | 53 +++++++++++--------
 .../inventory/components/inventory-select.vue | 17 +++---
 .../item/sku/components/item-sku-select.vue   | 53 +++++++++++--------
 4 files changed, 84 insertions(+), 56 deletions(-)

diff --git a/apps/web-antd/src/views/wms/inventory/components/inventory-select.vue b/apps/web-antd/src/views/wms/inventory/components/inventory-select.vue
index b66f83d80..1ae53862f 100644
--- a/apps/web-antd/src/views/wms/inventory/components/inventory-select.vue
+++ b/apps/web-antd/src/views/wms/inventory/components/inventory-select.vue
@@ -55,6 +55,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     columns: useInventorySelectGridColumns(),
     height: 560,
     keepSource: true,
+    showOverflow: false,
     checkboxConfig: {
       checkMethod: ({ row }: { row: InventorySelectRow }) =>
         isInventorySelectable(row),
@@ -149,15 +150,19 @@ defineExpose({ open: openModal });
   >
     <Grid table-title="库存列表">
       <template #itemInfo="{ row }">
-        <div>{{ row.itemName || '-' }}</div>
-        <div v-if="row.itemCode" class="text-xs text-gray-500">
-          商品编号：{{ row.itemCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.itemName || '-' }}</div>
+          <div v-if="row.itemCode" class="text-xs text-gray-500">
+            商品编号：{{ row.itemCode }}
+          </div>
         </div>
       </template>
       <template #skuInfo="{ row }">
-        <div>{{ row.skuName || '-' }}</div>
-        <div v-if="row.skuCode" class="text-xs text-gray-500">
-          规格编号：{{ row.skuCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.skuName || '-' }}</div>
+          <div v-if="row.skuCode" class="text-xs text-gray-500">
+            规格编号：{{ row.skuCode }}
+          </div>
         </div>
       </template>
       <template #availableQuantity="{ row }">
diff --git a/apps/web-antd/src/views/wms/md/item/sku/components/item-sku-select.vue b/apps/web-antd/src/views/wms/md/item/sku/components/item-sku-select.vue
index fb8d84cb6..6d2af008c 100644
--- a/apps/web-antd/src/views/wms/md/item/sku/components/item-sku-select.vue
+++ b/apps/web-antd/src/views/wms/md/item/sku/components/item-sku-select.vue
@@ -91,6 +91,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     columns: useSkuSelectGridColumns(),
     height: 560,
     keepSource: true,
+    showOverflow: false,
     checkboxConfig: {
       checkMethod: isRowSelectable,
       highlight: true,
@@ -175,37 +176,45 @@ defineExpose({ open: openModal });
   >
     <Grid table-title="商品 SKU 列表">
       <template #itemInfo="{ row }">
-        <div>{{ row.itemName || '-' }}</div>
-        <div v-if="row.itemCode" class="text-xs text-gray-500">
-          商品编号：{{ row.itemCode }}
-        </div>
-        <div v-if="row.brandName" class="text-xs text-gray-500">
-          品牌：{{ row.brandName }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.itemName || '-' }}</div>
+          <div v-if="row.itemCode" class="text-xs text-gray-500">
+            商品编号：{{ row.itemCode }}
+          </div>
+          <div v-if="row.brandName" class="text-xs text-gray-500">
+            品牌：{{ row.brandName }}
+          </div>
         </div>
       </template>
       <template #skuInfo="{ row }">
-        <div>{{ row.name || '-' }}</div>
-        <div v-if="row.code" class="text-xs text-gray-500">
-          编号：{{ row.code }}
-        </div>
-        <div v-if="row.barCode" class="text-xs text-gray-500">
-          条码：{{ row.barCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.name || '-' }}</div>
+          <div v-if="row.code" class="text-xs text-gray-500">
+            编号：{{ row.code }}
+          </div>
+          <div v-if="row.barCode" class="text-xs text-gray-500">
+            条码：{{ row.barCode }}
+          </div>
         </div>
       </template>
       <template #priceInfo="{ row }">
-        <div v-if="row.costPrice !== undefined">
-          成本价：{{ formatPrice(row.costPrice) }}
-        </div>
-        <div v-if="row.sellingPrice !== undefined">
-          销售价：{{ formatPrice(row.sellingPrice) }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div v-if="row.costPrice !== undefined">
+            成本价：{{ formatPrice(row.costPrice) }}
+          </div>
+          <div v-if="row.sellingPrice !== undefined">
+            销售价：{{ formatPrice(row.sellingPrice) }}
+          </div>
         </div>
       </template>
       <template #weightInfo="{ row }">
-        <div v-if="row.netWeight !== undefined">
-          净重：{{ formatWeight(row.netWeight) }}
-        </div>
-        <div v-if="row.grossWeight !== undefined">
-          毛重：{{ formatWeight(row.grossWeight) }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div v-if="row.netWeight !== undefined">
+            净重：{{ formatWeight(row.netWeight) }}
+          </div>
+          <div v-if="row.grossWeight !== undefined">
+            毛重：{{ formatWeight(row.grossWeight) }}
+          </div>
         </div>
       </template>
       <template #dimensionInfo="{ row }">
diff --git a/apps/web-ele/src/views/wms/inventory/components/inventory-select.vue b/apps/web-ele/src/views/wms/inventory/components/inventory-select.vue
index c63e8db0c..92bb28b62 100644
--- a/apps/web-ele/src/views/wms/inventory/components/inventory-select.vue
+++ b/apps/web-ele/src/views/wms/inventory/components/inventory-select.vue
@@ -55,6 +55,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     columns: useInventorySelectGridColumns(),
     height: 560,
     keepSource: true,
+    showOverflow: false,
     checkboxConfig: {
       checkMethod: ({ row }: { row: InventorySelectRow }) =>
         isInventorySelectable(row),
@@ -149,15 +150,19 @@ defineExpose({ open: openModal });
   >
     <Grid table-title="库存列表">
       <template #itemInfo="{ row }">
-        <div>{{ row.itemName || '-' }}</div>
-        <div v-if="row.itemCode" class="text-xs text-gray-500">
-          商品编号：{{ row.itemCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.itemName || '-' }}</div>
+          <div v-if="row.itemCode" class="text-xs text-gray-500">
+            商品编号：{{ row.itemCode }}
+          </div>
         </div>
       </template>
       <template #skuInfo="{ row }">
-        <div>{{ row.skuName || '-' }}</div>
-        <div v-if="row.skuCode" class="text-xs text-gray-500">
-          规格编号：{{ row.skuCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.skuName || '-' }}</div>
+          <div v-if="row.skuCode" class="text-xs text-gray-500">
+            规格编号：{{ row.skuCode }}
+          </div>
         </div>
       </template>
       <template #availableQuantity="{ row }">
diff --git a/apps/web-ele/src/views/wms/md/item/sku/components/item-sku-select.vue b/apps/web-ele/src/views/wms/md/item/sku/components/item-sku-select.vue
index 1cee21112..13fbfcd90 100644
--- a/apps/web-ele/src/views/wms/md/item/sku/components/item-sku-select.vue
+++ b/apps/web-ele/src/views/wms/md/item/sku/components/item-sku-select.vue
@@ -91,6 +91,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     columns: useSkuSelectGridColumns(),
     height: 560,
     keepSource: true,
+    showOverflow: false,
     checkboxConfig: {
       checkMethod: isRowSelectable,
       highlight: true,
@@ -175,37 +176,45 @@ defineExpose({ open: openModal });
   >
     <Grid table-title="商品 SKU 列表">
       <template #itemInfo="{ row }">
-        <div>{{ row.itemName || '-' }}</div>
-        <div v-if="row.itemCode" class="text-xs text-gray-500">
-          商品编号：{{ row.itemCode }}
-        </div>
-        <div v-if="row.brandName" class="text-xs text-gray-500">
-          品牌：{{ row.brandName }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.itemName || '-' }}</div>
+          <div v-if="row.itemCode" class="text-xs text-gray-500">
+            商品编号：{{ row.itemCode }}
+          </div>
+          <div v-if="row.brandName" class="text-xs text-gray-500">
+            品牌：{{ row.brandName }}
+          </div>
         </div>
       </template>
       <template #skuInfo="{ row }">
-        <div>{{ row.name || '-' }}</div>
-        <div v-if="row.code" class="text-xs text-gray-500">
-          编号：{{ row.code }}
-        </div>
-        <div v-if="row.barCode" class="text-xs text-gray-500">
-          条码：{{ row.barCode }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div>{{ row.name || '-' }}</div>
+          <div v-if="row.code" class="text-xs text-gray-500">
+            编号：{{ row.code }}
+          </div>
+          <div v-if="row.barCode" class="text-xs text-gray-500">
+            条码：{{ row.barCode }}
+          </div>
         </div>
       </template>
       <template #priceInfo="{ row }">
-        <div v-if="row.costPrice !== undefined">
-          成本价：{{ formatPrice(row.costPrice) }}
-        </div>
-        <div v-if="row.sellingPrice !== undefined">
-          销售价：{{ formatPrice(row.sellingPrice) }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div v-if="row.costPrice !== undefined">
+            成本价：{{ formatPrice(row.costPrice) }}
+          </div>
+          <div v-if="row.sellingPrice !== undefined">
+            销售价：{{ formatPrice(row.sellingPrice) }}
+          </div>
         </div>
       </template>
       <template #weightInfo="{ row }">
-        <div v-if="row.netWeight !== undefined">
-          净重：{{ formatWeight(row.netWeight) }}
-        </div>
-        <div v-if="row.grossWeight !== undefined">
-          毛重：{{ formatWeight(row.grossWeight) }}
+        <div class="flex flex-col gap-1 py-1 leading-5">
+          <div v-if="row.netWeight !== undefined">
+            净重：{{ formatWeight(row.netWeight) }}
+          </div>
+          <div v-if="row.grossWeight !== undefined">
+            毛重：{{ formatWeight(row.grossWeight) }}
+          </div>
         </div>
       </template>
       <template #dimensionInfo="{ row }">