feat: 碳排放联调

src/pages/tqcDataVHome/component/rightBottomView.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 碳排放
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-01 15:01:37
+ * @Last Modified time: 2023-11-02 15:51:27
  */
 
 
@@ -10,9 +10,12 @@ import React, { useState, useEffect, Component } from "react";
 import styles from "../style.less";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
 import mod from '../mod';
+
+import { getArrMax } from "@utils/util";
 import {
   dataengineCenterOneservice,
 } from "../api";
+import { get, } from "lodash";
 
 @withRouter
 
@@ -22,18 +25,36 @@ class RightBottomView extends Component {
     super(props, context);
     this.store = mod;
     this.state = {
+      missionsTotal_arr:[],
+      year:[],
+      missionsIntensity_arr:[],
+      max1:0,
+      max2:0,
     };
   }
 
   componentDidMount() {
     this.getUrl()
-    this.setData();
-    this.setData2();
   }
 
-  getUrl(){
-    dataengineCenterOneservice().then(({ data, resultCode }) => {
+  async getUrl(){
+    await dataengineCenterOneservice().then(({ data=[], resultCode }) => {
       if (+resultCode === 0) {
+        let year = [],missionsIntensity_arr = [],missionsTotal_arr = [],max1=[],max2=[];
+        data.map((x,i)=>{
+          year.unshift(x.byear)
+          missionsIntensity_arr.unshift(x.missionsIntensity)
+          missionsTotal_arr.unshift(x.missionsTotal)
+        });
+        const max_1 = getArrMax(missionsIntensity_arr);
+        const max_2 = getArrMax(missionsTotal_arr);
+        for (let index = 0; index < data.length; index++) {
+          max1.unshift(max_1/0.8)
+          max2.unshift(max_2/0.8)
+        }
+        this.setState({year,missionsIntensity_arr,missionsTotal_arr,max1,max2});
+          this.setData();
+          this.setData2();    
       }
     });
 
@@ -68,7 +89,7 @@ class RightBottomView extends Component {
               fontFamily: 'DingTalkJinBuTi',
             }
           },
-          data: ['2020', '2021', '2022']
+          data: this.state.year
 
         },
         {
@@ -100,7 +121,7 @@ class RightBottomView extends Component {
           name: '条',
           type: 'bar',
           yAxisIndex: 0,
-          data: [88, 73, 34],
+          data: this.state.missionsTotal_arr,
           label: {
             normal: {
               show: true,
@@ -135,7 +156,7 @@ class RightBottomView extends Component {
           type: 'bar',
           yAxisIndex: 1,
           barGap: '-100%',
-          data: [99.5, 99.5, 99.5],
+          data: this.state.max2,
           barWidth: 23,
           itemStyle: {
             normal: {
@@ -163,7 +184,6 @@ class RightBottomView extends Component {
       var myChart = echarts.init(document.getElementById('echarts9'));
       var myColor = ['#eb2100', '#eb3600', '#d0570e', '#d0a00e', '#34da62', '#00e9db', '#00c0e9', '#0096f3'];
       var option = {
-
         grid: {
           left: '0%',
           top: '15%',
@@ -209,7 +229,7 @@ class RightBottomView extends Component {
           name: '条',
           type: 'bar',
           yAxisIndex: 0,
-          data: [25, 55, 88],
+          data: this.state.missionsIntensity_arr,
           animation:true,
           animationDuration:3000,
           smooth: true,
@@ -246,7 +266,7 @@ class RightBottomView extends Component {
           type: 'bar',
           yAxisIndex: 1,
           barGap: '-100%',
-          data: [99.5, 99.5, 99.5],
+          data: this.state.max1,
           animation:true,
           animationDuration:3000,
           smooth: true,

src/utils/util.js

@@ -1,6 +1,6 @@
 import moment from "moment";
 import React, { useRef, useState } from "react";
-import { message,notification,Button } from "antd";
+import { message, notification, Button } from "antd";
 import { getFineBiToken, getPreFineBiUrl } from "@apis/outer";
 import { getDmpAccessUrl, getValueByDictCode } from "@apis/dict";
 import { getSheetToken } from "@apis/common";
@@ -295,7 +295,7 @@ export function formatNum(num = 0, n = 0) {
 
 /**判断一个时间是否在某个时间端内*/
 export function isTimes(newdate, startdate, enddate) {
-  var newdate = newdate ? new Date(newdate) :new Date();
+  var newdate = newdate ? new Date(newdate) : new Date();
   var startdate = new Date(startdate);
   console.log(newdate);
   console.log(startdate);
@@ -305,19 +305,19 @@ export function isTimes(newdate, startdate, enddate) {
   console.log(a);
   console.log(b);
   if (a < 0 || b > 0) {
-      return false;
+    return false;
   } else {
-      return true;
+    return true;
   }
 }
 
-export function recursion(tree=[],oldParam_={'200000':'移动端首页'}) {
+export function recursion(tree = [], oldParam_ = { '200000': '移动端首页' }) {
   // let  param_ = {};
   for (let index = 0; index < tree.length; index++) {
     const item = tree[index];
     oldParam_[item.resourceId] = item.resourceName; // 保存每次遍历的结果
     if ((item.resourceList).length > 0) {
-      recursion(item.resourceList,oldParam_);
+      recursion(item.resourceList, oldParam_);
     }
   }
   return oldParam_
@@ -335,25 +335,25 @@ export function calcEnc(str) {
 export function tipsLockStatus(callback) {
   const key = `open${Date.now()}`;
   const btn = <Button type="primary" onClick={() => {
-      notification.close(key)
-      callback && callback()
-    }}>
-      确定
-    </Button>
+    notification.close(key)
+    callback && callback()
+  }}>
+    确定
+  </Button>
     ;
   notification.open({
     message: '消息提示',
     description:
       `您的密码将于${sessionStorage.getItem("accountLockTime")}过期，过期后将无法使用数据门户，请点击“确认”立即修改密码，或在3天内前往【首页-右上角-点击头像】修改密码！`,
     btn,
-    duration:null,
+    duration: null,
     placement: 'topLeft',
     key,
     style: {
       width: "600px",
       bottom: "auto",
       minHeight: "200px",
-    borderRadius: "10px",
+      borderRadius: "10px",
     },
     onClose: () => { },
   });
@@ -393,6 +393,14 @@ export function timestampToTime() {
   return datetime
 }
 
+export function getArrMax(arr) {
+  arr.sort(function (a, b) {
+    return a - b
+  })
+  return arr[arr.length - 1]
+}
+
+
 
 export async function dealDiffSheetType(item) {
   return new Promise((resolve, reject) => {