From bb42f9c5b75398126315e0bc0889797bb502bcbd Mon Sep 17 00:00:00 2001
From: Joshi <3040996759@qq.com>
Date: Sat, 26 Jul 2025 10:18:16 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E7=83=AD=E9=97=A8=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E9=94=80=E5=94=AE=E7=9C=8B=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/api/wms/productSalesScript.js      |  17 ++
 .../wms/order/components/HotProducts.vue      | 165 ++++++++++++++++++
 klp-ui/src/views/wms/order/dashboard.vue      |  10 ++
 .../views/wms/productSalesScript/index.vue    |  18 +-
 .../WmsProductSalesScriptController.java      |  28 +++
 .../klp/controller/WmsStockIoController.java  |   3 -
 .../klp/domain/vo/DashboardOverviewVO.java    |  31 ++++
 .../java/com/klp/domain/vo/HotProductVO.java  |  38 ++++
 .../IWmsProductSalesScriptService.java        |   5 +
 .../WmsProductSalesScriptServiceImpl.java     |  47 +++++
 .../service/impl/WmsProductServiceImpl.java   |   5 +
 11 files changed, 363 insertions(+), 4 deletions(-)
 create mode 100644 klp-ui/src/views/wms/order/components/HotProducts.vue
 create mode 100644 klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java

diff --git a/klp-ui/src/api/wms/productSalesScript.js b/klp-ui/src/api/wms/productSalesScript.js
index 738b156d..9cb4fa94 100644
--- a/klp-ui/src/api/wms/productSalesScript.js
+++ b/klp-ui/src/api/wms/productSalesScript.js
@@ -42,3 +42,20 @@ export function delProductSalesScript(scriptId) {
     method: 'delete'
   })
 }
