修改

src/views/home/salesVolumeAnalysis/salesVolumeAnalysis.vue

@@ -16,7 +16,7 @@
             gap: 12px;
             grid-template-columns:1624px;
           ">
-          <operatingLineChart :salesTrendMap="salesTrendMap" :grossMarginTrendMap="grossMarginTrendMap" />
+          <operatingLineChart :thisMonData="thisMonData" />
         </div>
       </div>
       <div class="top" style="display: flex; gap: 16px;margin-top: 6px;">
@@ -25,7 +25,7 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <operatingLineChartCumulative :salesTrendMap="salesTrendMap" :grossMarginTrendMap="grossMarginTrendMap" />
+          <operatingLineChartCumulative :totalData="totalData" />
           <!-- <keyWork /> -->
         </div>
       </div>
@@ -50,7 +50,7 @@ import { mapState } from "vuex";
 import operatingLineChart from "../salesVolumeAnalysisComponents/operatingLineChart";
 import operatingLineChartCumulative from "../salesVolumeAnalysisComponents/operatingLineChartCumulative.vue";
 
-import { getSalesRevenueData } from '@/api/cockpit'
+import { getUnitPriceAnalysisGroupData } from '@/api/cockpit'
 import moment from "moment";
 export default {
   name: "DayReport",
@@ -68,11 +68,9 @@ export default {
       timer: null,
       beilv: 1,
       value: 100,
-      saleData: {},
-      premiumProduct: {},
-      salesTrendMap: {},
-      grossMarginTrendMap: {},
-      salesProportion:{},
+      selectDate: {},
+      thisMonData: {},
+      totalData: {},
     };
   },
 
@@ -141,22 +139,27 @@ export default {
   },
   methods: {
     getData(obj) {
-      getSalesRevenueData({
-        startTime: obj.startTime,
-        endTime: obj.endTime,
-        timeDim: obj.mode
+      getUnitPriceAnalysisGroupData({
+        startTime: this.selectDate.startTime,
+        endTime: this.selectDate.endTime,
+        paramName: '销量'
+        // timeDim: this.selectDate.mode
       }).then((res) => {
         console.log(res);
-        this.saleData = res.data.SaleData
-        this.premiumProduct = res.data.premiumProduct
-        this.salesTrendMap = res.data.salesTrendMap
-        this.grossMarginTrendMap = res.data.grossMarginTrendMap
-        this.salesProportion = res.data.salesProportion ? res.data.salesProportion : {}
+        this.thisMonData = res.data.thisMonData
+        this.totalData = res.data.totalData
+
+        // this.saleData = res.data.SaleData
+        // this.premiumProduct = res.data.premiumProduct
+        // this.salesTrendMap = res.data.salesTrendMap
+        // this.grossMarginTrendMap = res.data.grossMarginTrendMap
+        // this.salesProportion = res.data.salesProportion ? res.data.salesProportion : {}
       })
     },
     handleTimeChange(obj) {
-      console.log(obj, 'obj');
-      this.getData(obj)
+      // console.log(obj, 'obj');
+      this.selectDate = obj
+      this.getData()
     },
     handleClickOutside() {
       this.$store.dispatch("app/closeSideBar", { withoutAnimation: false });
@@ -228,12 +231,14 @@ export default {
 <style scoped lang="scss">
 @import "~@/assets/styles/mixin.scss";
 @import "~@/assets/styles/variables.scss";
+
 .dayReport {
   width: 1920px;
   height: 1080px;
   background: url("../../../assets/img/backp.png") no-repeat;
   background-size: cover;
 }
+
 .hideSidebar .fixed-header {
   width: calc(100% - 54px);
 }