✨ feat: 退库

klp-ui/src/views/wms/hotProduct/index.vue

@@ -119,7 +119,12 @@
               访问量分布
             </span>
           </div>
-          <div ref="pieChart" class="chart-container"></div>
+          <div class="chart-container">
+            <ChartWrapper>
+              <div ref="pieChart" style="height: 100%; width: 100%;"></div>
+            </ChartWrapper>
+          </div>
+          
         </el-card>
       </el-col>
     </el-row>
@@ -134,7 +139,12 @@
               访问量趋势图
             </span>
           </div>
-          <div ref="barChart" class="chart-container-large"></div>
+
+          <div class="chart-container-large">
+            <ChartWrapper>
+              <div ref="barChart" style="height: 100%; width: 100%;"></div>
+            </ChartWrapper>
+          </div>
         </el-card>
       </el-col>
     </el-row>
@@ -160,9 +170,15 @@
 <script>
 import * as echarts from 'echarts'
 import { getProductRanking } from '@/api/wms/productSalesScript'
+import ChartWrapper from '@/components/ChartWrapper/index.vue'
+import resizeMinix from '@/views/wms/stock/panels/resize.js'
 
 export default {
+  mixins: [resizeMinix],
   name: 'HotProduct',
+  components: {
+    ChartWrapper
+  },
   data() {
     return {
       loading: false,
@@ -181,6 +197,8 @@ export default {
     this.loadData()
     this.initCharts()
     window.addEventListener('resize', this.handleResize)
+    this.initResizeListener(this.$refs.barChart)
+    this.initResizeListener(this.$refs.pieChart)
   },
   beforeDestroy() {
     window.removeEventListener('resize', this.handleResize)