运营驾驶舱对接

src/views/home/electricityCostAnalysis/electricityCostAnalysis.vue

@@ -16,7 +16,7 @@
             gap: 12px;
             grid-template-columns:1624px;
           ">
-          <operatingLineChart :dateData="dateData" :monData="monData" />
+          <operatingLineChart :dateData="dateData" :monthData="monthData" />
         </div>
       </div>
       <div class="top" style="display: flex; gap: 16px;margin-top: 6px;">
@@ -25,40 +25,27 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <operatingLineChartCumulative :dateData="dateData" :totalData="totalData" />
-          <!-- <keyWork /> -->
+          <operatingLineChartCumulative :dateData="dateData" :ytdData="ytdData" />
         </div>
       </div>
     </div>
-    <!-- <div class="centerImg" style="
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 1; /* 确保在 backp 之上、内容之下 */
-      "></div> -->
   </div>
 </template>
 <script>
 import ReportHeader from "../components/noRouterHeader.vue";
 import { Sidebar } from "../../../layout/components";
 import screenfull from "screenfull";
-// import operatingSalesRevenue from "./operatingComponents/operatingSalesRevenue";
-// import premProdStatus from "./components/premProdStatus.vue";
 import { mapState } from "vuex";
-import operatingLineChart from "../electricityCostAnalysisComponents/operatingLineChart";
-import operatingLineChartCumulative from "../electricityCostAnalysisComponents/operatingLineChartCumulative.vue";
+import operatingLineChart from "../accountsReceivableComponents/operatingLineChart";
+import operatingLineChartCumulative from "../accountsReceivableComponents/operatingLineChartCumulative.vue";
 
-import { getProfitAnalysisTotalList } from '@/api/cockpit'
-import moment from "moment";
+import { getElectricityCostAnalysisData } from '@/api/cockpit'
 export default {
-  name: "DayReport",
+  name: "AccountsReceivable",
   components: {
     ReportHeader,
     operatingLineChartCumulative,
     operatingLineChart,
-    // premProdStatus,
     Sidebar,
   },
   data() {
@@ -68,9 +55,11 @@ export default {
       timer: null,
       beilv: 1,
       value: 100,
+      sort:1,
+      selectDate:{},
+      monthData: {},
+      ytdData:{},
       dateData: {},
-      monData: [],
-      totalData: [],
     };
   },
 
@@ -139,20 +128,22 @@ export default {
     this.dateData = this.$route.query.dateData ? this.$route.query.dateData : undefined
   },
   methods: {
+    // sortChange(value) {
+    //   this.sort = value
+    //   this.getData()
+    // },
     getData() {
-      getProfitAnalysisTotalList({
+      getElectricityCostAnalysisData({
         startTime: this.dateData.startTime,
         endTime: this.dateData.endTime,
-        analysisObject: [
-          "利润总额"
-        ],
-        levelId: 1,
-        // timeDim: this.dateData.mode
+        sort: this.sort,
+        index: undefined,
+        factory: undefined
       }).then((res) => {
-        console.log(res);
-        this.monData = res.data.currentMonthData
-        this.totalData = res.data.totalMonthData
-        // this.totalData = res.data.totalData
+        console.log('res==============================',res);
+        this.monthData= res.data.month
+        this.ytdData = res.data.ytd
+
         // this.saleData = res.data.SaleData
         // this.premiumProduct = res.data.premiumProduct
         // this.salesTrendMap = res.data.salesTrendMap
@@ -161,7 +152,7 @@ export default {
       })
     },
     handleTimeChange(obj) {
-      // console.log(obj, 'obj');
+      console.log(obj, 'obj');
       this.dateData= obj
       this.getData()
     },
@@ -235,14 +226,12 @@ 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);
 }