制造成本分析修改

src/views/home/electricityCostAnalysis/electricityCostAnalysis.vue

@@ -16,7 +16,7 @@
             gap: 12px;
             grid-template-columns:1624px;
           ">
-          <operatingLineChart :dateData="dateData" :monthData="monthData" />
+          <operatingLineChart :dateData="dateData" :monData="monData" />
         </div>
       </div>
       <div class="top" style="display: flex; gap: 16px;margin-top: 6px;">
@@ -25,27 +25,40 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <operatingLineChartCumulative :dateData="dateData" :ytdData="ytdData" />
+          <operatingLineChartCumulative :dateData="dateData" :totalData="totalData" />
+          <!-- <keyWork /> -->
         </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 { getSalesRevenueGroupData } from '@/api/cockpit'
+import { getProfitAnalysisTotalList } from '@/api/cockpit'
+import moment from "moment";
 export default {
-  name: "ElectricityCostAnalysis",
+  name: "DayReport",
   components: {
     ReportHeader,
     operatingLineChartCumulative,
     operatingLineChart,
+    // premProdStatus,
     Sidebar,
   },
   data() {
@@ -55,10 +68,9 @@ export default {
       timer: null,
       beilv: 1,
       value: 100,
-      sort:1,
-      selectDate:{},
-      monthData: {},
-      ytdData:{},
+      dateData: {},
+      monData: [],
+      totalData: [],
     };
   },
 
@@ -127,23 +139,20 @@ export default {
     this.dateData = this.$route.query.dateData ? this.$route.query.dateData : undefined
   },
   methods: {
-    // sortChange(value) {
-    //   this.sort = value
-    //   this.getData()
-    // },
     getData() {
-      getSalesRevenueGroupData({
+      getProfitAnalysisTotalList({
         startTime: this.dateData.startTime,
         endTime: this.dateData.endTime,
-        sort: this.sort,
-        index: undefined,
-        factory: undefined
-        // timeDim: obj.mode
+        analysisObject: [
+          "利润总额"
+        ],
+        levelId: 1,
+        // timeDim: this.dateData.mode
       }).then((res) => {
         console.log(res);
-        this.monthData= res.data.month
-        this.ytdData = res.data.ytd
-
+        this.monData = res.data.currentMonthData
+        this.totalData = res.data.totalMonthData
+        // this.totalData = res.data.totalData
         // this.saleData = res.data.SaleData
         // this.premiumProduct = res.data.premiumProduct
         // this.salesTrendMap = res.data.salesTrendMap
@@ -152,7 +161,7 @@ export default {
       })
     },
     handleTimeChange(obj) {
-      console.log(obj, 'obj');
+      // console.log(obj, 'obj');
       this.dateData= obj
       this.getData()
     },
@@ -226,12 +235,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);
 }