支持原料选择远程搜索

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

@@ -156,12 +156,26 @@
           </el-form-item>
           <el-form-item label="物品类型" prop="itemType">
             <el-select v-model="form.itemType" placeholder="请选择物品类型" style="width: 100%">
-              <el-option label="原材料" value="raw_material"></el-option>
-              <el-option label="产品" value="product"></el-option>
+              <el-option label="原材料" :value="ITEM_TYPE.RAW_MATERIAL"></el-option>
+              <el-option label="产品" :value="ITEM_TYPE.PRODUCT"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="物品ID" prop="itemId">
-            <el-input v-model="form.itemId" placeholder="请输入物品ID" />
+            <RawMaterialSelect
+              v-if="form.itemType === ITEM_TYPE.RAW_MATERIAL"
+              v-model="form.itemId"
+              placeholder="请选择原材料"
+            />
+            <ProductSelect
+              v-else-if="form.itemType === ITEM_TYPE.PRODUCT"
+              v-model="form.itemId"
+              placeholder="请选择产品"
+            />
+            <el-input
+              v-else
+              v-model="form.itemId"
+              placeholder="请输入物品ID"
+            />
           </el-form-item>
           <el-form-item label="数量" prop="quantity">
             <el-input v-model="form.quantity" placeholder="请输入数量" />
@@ -192,11 +206,16 @@
 import { listStockIoDetail, getStockIoDetail, delStockIoDetail, addStockIoDetail, updateStockIoDetail } from "@/api/wms/stockIoDetail";
 import { auditStockIo, updateStockIoStatus, cancelStockIo, getStockIo } from "@/api/wms/stockIo";
 import WarehouseSelect from '@/components/WarehouseSelect';
+import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
+import ProductSelect from '@/components/KLPService/ProductSelect';
+import { ITEM_TYPE } from '@/utils/enums';
 
 export default {
   name: "StockIoDetailPanel",
   components: {
-    WarehouseSelect
+    WarehouseSelect,
+    RawMaterialSelect,
+    ProductSelect
   },
   props: {
     stockIo: {
@@ -206,6 +225,7 @@ export default {
   },
   data() {
     return {
+      ITEM_TYPE,
       loading: true,
       stockIoDetailList: [],
       total: 0,