提交

src/components/CustomPages/BI/BI014RiskPerformanceModel.js

@@ -65,9 +65,9 @@ class BI014RiskPerformanceModel extends React.Component {
             { name: "四级", value: 1112 },
           ],
           CHART12: [
-            { name: "选矿厂", value: 3 },
+            { name: "露天矿", value: 3 },
-            { name: "尾矿库", value: 8 },
+            { name: "选矿厂", value: 8 },
-            { name: "露天矿", value: 181 },
+            { name: "尾矿库", value: 181 },
             { name: "职能部门", value: 1112 },
           ],
           CHARTLIST: [
@@ -100,20 +100,18 @@ class BI014RiskPerformanceModel extends React.Component {
                 "火药爆炸",
               ],
               LEVEL1: [
-                1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0,
+                1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-                0, 0, 0, 1,
+                0, 0, 0, 0,
               ],
               LEVEL2: [
-                1, 145, 152, 161, 173, 186, 191, 203, 218, 229, 241, 260, 277,
+                3, 2, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0,
-                293, 306, 321, 375,
+                0, 0, 0, 0,
               ],
               LEVEL3: [
-                1, 56, 72, 89, 104, 127, 143, 158, 175, 191, 206, 227, 251,
+                95, 46, 15, 10, 7, 6, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0, 0
-                273, 294, 320, 385,
               ],
               LEVEL4: [
-                0, 37, 50, 62, 75, 88, 101, 119, 133, 147, 161, 178, 194, 211,
+                560, 300, 120, 50, 20, 15, 10, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0
-                230, 255, 392,
               ],
             },
 
@@ -760,7 +758,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL1.slice(0, 8),
+            data: Data.LEVEL1.slice(0, 10),
             itemStyle: { color: this.state.level1Color },
           },
           {
@@ -771,7 +769,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL2.slice(0, 8),
+            data: Data.LEVEL2.slice(0, 10),
             itemStyle: { color: this.state.level2Color },
           },
           {
@@ -782,7 +780,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL3.slice(0, 8),
+            data: Data.LEVEL3.slice(0, 10),
             itemStyle: { color: this.state.level3Color },
           },
           {
@@ -793,7 +791,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL4.slice(0, 8),
+            data: Data.LEVEL4.slice(0, 10),
             itemStyle: { color: this.state.level4Color },
           },
         ],
@@ -858,7 +856,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL1.slice(0, 8),
+            data: Data.LEVEL1.slice(0, 10),
             itemStyle: { color: this.state.level1Color },
           },
           {
@@ -869,7 +867,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL2.slice(0, 8),
+            data: Data.LEVEL2.slice(0, 10),
             itemStyle: { color: this.state.level2Color },
           },
           {
@@ -880,7 +878,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL3.slice(0, 8),
+            data: Data.LEVEL3.slice(0, 10),
             itemStyle: { color: this.state.level3Color },
           },
           {
@@ -891,7 +889,7 @@ class BI014RiskPerformanceModel extends React.Component {
               show: true,
               position: "insideRight",
             },
-            data: Data.LEVEL4.slice(0, 8),
+            data: Data.LEVEL4.slice(0, 10),
             itemStyle: { color: this.state.level4Color },
           },
         ],
