🦄 refactor: 新增物料选择器

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

@@ -183,37 +183,7 @@
           >
             <warehouse-select v-model="form.fromWarehouseId" placeholder="请选择源库区/库位" />
           </el-form-item>
-          <el-form-item label="物品类型" prop="itemType">
-            <el-select v-model="form.itemType" placeholder="请选择物品类型">
-              <el-option v-for="dict in dict.type.stock_item_type" :key="dict.value" :label="dict.label"
-                :value="dict.value"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="物品ID" prop="itemId">
-            <RawMaterialSelect
-              v-if="form.itemType === ITEM_TYPE.RAW_MATERIAL"
-              v-model="form.itemId"
-              placeholder="请选择原材料"
-              @change="onItemChange"
-            />
-            <ProductSelect
-              v-else-if="form.itemType === ITEM_TYPE.PRODUCT"
-              v-model="form.itemId"
-              placeholder="请选择产品"
-              @change="onItemChange"
-            />
-            <SemiSelect
-              v-else-if="form.itemType === ITEM_TYPE.SEMI"
-              v-model="form.itemId"
-              placeholder="请选择半成品"
-              @change="onItemChange"
-            />
-            <el-input
-              v-else
-              v-model="form.itemId"
-              placeholder="请输入物品ID"
-            />
-          </el-form-item>
+          <MaterialSelect :itemType.sync="form.itemType" :itemId.sync="form.itemId" @change="onItemChange" />
           <el-form-item label="数量" prop="quantity">
             <el-input v-model="form.quantity" placeholder="请输入数量" />
           </el-form-item>
@@ -249,6 +219,7 @@ import SemiSelect from '@/components/KLPService/SemiSelect';
 import { ITEM_TYPE } from '@/utils/enums';
 import {RawMaterialInfo, ProductInfo} from "@/components/KLPService";
 import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
+import MaterialSelect from '@/components/KLPService/MaterialSelect/index.vue';
 
 export default {
   name: "StockIoDetailPanel",
@@ -259,7 +230,8 @@ export default {
     RawMaterialInfo,
     ProductInfo,
     BomInfoMini,
-    SemiSelect
+    SemiSelect,
+    MaterialSelect
   },
   dicts: ['stock_item_type'],
   props: {