xiugai

src/views/home/grossMargin/grossMargin.vue

@@ -2,8 +2,8 @@
   <div id="dayReport" class="dayReport" :style="styles">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
-    <ReportHeader top-title="毛利率" :is-full-screen="isFullScreen" @screenfullChange="screenfullChange"
-      @timeRangeChange="handleTimeChange" />
+    <ReportHeader :dateData="dateData" top-title="毛利率" :is-full-screen="isFullScreen"
+      @screenfullChange="screenfullChange" @timeRangeChange="handleTimeChange" />
     <div class="main-body" style="
         flex: 1;
         display: flex;
@@ -16,7 +16,7 @@
             gap: 12px;
             grid-template-columns:1624px;
           ">
-          <operatingLineChart :monthData="monthData" />
+          <operatingLineChart :dateData="dateData" :monthData="monthData" />
         </div>
       </div>
       <div class="top" style="display: flex; gap: 16px;margin-top: 6px;">
@@ -25,7 +25,7 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <operatingLineChartCumulative :ytdData="ytdData" />
+          <operatingLineChartCumulative :dateData="dateData" :ytdData="ytdData" />
           <!-- <keyWork /> -->
         </div>
       </div>
@@ -68,7 +68,7 @@ export default {
       timer: null,
       beilv: 1,
       sort: 1,
-      selectDate: {},
+      dateData: {},
       monthData: {},
       ytdData: {},
       value: 100,
@@ -142,12 +142,13 @@ export default {
         this.beilv = _this.clientWidth / 1920;
       })();
     };
+    this.dateData = this.$route.query.dateData ? this.$route.query.dateData : undefined
   },
   methods: {
     getData() {
       getGrossMarginGroupData({
-        startTime: this.selectDate.startTime,
-        endTime: this.selectDate.endTime,
+        startTime: this.dateData.startTime,
+        endTime: this.dateData.endTime,
         sort: this.sort,
         index: undefined,
         factory: undefined
@@ -166,7 +167,7 @@ export default {
     },
     handleTimeChange(obj) {
       console.log(obj, 'obj');
-      this.selectDate = obj
+      this.dateData= obj
       this.getData()
     },
     handleClickOutside() {

src/views/home/grossMargin/grossMarginBase.vue

@@ -2,8 +2,8 @@
   <div id="dayReport" class="dayReport" :style="styles">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
-    <ReportHeader size="psi" @timeRangeChange="handleTimeChange" top-title="基地毛利率" :is-full-screen="isFullScreen"
-      @screenfullChange="screenfullChange" />
+    <ReportHeader :dateData="dateData" size="psi" @timeRangeChange="handleTimeChange" top-title="基地毛利率"
+      :is-full-screen="isFullScreen" @screenfullChange="screenfullChange" />
     <div class="main-body" style="
         margin-top: -20px;
         flex: 1;
@@ -37,8 +37,9 @@
             gap: 12px;
             grid-template-columns: 804px 804px;
           ">
-          <monthlyRelatedMetrics :factory="factory" :monthAnalysis="monthAnalysis" :title="'月度·相关指标分析'" />
-          <yearRelatedMetrics :factory="factory" :ytdAnalysis="ytdAnalysis" :title="'累计·相关指标分析'" />
+          <monthlyRelatedMetrics :dateData="dateData" :factory="factory" :monthAnalysis="monthAnalysis"
+            :title="'月度·相关指标分析'" />
+          <yearRelatedMetrics :dateData="dateData" :factory="factory" :ytdAnalysis="ytdAnalysis" :title="'累计·相关指标分析'" />
 
         </div>
       </div>
@@ -188,6 +189,7 @@ export default {
       })();
     };
     this.factory = this.$route.query.factory ? Number(this.$route.query.factory) : 5
+    this.dateData = this.$route.query.dateData ? this.$route.query.dateData : undefined
   },
   methods: {
     handleChange(value) {