refactor(组件): 重构产品和原材料选择组件为对话框模式

重构产品选择(RawMaterialSelect)和原材料选择(ProductSelect)组件，将原有的下拉选择模式改为对话框模式
优化组件props处理，将required改为default空对象
新增分页、搜索和表格展示功能，提升用户体验
统一多选和单选模式的操作逻辑

klp-ui/src/components/KLPService/Renderer/ProductInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading" loading-text="加载中...">
+  <div>
     <span class="product-name" @click.stop="clickHandle">
       <slot name="default" :product="product">
         {{ product && product.productName ? product.productName : '--' }}
@@ -58,7 +58,8 @@ export default {
   props: {
     product: {
       type: Object,
-      required: true
+      // required: true,
+      default: () => ({})
     },
   },
   // mounted() {

klp-ui/src/components/KLPService/Renderer/RawMaterialInfo.vue

@@ -44,7 +44,8 @@ export default {
   props: {
     material: {
       type: Object,
-      required: true
+      // required: true,
+      default: () => ({})
     }
   },
   data() {