From 9b2de4697740d6222680e88a46271b072576d6df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Tue, 4 Nov 2025 16:31:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor(wms):=20=E4=BD=BF=E7=94=A8MaterialSele?=
 =?UTF-8?q?ct=E7=BB=84=E4=BB=B6=E6=9B=BF=E6=8D=A2=E7=89=A9=E5=93=81?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E5=92=8C=E7=89=A9=E5=93=81=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将typing.vue、merge.vue和split.vue中的物品类型和物品选择逻辑替换为MaterialSelect组件，简化代码并提高复用性
同时为ProductSelect组件添加width: 100%样式
---
 .../KLPService/ProductSelect/index.vue        |  2 +-
 klp-ui/src/views/wms/coil/merge.vue           | 33 +++-------------
 klp-ui/src/views/wms/coil/split.vue           | 38 +++----------------
 klp-ui/src/views/wms/coil/typing.vue          |  9 +++--
 4 files changed, 19 insertions(+), 63 deletions(-)

diff --git a/klp-ui/src/components/KLPService/ProductSelect/index.vue b/klp-ui/src/components/KLPService/ProductSelect/index.vue
index 7bf381b3..1d3d3055 100644
--- a/klp-ui/src/components/KLPService/ProductSelect/index.vue
+++ b/klp-ui/src/components/KLPService/ProductSelect/index.vue
@@ -1,7 +1,7 @@
 <template>
   <span>
     <el-select v-model="selected" :placeholder="placeholder" :disabled="disabled" filterable clearable size="mini"
-      @change="onChange" :value-key="'productId'" :multiple="multiple" collapse-tags>
+      @change="onChange" :value-key="'productId'" :multiple="multiple" collapse-tags style="width: 100%;">
       <template #empty>
         <el-button v-if="canAdd" @click="add" icon="el-icon-plus">未搜索到产品，点击添加</el-button>
         <div v-else style="padding: 10px;">未搜索到产品</div>
diff --git a/klp-ui/src/views/wms/coil/merge.vue b/klp-ui/src/views/wms/coil/merge.vue
index a6c83516..f40c39bc 100644
--- a/klp-ui/src/views/wms/coil/merge.vue
+++ b/klp-ui/src/views/wms/coil/merge.vue
@@ -128,32 +128,9 @@
               <el-form-item label="班组">
                 <el-input v-model="targetCoil.team" placeholder="请输入班组名称" :disabled="readonly"></el-input>
               </el-form-item>
-              <el-form-item label="物品类型">
-                <el-select v-model="targetCoil.itemType" placeholder="请选择" style="width: 100%" :disabled="readonly">
-                  <el-option label="原材料" value="raw_material" />
-                  <el-option label="产品" value="product" />
-                </el-select>
-              </el-form-item>
-              <el-form-item label="物品">
-                <el-select
-                  v-model="targetCoil.itemId"
-                  placeholder="请选择物品"
-                  filterable
-                  remote
-                  :remote-method="searchItems"
-                  :loading="itemSearchLoading"
-                  style="width: 100%"
-                  clearable
-                  :disabled="readonly"
-                >
-                  <el-option
-                    v-for="item in currentItemList"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id"
-                  />
-                </el-select>
-              </el-form-item>
+
+              <MaterialSelect :hideType="hideType" :itemId.sync="targetCoil.itemId" :itemType.sync="targetCoil.itemType" />
+
               <el-form-item label="毛重(t)">
                 <el-input
                   v-model.number="targetCoil.grossWeight"
@@ -230,12 +207,14 @@ import { listProduct } from '@/api/wms/product';
 import { listPendingAction, completeAction } from '@/api/wms/pendingAction';
 import CoilSelector from '@/components/CoilSelector';
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
+import MaterialSelect from "@/components/KLPService/MaterialSelect";
 
 export default {
   name: 'MergeCoil',
   components: {
     CoilSelector,
-    ActualWarehouseSelect
+    ActualWarehouseSelect,
+    MaterialSelect
   },
   data() {
     return {
diff --git a/klp-ui/src/views/wms/coil/split.vue b/klp-ui/src/views/wms/coil/split.vue
index 599fa97f..857aaff5 100644
--- a/klp-ui/src/views/wms/coil/split.vue
+++ b/klp-ui/src/views/wms/coil/split.vue
@@ -114,37 +114,9 @@
                 <el-form-item label="班组" required>
                   <el-input v-model="item.team" placeholder="输入班组名称" :disabled="readonly"></el-input>
                 </el-form-item>
-                <el-form-item label="物品类型" required>
-                  <el-select
-                    v-model="item.itemType"
-                    placeholder="请选择"
-                    style="width: 100%"
-                    @change="handleItemTypeChange(index)"
-                    :disabled="readonly"
-                  >
-                    <el-option label="原材料" value="raw_material" />
-                    <el-option label="产品" value="product" />
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="物品" required>
-                  <el-select
-                    v-model="item.itemId"
-                    placeholder="请选择物品"
-                    filterable
-                    remote
-                    :remote-method="(query) => searchItemsForSplit(query, index)"
-                    :loading="itemSearchLoading"
-                    style="width: 100%"
-                    :disabled="readonly"
-                  >
-                    <el-option
-                      v-for="option in getItemListForSplit(item.itemType)"
-                      :key="option.id"
-                      :label="option.name"
-                      :value="option.id"
-                    />
-                  </el-select>
-                </el-form-item>
+
+                <MaterialSelect :hideType="hideType" :itemId.sync="item.itemId" :itemType.sync="item.itemType" />
+                
                 <el-form-item label="毛重(t)" required>
                   <el-input
                     v-model.number="item.grossWeight"
@@ -222,12 +194,14 @@ import { listRawMaterial } from '@/api/wms/rawMaterial';
 import { listProduct } from '@/api/wms/product';
 import CoilSelector from '@/components/CoilSelector';
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
+import MaterialSelect from "@/components/KLPService/MaterialSelect";
 
 export default {
   name: 'SplitCoil',
   components: {
     CoilSelector,
-    ActualWarehouseSelect
+    ActualWarehouseSelect,
+    MaterialSelect
   },
   data() {
     return {
diff --git a/klp-ui/src/views/wms/coil/typing.vue b/klp-ui/src/views/wms/coil/typing.vue
index 3104232a..919ea723 100644
--- a/klp-ui/src/views/wms/coil/typing.vue
+++ b/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 {