refactor(ui): 优化数据加载逻辑和缓存处理

- 移除不必要的初始化数据加载，保留关键数据请求
- 重构产品/原材料信息组件，改用计算属性替代watch
- 分批加载产品/原材料数据，避免大请求阻塞
- 为数据加载添加loading状态提示
- 优化统计面板数据加载方式，改为顺序请求

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

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-loading="loading" loading-text="加载中...">
     <span class="product-name" @click.stop="clickHandle">
       <slot name="default" :product="product">
         {{ product && product.productName ? product.productName : '--' }}
@@ -67,31 +67,44 @@ export default {
   data() {
     return {
       showDetail: false,
-      product: {},
+      // 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
+    }
   },
   methods: {
     clickHandle() {
       this.showDetail = true;
     }
   },
-  watch: {
-    productId: {
-      handler(newVal) {
-        if (!newVal) {
-          this.product = {};
-        }
-        const res = this.productMap[this.productId] ? this.productMap[this.productId] : {};
-        this.product = res;
-      },
-      immediate: true
-    }
-  }
+  // watch: {
+  //   productId: {
+  //     handler(newVal) {
+  //       if (!newVal) {
+  //         this.product = {};
+  //       }
+  //       const res = this.productMap[newVal.toString()] ? this.productMap[newVal.toString()] : {};
+  //       this.product = res;
+  //     },
+  //     immediate: true
+  //   }
+  // }
 };
 </script>