库存前端页面优化

klp-ui/src/views/wms/stockIo/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="出入库单号" prop="stockIoCode">
+      <el-form-item label="出入库单号" prop="stockIoCode" style="min-width:200px;max-width:220px;">
         <el-input
           v-model="queryParams.stockIoCode"
           placeholder="请输入出入库单号"
@@ -94,12 +94,16 @@
       <el-table-column label="出入库单号" align="center" prop="stockIoCode" />
       <el-table-column label="类型" align="center" prop="ioType">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.stock_io_type" :value="scope.row.ioType"/>
+          <el-tag :type="getIoTypeTagType(scope.row.ioType)">
+            {{ getIoTypeLabel(scope.row.ioType) }}
+          </el-tag>
         </template>
       </el-table-column>
       <el-table-column label="业务类型" align="center" prop="bizType">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.stock_biz_type" :value="scope.row.bizType"/>
+          <el-tag :type="getBizTypeTagType(scope.row.bizType)">
+            {{ getBizTypeLabel(scope.row.bizType) }}
+          </el-tag>
         </template>
       </el-table-column>
       <el-table-column label="单据状态" align="center" prop="status">
@@ -401,6 +405,35 @@ export default {
       }
       // 刷新列表
       this.getList();
+    },
+    getIoTypeTagType(type) {
+      if (type === 'in') return 'success';
+      if (type === 'out') return 'primary';
+      if (type === 'transfer') return 'warning';
+      return '';
+    },
+    getIoTypeLabel(type) {
+      if (type === 'in') return '入库';
+      if (type === 'out') return '出库';
+      if (type === 'transfer') return '移库';
+      return type;
+    },
+    getBizTypeTagType(type) {
+      if (type === 'purchase') return 'success';
+      if (type === 'sales') return 'primary';
+      if (type === 'return') return 'warning';
+      if (type === 'relocation') return 'info';
+      return 'default';
+    },
+    getBizTypeLabel(type) {
+      const map = {
+        purchase: '采购',
+        sales: '销售',
+        return: '退货',
+        relocation: '调拨',
+        other: '其他'
+      };
+      return map[type] || type;
     }
   }
 };

klp-ui/src/views/wms/stockIo/panels/detail.vue

@@ -3,8 +3,16 @@
     <template v-if="stockIo && stockIo.stockIoId">
       <!-- 主表信息 -->
       <el-descriptions :title="'单号：' + (stockIo.stockIoCode || '-')" :column="2" border>
-        <el-descriptions-item label="类型">{{ stockIo.ioType }}</el-descriptions-item>
+        <el-descriptions-item label="类型">
-        <el-descriptions-item label="业务类型">{{ stockIo.bizType }}</el-descriptions-item>
+          <el-tag :type="getIoTypeTagType(stockIo.ioType)">
+            {{ getIoTypeLabel(stockIo.ioType) }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="业务类型">
+          <el-tag :type="getBizTypeTagType(stockIo.bizType)">
+            {{ getBizTypeLabel(stockIo.bizType) }}
+          </el-tag>
+        </el-descriptions-item>
         <el-descriptions-item label="状态">
           <el-tag :type="stockIo.status === 2 ? 'success' : (stockIo.status === 1 ? 'warning' : 'info')">
             {{ stockIo.status === 2 ? '已完成' : (stockIo.status === 0 ? '草稿' : '待审核') }}
@@ -63,12 +71,12 @@
       <el-table v-loading="loading" :data="stockIoDetailList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="明细ID" align="center" prop="detailId"/>
-        <el-table-column label="库区/库位ID" align="center" prop="warehouseId" />
+        <el-table-column label="库区/库位" align="center" prop="warehouseName" />
         <el-table-column 
           v-if="stockIo.ioType === 'transfer'" 
-          label="源库区/库位ID" 
+          label="源库区/库位" 
           align="center" 
-          prop="fromWarehouseId" 
+          prop="fromWarehouseName" 
         />
         <el-table-column label="物品类型" align="center" prop="itemType" />
         <el-table-column label="物品ID" align="center" prop="itemId" />
@@ -469,6 +477,35 @@ export default {
           console.error('刷新主表状态失败:', error);
         });
       }
+    },
+    getIoTypeTagType(type) {
+      if (type === 'in') return 'success';
+      if (type === 'out') return 'primary';
+      if (type === 'transfer') return 'warning';
+      return '';
+    },
+    getIoTypeLabel(type) {
+      if (type === 'in') return '入库';
+      if (type === 'out') return '出库';
+      if (type === 'transfer') return '移库';
+      return type;
+    },
+    getBizTypeLabel(type) {
+      const map = {
+        purchase: '采购',
+        sales: '销售',
+        return: '退货',
+        relocation: '调拨',
+        other: '其他'
+      };
+      return map[type] || type;
+    },
+    getBizTypeTagType(type) {
+      if (type === 'purchase') return 'success';
+      if (type === 'sales') return 'primary';
+      if (type === 'return') return 'warning';
+      if (type === 'relocation') return 'info';
+      return 'default';
     }
   }
 }

