feat(wms): 优化库存管理页面展示效果

- 修改物品ID列为物品信息列，根据物品类型显示不同信息
- 添加原材料和产品信息的组件引用
- 优化表格列的显示逻辑- 调整部分UI样式，提高可读性

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

@@ -29,7 +29,13 @@
                 <dict-tag :options="dict.type.stock_item_type" :value="scope.row.itemType" />
               </template>
             </el-table-column>
-            <el-table-column label="物品ID" align="center" prop="itemId" />
+            <el-table-column label="物品信息" align="center" prop="itemId">
+              <template slot-scope="scope">
+                <raw-material-info v-if="scope.row.itemType === ITEM_TYPE.RAW_MATERIAL" :material-id="scope.row.itemId" />
+                <product-info v-else-if="scope.row.itemType === ITEM_TYPE.PRODUCT" :product-id="scope.row.itemId" />
+                <span v-else>{{ scope.row.itemId }}</span>
+              </template>
+            </el-table-column>
             <el-table-column label="数量" align="center" prop="quantity" />
             <el-table-column label="单位" align="center" prop="unit" />
             <!-- <el-table-column label="批次号" align="center" prop="batchNo" /> -->