refactor(组件): 重构产品与原材料信息组件，使用直接传递对象替代ID映射

将ProductInfo和RawMaterialInfo组件从基于ID映射数据改为直接接收product/material对象
移除对vuex state的依赖和相关的计算属性
创建缓存版本组件ProductInfoCache和RawMaterialInfoCache
更新所有使用这些组件的视图文件以传递完整对象

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

@@ -47,47 +47,47 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
-import BomInfo from './BomInfo.vue';
+// import { mapState } from 'vuex';
+// import BomInfo from './BomInfo.vue';
 
 export default {
   name: 'ProductInfo',
-  components: {
-    BomInfo
-  },
+  // components: {
+  //   BomInfo
+  // },
   props: {
-    productId: {
-      type: [String, Number],
+    product: {
+      type: Object,
       required: true
     },
   },
-  mounted() {
-    console.log(this.productId, this.productMap);
-  },
+  // mounted() {
+    // console.log(this.productId, this.productMap);
+  // },
   data() {
     return {
       showDetail: false,
       // product: {},
     };
   },
-  computed: {
-    ...mapState({
-      productMap: state => state.category.productMap
-    }),
-    product() {
-      // 检查 productMap 是否已加载
-      if (!this.productMap || Object.keys(this.productMap).length === 0) {
-        return {};
-      }
-      if (!this.productId) {
-        return {};
-      }
-      return this.productMap[this.productId.toString()] || {};
-    },
-    loading() {
-      return !this.productMap || Object.keys(this.productMap).length === 0
-    }
-  },
+  // computed: {
+  //   ...mapState({
+  //     productMap: state => state.category.productMap
+  //   }),
+  //   product() {
+  //     // 检查 productMap 是否已加载
+  //     if (!this.productMap || Object.keys(this.productMap).length === 0) {
+  //       return {};
+  //     }
+  //     if (!this.productId) {
+  //       return {};
+  //     }
+  //     return this.productMap[this.productId.toString()] || {};
+  //   },
+  //   loading() {
+  //     return !this.productMap || Object.keys(this.productMap).length === 0
+  //   }
+  // },
   methods: {
     clickHandle() {
       this.showDetail = true;