feat（wms）：修复 inventory-select.vue、item-sku-select.vue 重叠的问题

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 }">

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 }">

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 }">

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 }">