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

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

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

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,