热门产品销售看板

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),