风险扩展假数据

src/components/CustomPages/BI/BI013RiskAnalysisModel.js

@@ -36,9 +36,27 @@ class BI013RiskAnalysisModel extends React.Component {
     } else {
       currentMineType = localStorage.getItem("currentMineType");
     }
-    this.getBaseInfoData(currentMineType);
+    // this.getBaseInfoData(currentMineType);
+    this.getBaseData();
   }
 
+  getBaseData = () => {
+    this.setState({
+      LEVEL1TOTAL: 0,
+      LEVEL2TOTAL: 82,
+      LEVEL3TOTAL: 381,
+      LEVEL4TOTAL: 2212,
+      HAZARDTOTALCOUNT: 50,
+      RISKTOTALCOUNT: 2714,
+      MEASURESTOTALCOUNT: 653,
+    },()=>{
+      this.chart1();
+    this.chart2();
+    this.chart4();
+    });
+    
+  };
+
   //获取数据
   getBaseInfoData = (mineType) => {
     const json2 = initFilter(this.props.login.OrgId);
@@ -71,6 +89,7 @@ class BI013RiskAnalysisModel extends React.Component {
             RISKTOTALCOUNT: ret.Data.RISKTOTALCOUNT,
             MEASURESTOTALCOUNT: ret.Data.MEASURESTOTALCOUNT,
           });
+
           // this.state.LEVEL1TOTAL = level1all;
           // this.state.LEVEL2TOTAL = level2all;
           // this.state.LEVEL3TOTAL = level3all;
@@ -108,7 +127,8 @@ class BI013RiskAnalysisModel extends React.Component {
 
     let chart1s = document.getElementById("chartone");
     let myChart = echarts.init(chart1s);
-    myChart.setOption({
+    myChart.setOption(
+      {
         color: color,
         title: [
           {
@@ -192,19 +212,45 @@ class BI013RiskAnalysisModel extends React.Component {
             data: showData,
           },
         ],
-    }, true);
+      },
+      true
+    );
   };
   chart2 = (data) => {
-    let areaName = [];
+    let areaName = [
-    let areaCount = [];
+      "破碎车间-粗碎单元",
-    data.forEach((item) => {
+      "综合回收车间-精多金属仓库单元",
-      areaName.push(item.AREANAME);
+      "磨重车间-脱泥单元",
-      areaCount.push(item.AREACOUNT);
+      "食堂",
-    });
+      "综合回收车间-精矿烘干单元",
+      "尾矿库截渗池回水单元",
+      "破碎车间-辊磨单元",
+      "磨重车间-中矿再磨单元",
+      "磨重车间-粗粒选别单元",
+      "加油站-采场",
+      "尾矿库截洪单元",
+      "采场道路",
+      "破碎车间-放矿运输单元",
+      "卢家边回水单元",
+      "钨细泥回收车间-回水单元",
+      "综合回收车间-硫化矿综合回收单元",
+      "磨重车间-细粒选别单元",
+      "尾矿库库区",
+      "磨重车间-磨矿分级单元",
+      "截渗池回水单元",
+    ];
+    let areaCount = [
+      1, 2, 3, 3, 4, 4, 6, 9, 9, 11, 19, 20, 21, 22, 22, 23, 27, 31, 32, 32,
+    ];
+    // data.forEach((item) => {
+    //   areaName.push(item.AREANAME);
+    //   areaCount.push(item.AREACOUNT);
+    // });
     let chart2s = document.getElementById("chart2");
     if (chart2s) {
       let myChart = echarts.init(chart2s);
-      myChart.setOption({
+      myChart.setOption(
+        {
           title: {
             text: "风险区域统计",
             left: "center",
@@ -327,32 +373,48 @@ class BI013RiskAnalysisModel extends React.Component {
               show: false,
             },
           ],
-      }, true);
+        },
+        true
+      );
     }
   };
 
   chart4 = (data) => {
-    let riskArr = [];
+    let riskArr = [2714, 2714, 2714, 2714];
-    let hazardArr = [];
+    let hazardArr = [50, 50, 50, 50];
-    let dates = [];
+    let dates = [
-    for (let i = 0; i < data.length; i++) {
+      "2024/01",
-      if (data[i].TYPE == 0) {
+      "2024/02",
-        riskArr.push(data[i].COUNT);
+      "2024/03",
-        dates.push(moment(data[i].DATE).format("YYYY/MM"));
+      "2024/04",
-      } else {
+      "2024/05",
-        hazardArr.push(data[i].COUNT);
+      "2024/06",
-      }
+      "2024/07",
-    }
+      "2024/08",
-    let currMonth = dates.length;
+      "2024/09",
-    for (let i = 1; i < 13 - currMonth; i++) {
+      "2024/10",
-      dates.push(
+      "2024/11",
-        moment(dates[dates.length]).add(i, "months").format("YYYY/MM")
+      "2024/12",
-      );
+    ];
-    }
+    // for (let i = 0; i < data.length; i++) {
+    //   if (data[i].TYPE == 0) {
+    //     riskArr.push(data[i].COUNT);
+    //     dates.push(moment(data[i].DATE).format("YYYY/MM"));
+    //   } else {
+    //     hazardArr.push(data[i].COUNT);
+    //   }
+    // }
+    // let currMonth = dates.length;
+    // for (let i = 1; i < 13 - currMonth; i++) {
+    //   dates.push(
+    //     moment(dates[dates.length]).add(i, "months").format("YYYY/MM")
+    //   );
+    // }
     let chart4s = document.getElementById("chart4");
     if (chart4s) {
       let myChart = echarts.init(chart4s);
-      myChart.setOption({
+      myChart.setOption(
+        {
           color: ["#72b85b", "#f6841a", "#cc0404"],
           grid: {
             left: "5%",
@@ -396,7 +458,9 @@ class BI013RiskAnalysisModel extends React.Component {
               smooth: true,
             },
           ],
-      }, true);
+        },
+        true
+      );
     }
   };
   render() {
@@ -539,7 +603,10 @@ class BI013RiskAnalysisModel extends React.Component {
               // className="dashboard-div-style"
               style={{ border: "1px solid rgb(232,232,232)" }}
             >
-              <div id="chartone" style={{ width: "100%", height: "430px" }}></div>
+              <div
+                id="chartone"
+                style={{ width: "100%", height: "430px" }}
+              ></div>
             </div>
           </Col>
           <Col span={10} style={{ height: "430px" }}>
@@ -568,7 +635,7 @@ class BI013RiskAnalysisModel extends React.Component {
                 alignItems: "center",
                 justifyContent: "space-around",
                 border: "1px #888 solid",
-                padding: "8px 0px"
+                padding: "8px 0px",
               }}
             >
               <div
@@ -658,9 +725,7 @@ class BI013RiskAnalysisModel extends React.Component {
         <Row gutter={10} style={{ marginTop: "20px" }}>
           <Col span={1}></Col>
           <Col span={22}>
-            <div
+            <div style={{ border: "1px solid rgb(232,232,232)" }}>
-              style={{ border: "1px solid rgb(232,232,232)" }}
-            >
               <div id="chart4" style={{ width: "100%", height: "350px" }}></div>
             </div>
           </Col>