+
+// 记录话术访问频率
+export function recordVisit(productId) {
+  return request({
+    url: '/klp/productSalesScript/recordVisit/' + productId,
+    method: 'post'
+  })
+}
+
+// 获取热门产品排行
+export function getHotProducts(limit = 10) {
+  return request({
+    url: '/klp/productSalesScript/hotProducts',
+    method: 'get',
+    params: { limit }
+  })
+}
diff --git a/klp-ui/src/views/wms/order/components/HotProducts.vue b/klp-ui/src/views/wms/order/components/HotProducts.vue
new file mode 100644
index 00000000..20401239
--- /dev/null
+++ b/klp-ui/src/views/wms/order/components/HotProducts.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="hot-products-chart">
+    <el-card shadow="hover">
+      <div v-if="!hotProducts || hotProducts.length === 0" class="no-data-placeholder">
+        暂无热门产品数据
+      </div>
+      <div v-show="hotProducts && hotProducts.length > 0" ref="chart" class="chart-container"></div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+
+export default {
+  name: 'HotProducts',
+  props: {
+    hotProducts: {
+      type: Array,
+      required: true,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      chartInstance: null
+    }
+  },
+  watch: {
+    hotProducts: {
+      deep: true,
+      handler(newVal) {
+        if (newVal && newVal.length > 0) {
+          this.$nextTick(() => {
+            this.renderChart(newVal)
+          })
+        }
+      }
+    }
+  },
+  mounted() {
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    if (this.chartInstance) {
+      this.chartInstance.dispose()
+      this.chartInstance = null
+    }
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    renderChart(data) {
+      const chartDom = this.$refs.chart
+      if (!chartDom) return
+
+      if (!this.chartInstance) {
+        this.chartInstance = echarts.init(chartDom)
+      }
+
+      this.chartInstance.resize()
+
+      const productNames = data.map(item => item.productName)
+      const visitCounts = data.map(item => item.visitCount)
+
+      const option = {
+        title: {
+          text: '热门产品排行（访问频率）',
+          left: 'center',
+          textStyle: {
+            color: '#333',
+            fontWeight: 'bold',
+            fontSize: 18
+          }
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          },
+          formatter: function(params) {
+            const data = params[0]
+            const rank = data.dataIndex + 1
+            return `${rank}. ${data.name}<br/>访问次数: ${data.value}次`
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          data: productNames,
+          axisLabel: {
+            interval: 0,
+            rotate: 30,
+            color: '#666'
+          }
+        },
+        yAxis: {
+          type: 'value',
+          axisLine: {
+            show: true
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        series: [
+          {
+            name: '访问次数',
+            type: 'bar',
+            data: visitCounts,
+            barWidth: '60%',
+            label: {
+              show: true,
+              position: 'top',
+              color: '#333',
+              formatter: function(params) {
+                return params.value + '次'
+              }
+            },
+            itemStyle: {
+              color: function(params) {
+                const colors = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7', '#DDA0DD', '#98D8C8', '#F7DC6F', '#BB8FCE', '#85C1E9']
+                return colors[params.dataIndex % colors.length]
+              }
+            }
+          }
+        ]
+      }
+
+      this.chartInstance.setOption(option)
+    },
+    handleResize() {
+      if (this.chartInstance) {
+        this.chartInstance.resize()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hot-products-chart {
+  height: 400px;
+}
+
+.chart-container {
+  height: 350px;
+}
+
+.no-data-placeholder {
+  height: 350px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 14px;
+}
+</style> 
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/order/dashboard.vue b/klp-ui/src/views/wms/order/dashboard.vue
index 3413ceac..b0ad4b00 100644
--- a/klp-ui/src/views/wms/order/dashboard.vue
+++ b/klp-ui/src/views/wms/order/dashboard.vue
@@ -28,6 +28,12 @@
         <CustomerRegion :customer-data="customerClusterData" />
       </el-col>
     </el-row>
+    <!-- 第二行图表 -->
+    <el-row :gutter="20" class="chart-row">
+      <el-col :span="12">
+        <HotProducts :hot-products="hotProductsData" />
+      </el-col>
+    </el-row>
     <!-- 定时刷新设置抽屉 -->
     <el-drawer
       title="定时刷新设置"
@@ -56,6 +62,7 @@ import OrderSummary from './components/OrderSummary.vue'
 import OrderCompletion from './components/OrderCompletion.vue'
 import ProductSales from './components/ProductSales.vue'
 import CustomerRegion from './components/CustomerRegion.vue'
+import HotProducts from './components/HotProducts.vue'
 import { getDashboardData } from '@/api/wms/order'
 
 export default {
@@ -65,6 +72,7 @@ export default {
     OrderCompletion,
     ProductSales,
     CustomerRegion,
+    HotProducts,
   },
   data() {
     return {
@@ -75,6 +83,7 @@ export default {
       },
       productSalesData: [],
       customerClusterData: [],
+      hotProductsData: [],
       // 新增定时刷新相关数据
       drawerVisible: false,
       autoRefresh: false,
@@ -105,6 +114,7 @@ export default {
         }
         this.productSalesData = data.productRank
         this.customerClusterData = data.customerRegion
+        this.hotProductsData = data.hotProducts || []
         this.materialAnalysisData = {
           categories: data.orderMaterial.map(item => item.materialName),
           usageFrequency: data.orderMaterial.map(item => item.usedCount),
diff --git a/klp-ui/src/views/wms/productSalesScript/index.vue b/klp-ui/src/views/wms/productSalesScript/index.vue
index fc57f4fb..f7fc36f4 100644
--- a/klp-ui/src/views/wms/productSalesScript/index.vue
+++ b/klp-ui/src/views/wms/productSalesScript/index.vue
@@ -119,7 +119,7 @@
 
 
 <script>
-import { listProductSalesScript, getProductSalesScript, delProductSalesScript, addProductSalesScript, updateProductSalesScript } from "@/api/wms/productSalesScript";
+import { listProductSalesScript, getProductSalesScript, delProductSalesScript, addProductSalesScript, updateProductSalesScript, recordVisit } from "@/api/wms/productSalesScript";
 import ProductSelect from '@/components/KLPService/ProductSelect';
 import VditorEditor from '@/components/VditorEditor.vue';
 
@@ -269,6 +269,22 @@ export default {
         this.title = "修改产品销售话术";
       });
     },
+    /** 查看按钮操作 */
+    handleView(row) {
+      this.reset();
+      const scriptId = row.scriptId || this.ids
+      getProductSalesScript(scriptId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "查看产品销售话术";
+      });
+      // 记录访问频率
+      if (row.productId) {
+        recordVisit(row.productId).catch(err => {
+          console.warn('记录访问频率失败:', err);
+        });
+      }
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
diff --git a/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java b/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
index 42cb30dd..8e8a0eb5 100644
--- a/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
+++ b/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
@@ -22,6 +22,9 @@ import com.klp.domain.vo.WmsProductSalesScriptVo;
 import com.klp.domain.bo.WmsProductSalesScriptBo;
 import com.klp.service.IWmsProductSalesScriptService;
 import com.klp.common.core.page.TableDataInfo;
+import com.klp.common.utils.redis.RedisUtils;
+import java.time.Duration;
+import com.klp.domain.vo.HotProductVO;
 
 /**
  * 产品销售话术
@@ -97,4 +100,29 @@ public class WmsProductSalesScriptController extends BaseController {
                           @PathVariable Long[] scriptIds) {
         return toAjax(iWmsProductSalesScriptService.deleteWithValidByIds(Arrays.asList(scriptIds), true));
     }
+
+    /**
+     * 记录话术访问频率
+     *
+     * @param productId 产品ID
+     */
+    @PostMapping("/recordVisit/{productId}")
+    public R<Void> recordVisit(@NotNull(message = "产品ID不能为空") @PathVariable Long productId) {
+        String key = "product:visit:frequency:" + productId;
+        // 原子递增访问次数，设置7天过期时间
+        long count = RedisUtils.incrAtomicValue(key);
+        if (count == 1) {
+            // 第一次访问时设置过期时间
+            RedisUtils.expire(key, Duration.ofDays(7));
+        }
+        return R.ok();
+    }
+
+    /**
+     * 获取热门产品排行（基于访问频率）
+     */
+    @GetMapping("/hotProducts")
+    public R<List<HotProductVO>> getHotProducts(@RequestParam(defaultValue = "10") Integer limit) {
+        return R.ok(iWmsProductSalesScriptService.getHotProducts(limit));
+    }
 }
diff --git a/klp-wms/src/main/java/com/klp/controller/WmsStockIoController.java b/klp-wms/src/main/java/com/klp/controller/WmsStockIoController.java
index 4f016506..2ec2d9cb 100644
--- a/klp-wms/src/main/java/com/klp/controller/WmsStockIoController.java
+++ b/klp-wms/src/main/java/com/klp/controller/WmsStockIoController.java
@@ -155,9 +155,6 @@ public class WmsStockIoController extends BaseController {
      * 扫码枪专用：根据明细ID直接入库，无需审核整单
      */
     @PostMapping("/scanInStock")
-    /**
-     * 扫码枪专用：根据传入明细参数直接入库，无需审核整单
-     */
     public R<Void> scanInStock(@RequestBody WmsStockIoDetailBo bo) {
         try {
             boolean result = iWmsStockIoService.scanInStockByBo(bo);
diff --git a/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java b/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
index 10cc8ba5..85e90c0f 100644
--- a/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
+++ b/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
@@ -3,11 +3,42 @@ package com.klp.domain.vo;
 import lombok.Data;
 import java.util.List;
 
+/**
+ * 数据看板概览视图对象
+ *
+ * @author klp
+ * @date 2025-01-27
+ */
 @Data
 public class DashboardOverviewVO {
+    
+    /**
+     * 订单汇总
+     */
     private OrderSummaryVO orderSummary;
+    
+    /**
+     * 销售经理饼图
+     */
     private List<SalesManagerPieVO> salesManagerPie;
+    
+    /**
+     * 产品销量排行
+     */
     private List<ProductRankVO> productRank;
+    
+    /**
+     * 订单物料分析
+     */
     private List<OrderMaterialVO> orderMaterial;
+    
+    /**
+     * 客户分布
+     */
     private List<CustomerRegionVO> customerRegion;
+    
+    /**
+     * 热门产品排行（基于访问频率）
+     */
+    private List<HotProductVO> hotProducts;
 }
diff --git a/klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java b/klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java
new file mode 100644
index 00000000..f6874003
--- /dev/null
+++ b/klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java
@@ -0,0 +1,38 @@
+package com.klp.domain.vo;
+
+import lombok.Data;
+
+/**
+ * 热门产品视图对象
+ *
+ * @author klp
+ * @date 2025-01-27
+ */
+@Data
+public class HotProductVO {
+    
+    /**
+     * 产品ID
+     */
+    private Long productId;
+    
+    /**
+     * 产品名称
+     */
+    private String productName;
+    
+    /**
+     * 产品编号
+     */
+    private String productCode;
+    
+    /**
+     * 访问次数
+     */
+    private Long visitCount;
+    
+    /**
+     * 排名
+     */
+    private Integer rank;
+} 
\ No newline at end of file
diff --git a/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java b/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
index b49f56c2..42e446f8 100644
--- a/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
+++ b/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
@@ -5,6 +5,7 @@ import com.klp.domain.vo.WmsProductSalesScriptVo;
 import com.klp.domain.bo.WmsProductSalesScriptBo;
 import com.klp.common.core.page.TableDataInfo;
 import com.klp.common.core.domain.PageQuery;
+import com.klp.domain.vo.HotProductVO;
 
 import java.util.Collection;
 import java.util.List;
@@ -47,4 +48,8 @@ public interface IWmsProductSalesScriptService {
      */
     Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid);
 
+    /**
+     * 获取热门产品排行（基于访问频率）
+     */
+    List<HotProductVO> getHotProducts(Integer limit);
 }
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
index b93fa3c6..542d82e4 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
@@ -14,6 +14,12 @@ import com.klp.domain.vo.WmsProductSalesScriptVo;
 import com.klp.domain.WmsProductSalesScript;
 import com.klp.mapper.WmsProductSalesScriptMapper;
 import com.klp.service.IWmsProductSalesScriptService;
+import com.klp.domain.vo.HotProductVO;
+import com.klp.common.utils.redis.RedisUtils;
+import java.util.stream.Collectors;
+import java.util.Comparator;
+import com.klp.domain.WmsProduct;
+import com.klp.mapper.WmsProductMapper;
 
 import java.util.List;
 import java.util.Map;
@@ -30,6 +36,7 @@ import java.util.Collection;
 public class WmsProductSalesScriptServiceImpl implements IWmsProductSalesScriptService {
 
     private final WmsProductSalesScriptMapper baseMapper;
+    private final WmsProductMapper wmsProductMapper;
 
     /**
      * 查询产品销售话术
@@ -117,4 +124,44 @@ public class WmsProductSalesScriptServiceImpl implements IWmsProductSalesScriptS
         }
         return baseMapper.deleteBatchIds(ids) > 0;
     }
+
+    /**
+     * 获取热门产品排行（基于访问频率）
+     */
+    @Override
+    public List<HotProductVO> getHotProducts(Integer limit) {
+        // 获取所有产品访问频率的key
+        Collection<String> keys = RedisUtils.keys("product:visit:frequency:*");
+        
+        List<HotProductVO> hotProducts = keys.stream()
+            .map(key -> {
+                String productIdStr = key.replace("product:visit:frequency:", "");
+                Long productId = Long.valueOf(productIdStr);
+                Long visitCount = RedisUtils.getAtomicValue(key);
+                
+                // 查询产品信息
+                WmsProduct product = wmsProductMapper.selectById(productId);
+                if (product == null) {
+                    return null;
+                }
+                
+                HotProductVO vo = new HotProductVO();
+                vo.setProductId(productId);
+                vo.setProductName(product.getProductName());
+                vo.setProductCode(product.getProductCode());
+                vo.setVisitCount(visitCount);
+                return vo;
+            })
+            .filter(vo -> vo != null)
+            .sorted(Comparator.comparing(HotProductVO::getVisitCount).reversed())
+            .limit(limit)
+            .collect(Collectors.toList());
+        
+        // 设置排名
+        for (int i = 0; i < hotProducts.size(); i++) {
+            hotProducts.get(i).setRank(i + 1);
+        }
+        
+        return hotProducts;
+    }
 }
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
index 9d276bc4..bc43cf99 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
@@ -16,6 +16,8 @@ import com.klp.domain.WmsProduct;
 import com.klp.mapper.WmsProductMapper;
 import com.klp.service.IWmsProductService;
 import com.klp.domain.vo.OrderSummaryVO;
+import com.klp.domain.vo.HotProductVO;
+import com.klp.service.IWmsProductSalesScriptService;
 
 import java.util.List;
 import java.util.Map;
@@ -32,6 +34,7 @@ import java.util.Collection;
 public class WmsProductServiceImpl implements IWmsProductService {
 
     private final WmsProductMapper baseMapper;
+    private final IWmsProductSalesScriptService iWmsProductSalesScriptService;
 
     /**
      * 查询产品
@@ -149,6 +152,8 @@ public class WmsProductServiceImpl implements IWmsProductService {
         vo.setProductRank(baseMapper.selectProductRank());
         vo.setOrderMaterial(baseMapper.selectOrderMaterial());
         vo.setCustomerRegion(baseMapper.selectCustomerRegion());
+        // 添加热门产品数据
+        vo.setHotProducts(iWmsProductSalesScriptService.getHotProducts(10));
         return vo;
     }
 }

From 71bff8ea535d7eba6d1dbf20f20e4949e83d9bca Mon Sep 17 00:00:00 2001
From: JR <3573153686@qq.com>
Date: Sat, 26 Jul 2025 11:16:29 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81=E7=83=AD=E5=BA=A6=E6=8E=92=E8=A1=8C=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WmsProductSalesScriptController.java      |  39 +++----
 .../klp/domain/vo/DashboardOverviewVO.java    |  15 +--
 ...otProductVO.java => ProductRankingVo.java} |  28 ++---
 .../IWmsProductSalesScriptService.java        |  12 +-
 .../WmsProductSalesScriptServiceImpl.java     | 103 +++++++++++-------
 .../service/impl/WmsProductServiceImpl.java   |   5 -
 6 files changed, 103 insertions(+), 99 deletions(-)
 rename klp-wms/src/main/java/com/klp/domain/vo/{HotProductVO.java => ProductRankingVo.java} (68%)

diff --git a/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java b/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
index 8e8a0eb5..e9b4a0c7 100644
--- a/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
+++ b/klp-wms/src/main/java/com/klp/controller/WmsProductSalesScriptController.java
@@ -6,7 +6,7 @@ import java.util.Arrays;
 import lombok.RequiredArgsConstructor;
 import javax.servlet.http.HttpServletResponse;
 import javax.validation.constraints.*;
-import cn.dev33.satoken.annotation.SaCheckPermission;
+
 import org.springframework.web.bind.annotation.*;
 import org.springframework.validation.annotation.Validated;
 import com.klp.common.annotation.RepeatSubmit;
@@ -24,7 +24,7 @@ import com.klp.service.IWmsProductSalesScriptService;
 import com.klp.common.core.page.TableDataInfo;
 import com.klp.common.utils.redis.RedisUtils;
 import java.time.Duration;
-import com.klp.domain.vo.HotProductVO;
+import com.klp.domain.vo.ProductRankingVo;
 
 /**
  * 产品销售话术
@@ -66,7 +66,14 @@ public class WmsProductSalesScriptController extends BaseController {
     @GetMapping("/{scriptId}")
     public R<WmsProductSalesScriptVo> getInfo(@NotNull(message = "主键不能为空")
                                      @PathVariable Long scriptId) {
-        return R.ok(iWmsProductSalesScriptService.queryById(scriptId));
+        WmsProductSalesScriptVo vo = iWmsProductSalesScriptService.queryById(scriptId);
+        
+        // 记录产品访问次数到Redis
+        if (vo != null && vo.getProductId() != null) {
+            iWmsProductSalesScriptService.recordProductViewCount(vo.getProductId());
+        }
+        
+        return R.ok(vo);
     }
 
     /**
@@ -102,27 +109,11 @@ public class WmsProductSalesScriptController extends BaseController {
     }
 
     /**
-     * 记录话术访问频率
-     *
-     * @param productId 产品ID
+     * 获取产品咨询热度排行
      */
-    @PostMapping("/recordVisit/{productId}")
-    public R<Void> recordVisit(@NotNull(message = "产品ID不能为空") @PathVariable Long productId) {
-        String key = "product:visit:frequency:" + productId;
-        // 原子递增访问次数，设置7天过期时间
-        long count = RedisUtils.incrAtomicValue(key);
-        if (count == 1) {
-            // 第一次访问时设置过期时间
-            RedisUtils.expire(key, Duration.ofDays(7));
-        }
-        return R.ok();
-    }
-
-    /**
-     * 获取热门产品排行（基于访问频率）
-     */
-    @GetMapping("/hotProducts")
-    public R<List<HotProductVO>> getHotProducts(@RequestParam(defaultValue = "10") Integer limit) {
-        return R.ok(iWmsProductSalesScriptService.getHotProducts(limit));
+    @GetMapping("/dashboard/ranking")
+    public R<List<ProductRankingVo>> getProductRanking() {
+        List<ProductRankingVo> ranking = iWmsProductSalesScriptService.getProductRanking();
+        return R.ok(ranking);
     }
 }
diff --git a/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java b/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
index 85e90c0f..d7b4405a 100644
--- a/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
+++ b/klp-wms/src/main/java/com/klp/domain/vo/DashboardOverviewVO.java
@@ -11,34 +11,29 @@ import java.util.List;
  */
 @Data
 public class DashboardOverviewVO {
-    
+
     /**
      * 订单汇总
      */
     private OrderSummaryVO orderSummary;
-    
+
     /**
      * 销售经理饼图
      */
     private List<SalesManagerPieVO> salesManagerPie;
-    
+
     /**
      * 产品销量排行
      */
     private List<ProductRankVO> productRank;
-    
+
     /**
      * 订单物料分析
      */
     private List<OrderMaterialVO> orderMaterial;
-    
+
     /**
      * 客户分布
      */
     private List<CustomerRegionVO> customerRegion;
-    
-    /**
-     * 热门产品排行（基于访问频率）
-     */
-    private List<HotProductVO> hotProducts;
 }
diff --git a/klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java b/klp-wms/src/main/java/com/klp/domain/vo/ProductRankingVo.java
similarity index 68%
rename from klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java
rename to klp-wms/src/main/java/com/klp/domain/vo/ProductRankingVo.java
index f6874003..02c45a54 100644
--- a/klp-wms/src/main/java/com/klp/domain/vo/HotProductVO.java
+++ b/klp-wms/src/main/java/com/klp/domain/vo/ProductRankingVo.java
@@ -3,36 +3,36 @@ package com.klp.domain.vo;
 import lombok.Data;
 
 /**
- * 热门产品视图对象
+ * 产品咨询热度排行视图对象
  *
  * @author klp
- * @date 2025-01-27
+ * @date 2025-07-24
  */
 @Data
-public class HotProductVO {
-    
+public class ProductRankingVo {
+
     /**
      * 产品ID
      */
     private Long productId;
-    
-    /**
-     * 产品名称
-     */
-    private String productName;
-    
+
     /**
      * 产品编号
      */
     private String productCode;
-    
+
+    /**
+     * 产品名称
+     */
+    private String productName;
+
     /**
      * 访问次数
      */
-    private Long visitCount;
-    
+    private Long viewCount;
+
     /**
      * 排名
      */
-    private Integer rank;
+    private Integer ranking;
 } 
\ No newline at end of file
diff --git a/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java b/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
index 42e446f8..4d47bf66 100644
--- a/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
+++ b/klp-wms/src/main/java/com/klp/service/IWmsProductSalesScriptService.java
@@ -1,11 +1,10 @@
 package com.klp.service;
 
-import com.klp.domain.WmsProductSalesScript;
 import com.klp.domain.vo.WmsProductSalesScriptVo;
 import com.klp.domain.bo.WmsProductSalesScriptBo;
 import com.klp.common.core.page.TableDataInfo;
 import com.klp.common.core.domain.PageQuery;
-import com.klp.domain.vo.HotProductVO;
+import com.klp.domain.vo.ProductRankingVo;
 
 import java.util.Collection;
 import java.util.List;
@@ -49,7 +48,12 @@ public interface IWmsProductSalesScriptService {
     Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid);
 
     /**
-     * 获取热门产品排行（基于访问频率）
+     * 记录产品访问次数
      */
-    List<HotProductVO> getHotProducts(Integer limit);
+    void recordProductViewCount(Long productId);
+
+    /**
+     * 获取产品咨询热度排行
+     */
+    List<ProductRankingVo> getProductRanking();
 }
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
index 542d82e4..84db4bff 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsProductSalesScriptServiceImpl.java
@@ -7,6 +7,8 @@ import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
 import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
 import com.baomidou.mybatisplus.core.toolkit.Wrappers;
 import com.klp.common.utils.StringUtils;
+import com.klp.domain.WmsProduct;
+import com.klp.mapper.WmsProductMapper;
 import lombok.RequiredArgsConstructor;
 import org.springframework.stereotype.Service;
 import com.klp.domain.bo.WmsProductSalesScriptBo;
@@ -14,16 +16,16 @@ import com.klp.domain.vo.WmsProductSalesScriptVo;
 import com.klp.domain.WmsProductSalesScript;
 import com.klp.mapper.WmsProductSalesScriptMapper;
 import com.klp.service.IWmsProductSalesScriptService;
-import com.klp.domain.vo.HotProductVO;
+import com.klp.domain.vo.ProductRankingVo;
 import com.klp.common.utils.redis.RedisUtils;
-import java.util.stream.Collectors;
-import java.util.Comparator;
-import com.klp.domain.WmsProduct;
-import com.klp.mapper.WmsProductMapper;
+import java.util.ArrayList;
 
 import java.util.List;
 import java.util.Map;
 import java.util.Collection;
+import org.redisson.api.RScoredSortedSet;
+
+import javax.annotation.Resource;
 
 /**
  * 产品销售话术Service业务层处理
@@ -36,7 +38,9 @@ import java.util.Collection;
 public class WmsProductSalesScriptServiceImpl implements IWmsProductSalesScriptService {
 
     private final WmsProductSalesScriptMapper baseMapper;
-    private final WmsProductMapper wmsProductMapper;
+
+    @Resource
+    private WmsProductMapper wmsProductMapper;
 
     /**
      * 查询产品销售话术
@@ -125,43 +129,58 @@ public class WmsProductSalesScriptServiceImpl implements IWmsProductSalesScriptS
         return baseMapper.deleteBatchIds(ids) > 0;
     }
 
-    /**
-     * 获取热门产品排行（基于访问频率）
-     */
     @Override
-    public List<HotProductVO> getHotProducts(Integer limit) {
-        // 获取所有产品访问频率的key
-        Collection<String> keys = RedisUtils.keys("product:visit:frequency:*");
-        
-        List<HotProductVO> hotProducts = keys.stream()
-            .map(key -> {
-                String productIdStr = key.replace("product:visit:frequency:", "");
-                Long productId = Long.valueOf(productIdStr);
-                Long visitCount = RedisUtils.getAtomicValue(key);
-                
-                // 查询产品信息
-                WmsProduct product = wmsProductMapper.selectById(productId);
-                if (product == null) {
-                    return null;
-                }
-                
-                HotProductVO vo = new HotProductVO();
-                vo.setProductId(productId);
-                vo.setProductName(product.getProductName());
-                vo.setProductCode(product.getProductCode());
-                vo.setVisitCount(visitCount);
-                return vo;
-            })
-            .filter(vo -> vo != null)
-            .sorted(Comparator.comparing(HotProductVO::getVisitCount).reversed())
-            .limit(limit)
-            .collect(Collectors.toList());
-        
-        // 设置排名
-        for (int i = 0; i < hotProducts.size(); i++) {
-            hotProducts.get(i).setRank(i + 1);
+    public void recordProductViewCount(Long productId) {
+        String countKey = "product:view:count:" + productId;
+        String rankingKey = "product:view:ranking";
+
+        // 计数器+1（使用原子操作）
+        RedisUtils.incrAtomicValue(countKey);
+
+        // 设置计数器过期时间为1天
+        RedisUtils.expire(countKey, 24 * 60 * 60);
+
+        // 更新排行榜（使用ZSet操作）
+        RScoredSortedSet<String> zSet = RedisUtils.getClient().getScoredSortedSet(rankingKey);
+        zSet.addScore(productId.toString(), 1);
+
+        // 设置排行榜过期时间为1天
+        RedisUtils.expire(rankingKey, 24 * 60 * 60);
+    }
+
+    @Override
+    public List<ProductRankingVo> getProductRanking() {
+        String rankingKey = "product:view:ranking";
+
+        // 获取排行榜前10名（按访问次数降序）
+        RScoredSortedSet<String> zSet = RedisUtils.getClient().getScoredSortedSet(rankingKey);
+
+        List<ProductRankingVo> rankingList = new ArrayList<>();
+        int rank = 1;
+
+        // 获取前10名的产品ID和分数
+        Collection<String> topProducts = zSet.valueRangeReversed(0, 9);
+
+        for (String productIdStr : topProducts) {
+            Long productId = Long.valueOf(productIdStr);
+            Double score = zSet.getScore(productIdStr);
+            Long viewCount = score != null ? score.longValue() : 0L;
+
+            ProductRankingVo vo = new ProductRankingVo();
+            vo.setProductId(productId);
+            vo.setViewCount(viewCount);
+            vo.setRanking(rank++);
+
+             //补充产品基础信息（这里需要注入ProductMapper）
+             WmsProduct product = wmsProductMapper.selectById(productId);
+             if (product != null) {
+                 vo.setProductCode(product.getProductCode());
+                 vo.setProductName(product.getProductName());
+             }
+
+            rankingList.add(vo);
         }
-        
-        return hotProducts;
+
+        return rankingList;
     }
 }
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
index bc43cf99..9d276bc4 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsProductServiceImpl.java
@@ -16,8 +16,6 @@ import com.klp.domain.WmsProduct;
 import com.klp.mapper.WmsProductMapper;
 import com.klp.service.IWmsProductService;
 import com.klp.domain.vo.OrderSummaryVO;
-import com.klp.domain.vo.HotProductVO;
-import com.klp.service.IWmsProductSalesScriptService;
 
 import java.util.List;
 import java.util.Map;
@@ -34,7 +32,6 @@ import java.util.Collection;
 public class WmsProductServiceImpl implements IWmsProductService {
 
     private final WmsProductMapper baseMapper;
-    private final IWmsProductSalesScriptService iWmsProductSalesScriptService;
 
     /**
      * 查询产品
@@ -152,8 +149,6 @@ public class WmsProductServiceImpl implements IWmsProductService {
         vo.setProductRank(baseMapper.selectProductRank());
         vo.setOrderMaterial(baseMapper.selectOrderMaterial());
         vo.setCustomerRegion(baseMapper.selectCustomerRegion());
-        // 添加热门产品数据
-        vo.setHotProducts(iWmsProductSalesScriptService.getHotProducts(10));
         return vo;
     }
 }

From cf6c7788f57238bd3ca44d0069bd1561083c8d97 Mon Sep 17 00:00:00 2001
From: Joshi <3040996759@qq.com>
Date: Sat, 26 Jul 2025 11:33:06 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E7=83=AD=E9=97=A8=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/api/wms/productSalesScript.js      |  32 +-
 klp-ui/src/views/wms/hotProduct/index.vue     | 619 ++++++++++++++++++
 .../wms/order/components/HotProducts.vue      | 165 -----
 klp-ui/src/views/wms/order/dashboard.vue      |  10 -
 .../views/wms/productSalesScript/index.vue    |  18 +-
 5 files changed, 640 insertions(+), 204 deletions(-)
 create mode 100644 klp-ui/src/views/wms/hotProduct/index.vue
 delete mode 100644 klp-ui/src/views/wms/order/components/HotProducts.vue

diff --git a/klp-ui/src/api/wms/productSalesScript.js b/klp-ui/src/api/wms/productSalesScript.js
index 9cb4fa94..f322d3d4 100644
--- a/klp-ui/src/api/wms/productSalesScript.js
+++ b/klp-ui/src/api/wms/productSalesScript.js
@@ -43,19 +43,27 @@ export function delProductSalesScript(scriptId) {
   })
 }
 
-// 记录话术访问频率
-export function recordVisit(productId) {
-  return request({
-    url: '/klp/productSalesScript/recordVisit/' + productId,
-    method: 'post'
-  })
-}
+// // 记录话术访问频率
+// export function recordVisit(productId) {
+//   return request({
+//     url: '/klp/productSalesScript/recordVisit/' + productId,
+//     method: 'post'
+//   })
+// }
 
-// 获取热门产品排行
-export function getHotProducts(limit = 10) {
+// // 获取热门产品排行
+// export function getHotProducts(limit = 10) {
+//   return request({
+//     url: '/klp/productSalesScript/hotProducts',
+//     method: 'get',
+//     params: { limit }
+//   })
+// }
+
+// 获取产品咨询热度排行
+export function getProductRanking() {
   return request({
-    url: '/klp/productSalesScript/hotProducts',
-    method: 'get',
-    params: { limit }
+    url: '/klp/productSalesScript/dashboard/ranking',
+    method: 'get'
   })
 }
diff --git a/klp-ui/src/views/wms/hotProduct/index.vue b/klp-ui/src/views/wms/hotProduct/index.vue
new file mode 100644
index 00000000..13771f86
--- /dev/null
+++ b/klp-ui/src/views/wms/hotProduct/index.vue
@@ -0,0 +1,619 @@
+<template>
+  <div class="hot-product-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">
+        <i class="el-icon-trophy"></i>
+        热门产品排行
+      </h2>
+      <div class="page-subtitle">基于产品咨询访问频率的热门产品分析</div>
+    </div>
+
+    <!-- 统计卡片 -->
+    <el-row :gutter="20" class="statistics-row">
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-content">
+            <div class="stat-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+              <i class="el-icon-view"></i>
+            </div>
+            <div class="stat-info">
+              <div class="stat-number">{{ totalViews }}</div>
+              <div class="stat-label">总访问量</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-content">
+            <div class="stat-icon" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
+              <i class="el-icon-goods"></i>
+            </div>
+            <div class="stat-info">
+              <div class="stat-number">{{ totalProducts }}</div>
+              <div class="stat-label">热门产品数</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-content">
+            <div class="stat-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
+              <i class="el-icon-star-on"></i>
+            </div>
+            <div class="stat-info">
+              <div class="stat-number">{{ avgViews }}</div>
+              <div class="stat-label">平均访问量</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-content">
+            <div class="stat-icon" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
+              <i class="el-icon-trend-charts"></i>
+            </div>
+            <div class="stat-info">
+              <div class="stat-number">{{ maxViews }}</div>
+              <div class="stat-label">最高访问量</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 主要内容区域 -->
+    <el-row :gutter="20" class="main-content">
+      <!-- 左侧：排行榜 -->
+      <el-col :span="16">
+        <el-card shadow="hover" class="ranking-card">
+          <div slot="header" class="card-header">
+            <span class="header-title">
+              <i class="el-icon-medal"></i>
+              产品咨询热度排行榜
+            </span>
+            <div class="header-actions">
+              <el-button type="text" @click="refreshData" :loading="loading">
+                <i class="el-icon-refresh"></i>
+                刷新
+              </el-button>
+              <el-button type="text" @click="exportData">
+                <i class="el-icon-download"></i>
+                导出
+              </el-button>
+            </div>
+          </div>
+          
+          <div class="ranking-list">
+            <div 
+              v-for="(item, index) in productRanking" 
+              :key="item.productId" 
+              class="ranking-item"
+              :class="{ 'top-three': index < 3 }"
+            >
+              <div class="ranking-number" :class="`rank-${index + 1}`">
+                {{ item.ranking }}
+              </div>
+              <div class="product-info">
+                <div class="product-name">{{ item.productName }}</div>
+                <div class="product-code">{{ item.productCode }}</div>
+              </div>
+              <div class="view-count">
+                <div class="count-number">{{ item.viewCount }}</div>
+                <div class="count-label">次访问</div>
+              </div>
+              <div class="trend-indicator">
+                <i class="el-icon-arrow-up" v-if="index < 3"></i>
+                <i class="el-icon-minus" v-else></i>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+
+      <!-- 右侧：图表 -->
+      <el-col :span="8">
+        <el-card shadow="hover" class="chart-card">
+          <div slot="header" class="card-header">
+            <span class="header-title">
+              <i class="el-icon-pie-chart"></i>
+              访问量分布
+            </span>
+          </div>
+          <div ref="pieChart" class="chart-container"></div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 底部图表 -->
+    <el-row :gutter="20" class="bottom-charts">
+      <el-col :span="24">
+        <el-card shadow="hover" class="chart-card">
+          <div slot="header" class="card-header">
+            <span class="header-title">
+              <i class="el-icon-data-line"></i>
+              访问量趋势图
+            </span>
+          </div>
+          <div ref="barChart" class="chart-container-large"></div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 操作按钮 -->
+    <div class="action-buttons">
+      <el-button type="primary" @click="refreshData" :loading="loading">
+        <i class="el-icon-refresh"></i>
+        刷新数据
+      </el-button>
+      <el-button @click="exportData">
+        <i class="el-icon-download"></i>
+        导出排行榜
+      </el-button>
+      <el-button @click="openSettings">
+        <i class="el-icon-setting"></i>
+        设置
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import { getProductRanking } from '@/api/wms/productSalesScript'
+
+export default {
+  name: 'HotProduct',
+  data() {
+    return {
+      loading: false,
+      productRanking: [],
+      totalViews: 0,
+      totalProducts: 0,
+      avgViews: 0,
+      maxViews: 0,
+      charts: {
+        pie: null,
+        bar: null
+      }
+    }
+  },
+  mounted() {
+    this.loadData()
+    this.initCharts()
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+    Object.values(this.charts).forEach(chart => {
+      if (chart) {
+        chart.dispose()
+      }
+    })
+  },
+  methods: {
+    async loadData() {
+      this.loading = true
+      try {
+        const response = await getProductRanking()
+        this.productRanking = response.data || []
+        this.calculateStatistics()
+        this.renderCharts()
+      } catch (error) {
+        console.error('加载数据失败:', error)
+        this.$message.error('加载数据失败')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    calculateStatistics() {
+      if (this.productRanking.length === 0) {
+        this.totalViews = 0
+        this.totalProducts = 0
+        this.avgViews = 0
+        this.maxViews = 0
+        return
+      }
+
+      this.totalViews = this.productRanking.reduce((sum, item) => sum + (item.viewCount || 0), 0)
+      this.totalProducts = this.productRanking.length
+      this.avgViews = Math.round(this.totalViews / this.totalProducts)
+      this.maxViews = Math.max(...this.productRanking.map(item => item.viewCount || 0))
+    },
+
+    initCharts() {
+      this.charts.pie = echarts.init(this.$refs.pieChart)
+      this.charts.bar = echarts.init(this.$refs.barChart)
+    },
+
+    renderCharts() {
+      this.renderPieChart()
+      this.renderBarChart()
+    },
+
+    renderPieChart() {
+      const data = this.productRanking.slice(0, 5) // 只显示前5名
+      const option = {
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b}: {c} ({d}%)'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+          top: 'middle'
+        },
+        series: [
+          {
+            name: '访问量',
+            type: 'pie',
+            radius: ['40%', '70%'],
+            center: ['60%', '50%'],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: '18',
+                fontWeight: 'bold'
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: data.map((item, index) => ({
+              name: item.productName,
+              value: item.viewCount,
+              itemStyle: {
+                color: this.getRankColor(index + 1)
+              }
+            }))
+          }
+        ]
+      }
+      this.charts.pie.setOption(option)
+    },
+
+    renderBarChart() {
+      const data = this.productRanking.slice(0, 10) // 显示前10名
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          data: data.map(item => item.productName),
+          axisLabel: {
+            interval: 0,
+            rotate: 30,
+            fontSize: 12
+          }
+        },
+        yAxis: {
+          type: 'value',
+          name: '访问次数'
+        },
+        series: [
+          {
+            name: '访问量',
+            type: 'bar',
+            data: data.map((item, index) => ({
+              value: item.viewCount,
+              itemStyle: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  { offset: 0, color: this.getRankColor(index + 1) },
+                  { offset: 1, color: this.getRankColor(index + 1, 0.7) }
+                ])
+              }
+            })),
+            barWidth: '60%',
+            label: {
+              show: true,
+              position: 'top',
+              fontSize: 12
+            }
+          }
+        ]
+      }
+      this.charts.bar.setOption(option)
+    },
+
+    getRankColor(rank, alpha = 1) {
+      const colors = {
+        1: `rgba(255, 215, 0, ${alpha})`, // 金色
+        2: `rgba(192, 192, 192, ${alpha})`, // 银色
+        3: `rgba(205, 127, 50, ${alpha})`, // 铜色
+        4: `rgba(100, 149, 237, ${alpha})`, // 蓝色
+        5: `rgba(50, 205, 50, ${alpha})` // 绿色
+      }
+      return colors[rank] || `rgba(128, 128, 128, ${alpha})`
+    },
+
+    handleResize() {
+      Object.values(this.charts).forEach(chart => {
+        if (chart) {
+          chart.resize()
+        }
+      })
+    },
+
+    refreshData() {
+      this.loadData()
+    },
+
+    exportData() {
+      // 导出功能
+      const data = this.productRanking.map(item => ({
+        '排名': item.ranking,
+        '产品名称': item.productName,
+        '产品编号': item.productCode,
+        '访问次数': item.viewCount
+      }))
+      
+      // 这里可以调用导出Excel的方法
+      this.$message.success('导出功能开发中...')
+    },
+
+    openSettings() {
+      this.$message.info('设置功能开发中...')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hot-product-page {
+  padding: 20px;
+  background: #f5f7fa;
+  min-height: 100vh;
+}
+
+.page-header {
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.page-title {
+  font-size: 28px;
+  font-weight: bold;
+  color: #303133;
+  margin: 0 0 10px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.page-title i {
+  margin-right: 10px;
+  color: #409eff;
+}
+
+.page-subtitle {
+  font-size: 14px;
+  color: #909399;
+}
+
+.statistics-row {
+  margin-bottom: 30px;
+}
+
+.stat-card {
+  border-radius: 12px;
+  overflow: hidden;
+  transition: transform 0.3s ease;
+}
+
+.stat-card:hover {
+  transform: translateY(-5px);
+}
+
+.stat-content {
+  display: flex;
+  align-items: center;
+  padding: 20px;
+}
+
+.stat-icon {
+  width: 60px;
+  height: 60px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 15px;
+  color: white;
+  font-size: 24px;
+}
+
+.stat-info {
+  flex: 1;
+}
+
+.stat-number {
+  font-size: 28px;
+  font-weight: bold;
+  color: #303133;
+  margin-bottom: 5px;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #909399;
+}
+
+.main-content {
+  margin-bottom: 30px;
+}
+
+.ranking-card, .chart-card {
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+}
+
+.header-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  display: flex;
+  align-items: center;
+}
+
+.header-title i {
+  margin-right: 8px;
+  color: #409eff;
+}
+
+.header-actions {
+  display: flex;
+  gap: 10px;
+}
+
+.ranking-list {
+  padding: 10px 0;
+}
+
+.ranking-item {
+  display: flex;
+  align-items: center;
+  padding: 15px 20px;
+  margin-bottom: 10px;
+  background: #fafafa;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  border-left: 4px solid #e4e7ed;
+}
+
+.ranking-item:hover {
+  background: #f0f9ff;
+  transform: translateX(5px);
+}
+
+.ranking-item.top-three {
+  background: linear-gradient(135deg, #fff9e6 0%, #fff2cc 100%);
+  border-left-color: #ffd700;
+}
+
+.ranking-number {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  font-size: 16px;
+  margin-right: 20px;
+  color: white;
+}
+
+.rank-1 {
+  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
+}
+
+.rank-2 {
+  background: linear-gradient(135deg, #c0c0c0 0%, #e5e5e5 100%);
+}
+
+.rank-3 {
+  background: linear-gradient(135deg, #cd7f32 0%, #daa520 100%);
+}
+
+.ranking-number:not(.rank-1):not(.rank-2):not(.rank-3) {
+  background: linear-gradient(135deg, #409eff 0%, #67c23a 100%);
+}
+
+.product-info {
+  flex: 1;
+  margin-right: 20px;
+}
+
+.product-name {
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  margin-bottom: 5px;
+}
+
+.product-code {
+  font-size: 12px;
+  color: #909399;
+}
+
+.view-count {
+  text-align: center;
+  margin-right: 20px;
+}
+
+.count-number {
+  font-size: 20px;
+  font-weight: bold;
+  color: #409eff;
+}
+
+.count-label {
+  font-size: 12px;
+  color: #909399;
+}
+
+.trend-indicator {
+  width: 30px;
+  text-align: center;
+}
+
+.trend-indicator i {
+  font-size: 16px;
+  color: #67c23a;
+}
+
+.chart-container {
+  height: 300px;
+  width: 100%;
+}
+
+.chart-container-large {
+  height: 400px;
+  width: 100%;
+}
+
+.bottom-charts {
+  margin-bottom: 30px;
+}
+
+.action-buttons {
+  text-align: center;
+  padding: 20px 0;
+}
+
+.action-buttons .el-button {
+  margin: 0 10px;
+  padding: 12px 24px;
+  border-radius: 8px;
+}
+
+.action-buttons .el-button i {
+  margin-right: 5px;
+}
+</style> 
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/order/components/HotProducts.vue b/klp-ui/src/views/wms/order/components/HotProducts.vue
deleted file mode 100644
index 20401239..00000000
--- a/klp-ui/src/views/wms/order/components/HotProducts.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-  <div class="hot-products-chart">
-    <el-card shadow="hover">
-      <div v-if="!hotProducts || hotProducts.length === 0" class="no-data-placeholder">
-        暂无热门产品数据
-      </div>
-      <div v-show="hotProducts && hotProducts.length > 0" ref="chart" class="chart-container"></div>
-    </el-card>
-  </div>
-</template>
-
-<script>
-import * as echarts from 'echarts'
-
-export default {
-  name: 'HotProducts',
-  props: {
-    hotProducts: {
-      type: Array,
-      required: true,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      chartInstance: null
-    }
-  },
-  watch: {
-    hotProducts: {
-      deep: true,
-      handler(newVal) {
-        if (newVal && newVal.length > 0) {
-          this.$nextTick(() => {
-            this.renderChart(newVal)
-          })
-        }
-      }
-    }
-  },
-  mounted() {
-    window.addEventListener('resize', this.handleResize)
-  },
-  beforeDestroy() {
-    if (this.chartInstance) {
-      this.chartInstance.dispose()
-      this.chartInstance = null
-    }
-    window.removeEventListener('resize', this.handleResize)
-  },
-  methods: {
-    renderChart(data) {
-      const chartDom = this.$refs.chart
-      if (!chartDom) return
-
-      if (!this.chartInstance) {
-        this.chartInstance = echarts.init(chartDom)
-      }
-
-      this.chartInstance.resize()
-
-      const productNames = data.map(item => item.productName)
-      const visitCounts = data.map(item => item.visitCount)
-
-      const option = {
-        title: {
-          text: '热门产品排行（访问频率）',
-          left: 'center',
-          textStyle: {
-            color: '#333',
-            fontWeight: 'bold',
-            fontSize: 18
-          }
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow'
-          },
-          formatter: function(params) {
-            const data = params[0]
-            const rank = data.dataIndex + 1
-            return `${rank}. ${data.name}<br/>访问次数: ${data.value}次`
-          }
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: {
-          type: 'category',
-          data: productNames,
-          axisLabel: {
-            interval: 0,
-            rotate: 30,
-            color: '#666'
-          }
-        },
-        yAxis: {
-          type: 'value',
-          axisLine: {
-            show: true
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: 'dashed'
-            }
-          }
-        },
-        series: [
-          {
-            name: '访问次数',
-            type: 'bar',
-            data: visitCounts,
-            barWidth: '60%',
-            label: {
-              show: true,
-              position: 'top',
-              color: '#333',
-              formatter: function(params) {
-                return params.value + '次'
-              }
-            },
-            itemStyle: {
-              color: function(params) {
-                const colors = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7', '#DDA0DD', '#98D8C8', '#F7DC6F', '#BB8FCE', '#85C1E9']
-                return colors[params.dataIndex % colors.length]
-              }
-            }
-          }
-        ]
-      }
-
-      this.chartInstance.setOption(option)
-    },
-    handleResize() {
-      if (this.chartInstance) {
-        this.chartInstance.resize()
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.hot-products-chart {
-  height: 400px;
-}
-
-.chart-container {
-  height: 350px;
-}
-
-.no-data-placeholder {
-  height: 350px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-  font-size: 14px;
-}
-</style> 
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/order/dashboard.vue b/klp-ui/src/views/wms/order/dashboard.vue
index b0ad4b00..3413ceac 100644
--- a/klp-ui/src/views/wms/order/dashboard.vue
+++ b/klp-ui/src/views/wms/order/dashboard.vue
@@ -28,12 +28,6 @@
         <CustomerRegion :customer-data="customerClusterData" />
       </el-col>
     </el-row>
-    <!-- 第二行图表 -->
-    <el-row :gutter="20" class="chart-row">
-      <el-col :span="12">
-        <HotProducts :hot-products="hotProductsData" />
-      </el-col>
-    </el-row>
     <!-- 定时刷新设置抽屉 -->
     <el-drawer
       title="定时刷新设置"
@@ -62,7 +56,6 @@ import OrderSummary from './components/OrderSummary.vue'
 import OrderCompletion from './components/OrderCompletion.vue'
 import ProductSales from './components/ProductSales.vue'
 import CustomerRegion from './components/CustomerRegion.vue'
-import HotProducts from './components/HotProducts.vue'
 import { getDashboardData } from '@/api/wms/order'
 
 export default {
@@ -72,7 +65,6 @@ export default {
     OrderCompletion,
     ProductSales,
     CustomerRegion,
-    HotProducts,
   },
   data() {
     return {
@@ -83,7 +75,6 @@ export default {
       },
       productSalesData: [],
       customerClusterData: [],
-      hotProductsData: [],
       // 新增定时刷新相关数据
       drawerVisible: false,
       autoRefresh: false,
@@ -114,7 +105,6 @@ export default {
         }
         this.productSalesData = data.productRank
         this.customerClusterData = data.customerRegion
-        this.hotProductsData = data.hotProducts || []
         this.materialAnalysisData = {
           categories: data.orderMaterial.map(item => item.materialName),
           usageFrequency: data.orderMaterial.map(item => item.usedCount),
diff --git a/klp-ui/src/views/wms/productSalesScript/index.vue b/klp-ui/src/views/wms/productSalesScript/index.vue
index f7fc36f4..fc57f4fb 100644
--- a/klp-ui/src/views/wms/productSalesScript/index.vue
+++ b/klp-ui/src/views/wms/productSalesScript/index.vue
@@ -119,7 +119,7 @@
 
 
 <script>
-import { listProductSalesScript, getProductSalesScript, delProductSalesScript, addProductSalesScript, updateProductSalesScript, recordVisit } from "@/api/wms/productSalesScript";
+import { listProductSalesScript, getProductSalesScript, delProductSalesScript, addProductSalesScript, updateProductSalesScript } from "@/api/wms/productSalesScript";
 import ProductSelect from '@/components/KLPService/ProductSelect';
 import VditorEditor from '@/components/VditorEditor.vue';
 
@@ -269,22 +269,6 @@ export default {
         this.title = "修改产品销售话术";
       });
     },
-    /** 查看按钮操作 */
-    handleView(row) {
-      this.reset();
-      const scriptId = row.scriptId || this.ids
-      getProductSalesScript(scriptId).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "查看产品销售话术";
-      });
-      // 记录访问频率
-      if (row.productId) {
-        recordVisit(row.productId).catch(err => {
-          console.warn('记录访问频率失败:', err);
-        });
-      }
-    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {