refactor(KLPService): 重构组件目录结构并新增多个表单选择组件

重构KLPService组件目录结构，将原有组件迁移至formItems子目录并新增多个表单选择组件。主要变更包括：
1. 移除CategorySelect组件及相关引用
2. 新增CraftSelect、AmountSelect、VendorSelect等表单组件
3. 优化WarehouseSelect组件支持禁用状态
4. 重构ProductSelect和RawMaterialSelect为卡片式选择器
5. 新增统一导出机制支持按需导入

同时更新相关视图文件以适配新的组件结构，改进代码可维护性和复用性。

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

@@ -164,11 +164,11 @@
                   </el-input>
                 </el-form-item>
                 <el-form-item label="逻辑库区" required>
-                  <el-select v-model="item.warehouseId" placeholder="请选择逻辑库区" style="width: 100%" filterable
-                    :disabled="readonly">
-                    <el-option v-for="warehouse in warehouseList" :key="warehouse.warehouseId"
-                      :label="warehouse.warehouseName" :value="warehouse.warehouseId" />
-                  </el-select>
+                   <WarehouseSelect
+                      v-model="item.warehouseId"
+                      placeholder="请选择逻辑库区"
+                      :disabled="readonly"
+                    />
                 </el-form-item>
                 <el-form-item label="真实库区" required>
                   <ActualWarehouseSelect
@@ -208,6 +208,7 @@ import CoilSelector from '@/components/CoilSelector';
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
 import RawMaterialSelect from "@/components/KLPService/RawMaterialSelect";
 import ProductSelect from "@/components/KLPService/ProductSelect";
