feat(线圈统计): 增强线圈统计页面功能并优化展示

添加按实际物料类型分布统计接口支持
新增汇总数据展示区域，显示总卷数及重量统计
优化物料信息展示格式，增加规格和材质信息
重构产品及原材料信息组件，确保字段完整性
移除无用代码并简化统计逻辑

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

@@ -1,21 +1,18 @@
 <template>
   <div>
     <span class="product-name" @click.stop="clickHandle">
-      <slot name="default" :product="product">
-        {{ product && product.productName ? product.productName : '--' }}
+      <slot name="default" :product="productFull">
+        {{ productFull.productName || '--' }}
       </slot>
     </span>
     <el-dialog 
       :visible="showDetail" 
       @close="showDetail = false" 
-      :title="product && product.productName ? product.productName : '--' " 
+      :title="productFull.productName || '--' " 
       width="500px"
       append-to-body
     >
       <el-descriptions :column="1" border>
-        <!-- <el-descriptions-item label="产品ID">
-          {{ product.productId || '--' }}
-        </el-descriptions-item> -->
         <el-descriptions-item label="产品名称">
           {{ product.productName || '--' }}
         </el-descriptions-item>
@@ -71,6 +68,24 @@ export default {
       // product: {},
     };
   },
+  computed: {
+    productFull() {
+      // 完整的product, 确保每个字段都有值
+      if (!this.product) {
+        return {};
+      }
+      return {
+        productId: this.product.productId || '',
+        productName: this.product.productName || '',
+        productCode: this.product.productCode || '',
+        specification: this.product.specification || '',
+        material: this.product.material || '',
+        surfaceTreatment: this.product.surfaceTreatment || '',
+        zincLayer: this.product.zincLayer || '',
+        manufacturer: this.product.manufacturer || '',
+      }
+    }
+  },
   // computed: {
   //   ...mapState({
   //     productMap: state => state.category.productMap