refactor(wms): 使用MaterialSelect组件替换物品类型和物品选择逻辑

将typing.vue、merge.vue和split.vue中的物品类型和物品选择逻辑替换为MaterialSelect组件，简化代码并提高复用性
同时为ProductSelect组件添加width: 100%样式

klp-ui/src/views/wms/coil/typing.vue

@@ -93,7 +93,7 @@
               </el-input>
             </el-form-item>
 
-            <el-form-item label="物品类型" prop="itemType">
+            <!-- <el-form-item label="物品类型" prop="itemType">
               <el-select v-model="updateForm.itemType" placeholder="请选择物品类型" style="width: 100%" :disabled="readonly">
                 <el-option label="原材料" value="raw_material" />
                 <el-option label="产品" value="product" />
@@ -105,7 +105,8 @@
                 :loading="itemSearchLoading" style="width: 100%" :disabled="readonly">
                 <el-option v-for="item in currentItemList" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
-            </el-form-item>
+            </el-form-item> -->
+            <MaterialSelect :hideType="hideType" :itemId.sync="updateForm.itemId" :itemType.sync="updateForm.itemType" />
 
             <el-form-item label="毛重(t)" prop="grossWeight">
               <el-input v-model.number="updateForm.grossWeight" placeholder="请输入毛重" type="number" step="0.01"
@@ -191,11 +192,13 @@ import { listWarehouse } from '@/api/wms/warehouse';
 import { listRawMaterial } from '@/api/wms/rawMaterial';
 import { listProduct } from '@/api/wms/product';
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
+import MaterialSelect from "@/components/KLPService/MaterialSelect";
 
 export default {
   name: 'TypingCoil',
   components: {
-    ActualWarehouseSelect
+    ActualWarehouseSelect,
+    MaterialSelect
   },
   data() {
     return {