klp-wms/src/main/java/com/klp/domain/vo/WmsStockIoDetailVo.java

@@ -75,6 +75,15 @@ public class WmsStockIoDetailVo {
     @ExcelProperty(value = "备注")
     private String remark;
 
+    /**
+     * 库区/库位名称
+     */
+    private String warehouseName;
+    /**
+     * 源库区/库位名称（移库用）
+     */
+    private String fromWarehouseName;
+
     /**
      * 源库位ID（移库时使用）
      */

klp-wms/src/main/java/com/klp/mapper/WmsStockIoDetailMapper.java

@@ -3,13 +3,29 @@ package com.klp.mapper;
 import com.klp.domain.WmsStockIoDetail;
 import com.klp.domain.vo.WmsStockIoDetailVo;
 import com.klp.common.core.mapper.BaseMapperPlus;
+import org.apache.ibatis.annotations.Param;
+import java.util.List;
+import java.util.Map;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.baomidou.mybatisplus.core.conditions.Wrapper;
 
 /**
  * 出入库单明细Mapper接口
  *
+ * VO带有库区/库位名称和源库区/库位名称
+ *
  * @author Joshi
  * @date 2025-07-18
  */
 public interface WmsStockIoDetailMapper extends BaseMapperPlus<WmsStockIoDetailMapper, WmsStockIoDetail, WmsStockIoDetailVo> {
 
+    /**
+     * 联查库区/库位名称的明细列表，返回Map
+     */
+    List<Map<String, Object>> selectDetailWithWarehouseName(@Param("stockIoId") Long stockIoId);
+
+    /**
+     * 分页联查库区/库位名称的明细列表，支持Wrapper动态条件，返回Page<WmsStockIoDetailVo>
+     */
+    Page<WmsStockIoDetailVo> selectVoPagePlus(Page<?> page, @Param("ew") Wrapper<WmsStockIoDetail> wrapper);
 }

klp-wms/src/main/java/com/klp/service/impl/WmsStockIoDetailServiceImpl.java

@@ -51,7 +51,7 @@ public class WmsStockIoDetailServiceImpl implements IWmsStockIoDetailService {
     @Override
     public TableDataInfo<WmsStockIoDetailVo> queryPageList(WmsStockIoDetailBo bo, PageQuery pageQuery) {
         LambdaQueryWrapper<WmsStockIoDetail> lqw = buildQueryWrapper(bo);
-        Page<WmsStockIoDetailVo> result = baseMapper.selectVoPage(pageQuery.build(), lqw);
+        Page<WmsStockIoDetailVo> result = baseMapper.selectVoPagePlus(pageQuery.build(), lqw);
         return TableDataInfo.build(result);
     }
 

klp-wms/src/main/resources/mapper/klp/WmsStockIoDetailMapper.xml

@@ -22,5 +22,59 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="fromWarehouseId" column="from_warehouse_id"/>
     </resultMap>
 
+    <!-- 联查库区/库位名称的明细列表SQL，直接返回Map -->
+    <select id="selectDetailWithWarehouseName" resultType="map">
+        SELECT
+            d.detail_id,
+            d.stock_io_id,
+            d.warehouse_id,
+            d.item_type,
+            d.item_id,
+            d.quantity,
+            d.unit,
+            d.batch_no,
+            d.remark,
+            d.del_flag,
+            d.create_time,
+            d.create_by,
+            d.update_time,
+            d.update_by,
+            d.from_warehouse_id,
+            w1.warehouse_name AS warehouseName,
+            w2.warehouse_name AS fromWarehouseName
+        FROM wms_stock_io_detail d
+        LEFT JOIN wms_warehouse w1 ON d.warehouse_id = w1.warehouse_id
+        LEFT JOIN wms_warehouse w2 ON d.from_warehouse_id = w2.warehouse_id
+        <where>
+            <if test="stockIoId != null">d.stock_io_id = #{stockIoId}</if>
+            <!-- 其他条件可补充 -->
+        </where>
+    </select>
+
+    <!-- 分页联查库区/库位名称的明细列表SQL，支持Wrapper动态条件，返回Page<WmsStockIoDetailVo> -->
+    <select id="selectVoPagePlus" resultType="com.klp.domain.vo.WmsStockIoDetailVo">
+        SELECT
+            d.detail_id,
+            d.stock_io_id,
+            d.warehouse_id,
+            d.item_type,
+            d.item_id,
+            d.quantity,
+            d.unit,
+            d.batch_no,
+            d.remark,
+            d.del_flag,
+            d.create_time,
+            d.create_by,
+            d.update_time,
+            d.update_by,
+            d.from_warehouse_id,
+            w1.warehouse_name AS warehouseName,
+            w2.warehouse_name AS fromWarehouseName
+        FROM wms_stock_io_detail d
+        LEFT JOIN wms_warehouse w1 ON d.warehouse_id = w1.warehouse_id
+        LEFT JOIN wms_warehouse w2 ON d.from_warehouse_id = w2.warehouse_id
+        ${ew.customSqlSegment}
+    </select>
 
 </mapper>