@@ -1854,7 +1852,6 @@ class BI014RiskPerformanceModel extends React.Component {
       this.chart22(this.state.ret.Data.CHARTLIST[3], "尾矿库");
       this.chart23(this.state.ret.Data.CHARTLIST[3], "露天矿");
       this.chart24(this.state.ret.Data.CHARTLIST[3], "职能部门");
-
     } else if (formCode == "层级") {
       this.setState({ isShow1: true })
       titleTemp += "层级";
@@ -1862,10 +1859,20 @@ class BI014RiskPerformanceModel extends React.Component {
       this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
       this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
       this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
-    } else if (formCode == "") {
+    } else if (formCode == "责任单位") {
-      titleTemp += "";
+      this.setState({ isShow1: true })
-    } else if (formCode == "") {
+      titleTemp += "责任单位";
-      titleTemp += "";
+      this.chart21(this.state.ret.Data.CHARTLIST[0], "公司");
+      this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
+      this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
+      this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
+    } else if (formCode == "区域") {
+      this.setState({ isShow1: true })
+      titleTemp += "区域";
+      this.chart21(this.state.ret.Data.CHARTLIST[0], "公司");
+      this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
+      this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
+      this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
     }
 
     const newtmpData = {
@@ -1952,27 +1959,31 @@ class BI014RiskPerformanceModel extends React.Component {
         </div>
         <Row gutter={12} style={{ marginTop: "5px" }}>
           <Col span={1}></Col>
-          <Col span={5} className="risk-model-col" style={{ padding: 0 }}>
+          <Col span={11} className="risk-model-col" style={{ padding: 0 }}>
             <div className="home-always-title">
               <div className="home-always-left">
                 <div className="home-always-badge"></div>
                 <div className="home-always-name">（动态4个层级 公司 部门。。）风险等级</div>
               </div>
             </div>
-            <div id="chartFXDJ1" style={{ width: "100%", height: "330px" }}></div>
+            <div id="chartFXDJ1" style={{ width: "45%", height: "330px", float: "left" }}></div>
-          </Col>
+            <div id="chartFXDJ2" style={{ width: "45%", height: "330px", float: "left" }}></div>
-          <Col span={1}></Col>
-          <Col span={5} className="risk-model-col" style={{ padding: 0 }}>
-            <div className="home-always-title">
-              <div className="home-always-left">
-                <div className="home-always-badge"></div>
-                <div className="home-always-name">（动态4个层级 公司 部门。。）风险等级</div>
-              </div>
-            </div>
-            <div id="chartFXDJ2" style={{ width: "100%", height: "330px" }}></div>
           </Col>
           <Col span={1}></Col>
           <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
+            <div className="home-always-title">
+              <div className="home-always-left">
+                <div className="home-always-badge"></div>
+                <div className="home-always-name">月度风险辨识统计走势</div>
+              </div>
+            </div>
+            <div id="chart4" style={{ width: "100%", height: "330px" }}></div>
+          </Col>
+          <Col span={1}></Col>
+        </Row>
+        <Row gutter={12} style={{ marginTop: "30px" }}>
+          <Col span={1}></Col>
+          <Col span={11} className="risk-model-col" style={{ padding: 0 }}>
             <div className="home-always-title">
               <div className="home-always-left">
                 <div className="home-always-badge"></div>
@@ -1987,12 +1998,65 @@ class BI014RiskPerformanceModel extends React.Component {
             </div>
             <div id="chartSCDY" style={{ width: "100%", height: "330px" }}></div>
           </Col>
-
+          <Col span={1}></Col>
+          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
+            <div className="home-always-title">
+              <div className="home-always-left">
+                <div className="home-always-badge"></div>
+                <div className="home-always-name">层级</div>
+              </div>
+              <div onClick={() => this.showDetailModal("层级")}>
+                <IconFont
+                  type="icon-24gl-expand2"
+                  className="home-always-icon"
+                ></IconFont>
+              </div>
+            </div>
+            <div className="risk-chart" style={{ height: "330px" }}>
+              <div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
+            </div>
+          </Col>
+        </Row>
+        <Row gutter={12} style={{ marginTop: "30px" }}>
+          <Col span={1}></Col>
+          <Col span={11} className="risk-model-col" style={{ padding: 0 }}>
+            <div className="home-always-title">
+              <div className="home-always-left">
+                <div className="home-always-badge"></div>
+                <div className="home-always-name">责任单位</div>
+              </div>
+              <div onClick={() => this.showDetailModal("责任单位")}>
+                <IconFont
+                  type="icon-24gl-expand2"
+                  className="home-always-icon"
+                ></IconFont>
+              </div>
+            </div>
+            <div className="risk-chart" style={{ height: "330px" }}>
+              <div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
+            </div>
+          </Col>
+          <Col span={1}></Col>
+          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
+            <div className="home-always-title">
+              <div className="home-always-left">
+                <div className="home-always-badge"></div>
+                <div className="home-always-name">区域</div>
+              </div>
+              <div onClick={() => this.showDetailModal("区域")}>
+                <IconFont
+                  type="icon-24gl-expand2"
+                  className="home-always-icon"
+                ></IconFont>
+              </div>
+            </div>
+            <div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
+          </Col>
           <Col span={1}></Col>
         </Row>
         <Row gutter={12} style={{ marginTop: "30px" }}>
           <Col span={1}></Col>
-          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
+          <Col span={11} className="risk-model-col" style={{ padding: 0 }}>
             <div className="home-always-title">
               <div className="home-always-left">
                 <div className="home-always-badge"></div>
@@ -2009,7 +2073,7 @@ class BI014RiskPerformanceModel extends React.Component {
               <div id="chartFXLB1" style={{ width: "100%", flex: 1 }}></div>
             </div>
           </Col>
-          <Col span={2}></Col>
+          <Col span={1}></Col>
           <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
             <div className="home-always-title">
               <div className="home-always-left">
@@ -2029,67 +2093,6 @@ class BI014RiskPerformanceModel extends React.Component {
           </Col>
           <Col span={1}></Col>
         </Row>
-        <Row gutter={12} style={{ marginTop: "30px" }}>
-          <Col span={1}></Col>
-          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
-            <div className="home-always-title">
-              <div className="home-always-left">
-                <div className="home-always-badge"></div>
-                <div className="home-always-name">层级</div>
-              </div>
-              <div onClick={() => this.showDetailModal("层级")}>
-                <IconFont
-                  type="icon-24gl-expand2"
-                  className="home-always-icon"
-                ></IconFont>
-              </div>
-            </div>
-            <div className="risk-chart" style={{ height: "330px" }}>
-              <div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
-            </div>
-          </Col>
-          <Col span={2}></Col>
-          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
-            <div className="home-always-title">
-              <div className="home-always-left">
-                <div className="home-always-badge"></div>
-                <div className="home-always-name">责任单位</div>
-              </div>
-            </div>
-            <div className="risk-chart" style={{ height: "330px" }}>
-              <div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
-            </div>
-          </Col>
-          <Col span={1}></Col>
-        </Row>
-        <Row gutter={12} style={{ marginTop: "30px" }}>
-          <Col span={1}></Col>
-          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
-            <div className="home-always-title">
-              <div className="home-always-left">
-                <div className="home-always-badge"></div>
-                <div className="home-always-name">月度风险辨识统计走势</div>
-              </div>
-            </div>
-            <div id="chart4" style={{ width: "100%", height: "330px" }}></div>
-          </Col>
-          <Col span={2}></Col>
-          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
-            <div className="home-always-title">
-              <div className="home-always-left">
-                <div className="home-always-badge"></div>
-                <div className="home-always-name">
-                  区域（按生产单元+等级划分）
-                </div>
-              </div>
-            </div>
-            <div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
-          </Col>
-          <Col span={1}></Col>
-        </Row>
-        <Row gutter={10} style={{ marginTop: "20px" }}>
-          <Col span={1}></Col>
-        </Row>
         <br />
       </div>
     );