+import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 
 export default {
   name: 'SplitCoil',
@@ -216,6 +217,7 @@ export default {
     ActualWarehouseSelect,
     RawMaterialSelect,
     ProductSelect,
+    WarehouseSelect,
   },
   data() {
     return {

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

@@ -159,11 +159,11 @@
             </el-form-item>
 
             <el-form-item label="逻辑库区" prop="warehouseId">
-              <el-select v-model="updateForm.warehouseId" placeholder="请选择逻辑库区" style="width: 100%" filterable
-                :disabled="readonly">
-                <el-option v-for="warehouse in warehouseList" :key="warehouse.warehouseId"
-                  :label="warehouse.warehouseName" :value="warehouse.warehouseId" />
-              </el-select>
+              <WarehouseSelect
+                v-model="updateForm.warehouseId"
+                placeholder="请选择逻辑库区"
+                :disabled="readonly"
+              />
             </el-form-item>
 
             <el-form-item label="真实库区" prop="actualWarehouseId">
@@ -234,6 +234,7 @@ import { listProductWithBom } from '@/api/wms/product';
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
 import RawMaterialSelect from "@/components/KLPService/RawMaterialSelect";
 import ProductSelect from "@/components/KLPService/ProductSelect";
+import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 
 export default {
   name: 'TypingCoil',
@@ -241,6 +242,7 @@ export default {
     ActualWarehouseSelect,
     RawMaterialSelect,
     ProductSelect,
+    WarehouseSelect,
   },
   data() {
     return {

klp-ui/src/views/wms/product/index.vue

@@ -136,8 +136,7 @@
 </template>
 
 <script>
-import { listProduct, getProduct, delProduct, addProduct, updateProduct, addProductWithBom } from "@/api/wms/product";
-import CategorySelect from '@/components/KLPService/CategorySelect';
+import { listProduct, getProduct, delProduct, updateProduct, addProductWithBom } from "@/api/wms/product";
 import CategoryRenderer from '@/components/KLPService/Renderer/CategoryRenderer.vue';
 import UserSelect from '@/components/KLPService/UserSelect';
 // import BomPanel from '../bom/components/BomPanel.vue';
@@ -146,7 +145,6 @@ import UserSelect from '@/components/KLPService/UserSelect';
 export default {
   name: "Product",
   components: {
-    CategorySelect,
     CategoryRenderer,
     UserSelect,
     // BomPanel,

klp-ui/src/views/wms/product/semi.vue

@@ -20,28 +20,6 @@
       <el-form-item label="负责人" prop="salesManager">
         <el-input v-model="queryParams.owner" :multiple="false" placeholder="请填写负责人" />
       </el-form-item>
-      <!-- <el-form-item label="基础材质" prop="baseMaterialId">
-        <CategorySelect v-model="queryParams.baseMaterialId" categoryType="base_material" placeholder="请选择基础材质分类" clearable />
-      </el-form-item>
-      <el-form-item label="表面处理" prop="surfaceTreatmentId">
-        <CategorySelect v-model="queryParams.surfaceTreatmentId" categoryType="surface_treatment" placeholder="请选择表面处理分类" clearable />
-      </el-form-item>
-      <el-form-item label="客户需求" prop="customerReqId">
-        <CategorySelect v-model="queryParams.customerReqId" categoryType="customer_req" placeholder="请选择客户需求分类" clearable />
-      </el-form-item>
-      <el-form-item label="包装方式" prop="packagingId">
-        <CategorySelect v-model="queryParams.packagingId" categoryType="spec_packaging" placeholder="请选择包装分类" clearable />
-      </el-form-item>
-      <el-form-item label="是否启用" prop="isEnabled">
-        <el-select v-model="queryParams.isEnabled" placeholder="请选择是否启用" clearable>
-          <el-option
-            v-for="dict in dict.type.common_swicth"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item> -->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -197,61 +175,6 @@
             </el-form-item>
           </el-col>
         </el-row>
-
-        <!-- <el-divider>分类信息</el-divider>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="基础材质" prop="baseMaterialId">
-              <CategorySelect v-model="form.baseMaterialId" categoryType="base_material" placeholder="请选择基础材质分类" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="表面处理" prop="surfaceTreatmentId">
-              <CategorySelect v-model="form.surfaceTreatmentId" categoryType="surface_treatment" placeholder="请选择表面处理分类" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="客户需求" prop="customerReqId">
-              <CategorySelect v-model="form.customerReqId" categoryType="customer_req" placeholder="请选择客户需求分类" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="包装方式" prop="packagingId">
-              <CategorySelect v-model="form.packagingId" categoryType="spec_packaging" placeholder="请选择包装分类" clearable />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-divider>参数信息</el-divider>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="厚度" prop="thickness">
-              <el-input v-model="form.thickness" placeholder="请输入厚度" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="宽度" prop="width">
-              <el-input v-model="form.width" placeholder="请输入宽度" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="内径" prop="innerDiameter">
-              <el-input v-model="form.innerDiameter" placeholder="请输入内径" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="是否启用" prop="isEnabled">
-              <el-select v-model="form.isEnabled" placeholder="请选择是否启用" clearable>
-                <el-option
-                  v-for="dict in dict.type.common_swicth"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -267,7 +190,6 @@
 
 <script>
 import { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/wms/product";
-import CategorySelect from '@/components/KLPService/CategorySelect';
 import CategoryRenderer from '@/components/KLPService/Renderer/CategoryRenderer.vue';
 import UserSelect from '@/components/KLPService/UserSelect';
 // import BomPanel from '../bom/components/BomPanel.vue';
@@ -276,7 +198,6 @@ import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
 export default {
   name: "Product",
   components: {
-    CategorySelect,
     CategoryRenderer,
     UserSelect,
     // BomPanel,

klp-ui/src/views/wms/rawMaterial/index.vue

@@ -161,27 +161,17 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-
-    <!-- <el-dialog title="参数" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="600px" append-to-body>
-      <BomPanel :id="bomId" type="raw_material" @addBom="handleAddBom" :itemId="itemId" />
-    </el-dialog> -->
   </div>
 </template>
 
 <script>
-import { listRawMaterial, getRawMaterial, delRawMaterial, addRawMaterial, updateRawMaterial, addRawMaterialWithBom } from "@/api/wms/rawMaterial";
-import CategorySelect from "@/components/KLPService/CategorySelect/index.vue";
+import { listRawMaterial, getRawMaterial, delRawMaterial, updateRawMaterial, addRawMaterialWithBom } from "@/api/wms/rawMaterial";
 import CategoryRenderer from '@/components/KLPService/Renderer/CategoryRenderer.vue';
-// import BomPanel from '@/views/wms/bom/components/BomPanel.vue';
-// import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
 
 export default {
   name: "RawMaterial",
   components: {
-    CategorySelect,
     CategoryRenderer,
-    // BomPanel,
-    // BomInfoMini
   },
   dicts: ['common_swicth'],
   data() {