修改绩效显示
This commit is contained in:
		
							parent
							
								
									0fecf39201
								
							
						
					
					
						commit
						a03c91e650
					
				@ -28,239 +28,6 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
        formCode: "",
 | 
					        formCode: "",
 | 
				
			||||||
        title: "",
 | 
					        title: "",
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
      ret: {
 | 
					 | 
				
			||||||
        IsSuccessful: true,
 | 
					 | 
				
			||||||
        Data: {
 | 
					 | 
				
			||||||
          DATECOUNTS: [
 | 
					 | 
				
			||||||
            { DATE: "2024-01-31 23:59:59", COUNT: 50, TYPE: 1 },
 | 
					 | 
				
			||||||
            { DATE: "2024-01-31 23:59:59", COUNT: 414, TYPE: 0 },
 | 
					 | 
				
			||||||
            { DATE: "2024-02-29 23:59:59", COUNT: 62, TYPE: 1 },
 | 
					 | 
				
			||||||
            { DATE: "2024-02-29 23:59:59", COUNT: 514, TYPE: 0 },
 | 
					 | 
				
			||||||
            { DATE: "2024-03-31 23:59:59", COUNT: 62, TYPE: 1 },
 | 
					 | 
				
			||||||
            { DATE: "2024-03-31 23:59:59", COUNT: 614, TYPE: 0 },
 | 
					 | 
				
			||||||
            { DATE: "2024-04-30 23:59:59", COUNT: 70, TYPE: 1 },
 | 
					 | 
				
			||||||
            { DATE: "2024-04-30 23:59:59", COUNT: 714, TYPE: 0 },
 | 
					 | 
				
			||||||
            { DATE: "2024-05-31 23:59:59", COUNT: 80, TYPE: 1 },
 | 
					 | 
				
			||||||
            { DATE: "2024-05-31 23:59:59", COUNT: 814, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-06-30 23:59:59", COUNT: 80, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-06-30 23:59:59", COUNT: 914, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-07-31 23:59:59", COUNT: 94, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-07-31 23:59:59", COUNT: 954, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-08-31 23:59:59", COUNT: 102, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-08-31 23:59:59", COUNT: 984, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-09-30 23:59:59", COUNT: 102, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-09-30 23:59:59", COUNT: 1014, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-10-31 23:59:59", COUNT: 112, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-10-31 23:59:59", COUNT: 1024, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-11-30 23:59:59", COUNT: 113, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-11-30 23:59:59", COUNT: 1114, TYPE: 0 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-12-31 23:59:59", COUNT: 116, TYPE: 1 },
 | 
					 | 
				
			||||||
            // { DATE: "2024-12-31 23:59:59", COUNT: 1154, TYPE: 0 },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          CHARTFXDJ1:
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            NAME: ["一级", "二级", "三级", "四级"],
 | 
					 | 
				
			||||||
            LEVEL1: [3, 8, 181, 1112],
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
          CHARTFXDJ2: [
 | 
					 | 
				
			||||||
            { name: "一级", value: 3 },
 | 
					 | 
				
			||||||
            { name: "二级", value: 8 },
 | 
					 | 
				
			||||||
            { name: "三级", value: 181 },
 | 
					 | 
				
			||||||
            { name: "四级", value: 1112 },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          CHARTLIST: [
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["露天矿", "选矿厂", "尾矿库", "职能部门"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 1, 1],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 3, 2, 2],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 70, 105],
 | 
					 | 
				
			||||||
              LEVEL4: [203, 223, 211, 475],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: [
 | 
					 | 
				
			||||||
                "容器爆炸",
 | 
					 | 
				
			||||||
                "淹溺",
 | 
					 | 
				
			||||||
                "物体打击",
 | 
					 | 
				
			||||||
                "高处坠落",
 | 
					 | 
				
			||||||
                "火灾",
 | 
					 | 
				
			||||||
                "起重伤害",
 | 
					 | 
				
			||||||
                "其他爆炸",
 | 
					 | 
				
			||||||
                "中毒和窒息",
 | 
					 | 
				
			||||||
                "放炮",
 | 
					 | 
				
			||||||
                "冒顶片帮",
 | 
					 | 
				
			||||||
                "坍塌",
 | 
					 | 
				
			||||||
                "车辆伤害",
 | 
					 | 
				
			||||||
                "触电",
 | 
					 | 
				
			||||||
                "其他伤害",
 | 
					 | 
				
			||||||
                "机械伤害",
 | 
					 | 
				
			||||||
                "灼烫",
 | 
					 | 
				
			||||||
                "火药爆炸",
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL1: [
 | 
					 | 
				
			||||||
                1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 | 
					 | 
				
			||||||
                0, 0, 0, 0,
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL2: [
 | 
					 | 
				
			||||||
                3, 2, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0,
 | 
					 | 
				
			||||||
                0, 0, 0, 0,
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL3: [
 | 
					 | 
				
			||||||
                95, 46, 15, 10, 7, 6, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0, 0
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL4: [
 | 
					 | 
				
			||||||
                260, 200, 120, 50, 20, 15, 10, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: [
 | 
					 | 
				
			||||||
                "安全环保管理部",
 | 
					 | 
				
			||||||
                "选矿部",
 | 
					 | 
				
			||||||
                "机电设备管理办公室",
 | 
					 | 
				
			||||||
                "矿山部",
 | 
					 | 
				
			||||||
                "财务部",
 | 
					 | 
				
			||||||
                "非金属资源部筹备组",
 | 
					 | 
				
			||||||
                "企业管理部",
 | 
					 | 
				
			||||||
                "技术管理部",
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 1, 0, 1, 0, 0, 1, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 2, 0, 3, 0, 0, 1, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [56, 109, 273, 381, 74, 135, 215, 335],
 | 
					 | 
				
			||||||
              LEVEL4: [23, 168, 250, 390, 62, 117, 244, 367],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["公司", "部门", "车间", "班组"],
 | 
					 | 
				
			||||||
              LEVEL1: [2, 1, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [2, 2, 2, 2],
 | 
					 | 
				
			||||||
              LEVEL3: [343, 121, 396, 78],
 | 
					 | 
				
			||||||
              LEVEL4: [215, 331, 37, 292],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: [
 | 
					 | 
				
			||||||
                "破碎车间",
 | 
					 | 
				
			||||||
                "磨重车间",
 | 
					 | 
				
			||||||
                "尾矿库库区",
 | 
					 | 
				
			||||||
                "钨细泥回收车间",
 | 
					 | 
				
			||||||
                "高压配电室",
 | 
					 | 
				
			||||||
                "炸药库区",
 | 
					 | 
				
			||||||
                "修理场",
 | 
					 | 
				
			||||||
                "矿山",
 | 
					 | 
				
			||||||
                "加油站-采场",
 | 
					 | 
				
			||||||
                "排土场",
 | 
					 | 
				
			||||||
              ],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 0, 1, 0, 1, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [2, 0, 0, 2, 1, 1, 0, 0, 0, 2],
 | 
					 | 
				
			||||||
              LEVEL3: [220, 182, 171, 164, 134, 120, 102, 101, 83, 64],
 | 
					 | 
				
			||||||
              LEVEL4: [250, 212, 201, 154, 144, 121, 117, 111, 93, 67],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          TEAMLIST: [
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["生产班", "民爆储存库班组", "穿孔班组", "爆破班组", "综合班组"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 1, 1, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 1, 1, 2, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [10, 13, 20, 35, 33],
 | 
					 | 
				
			||||||
              LEVEL4: [18, 33, 43, 21, 27],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["破碎车间", "磨重车间", "破碎一班", "破碎二班", "破碎三班", "磨重一班", "磨重二班", "磨重三班"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 3, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [2, 4, 0, 0, 0, 0, 1, 1],
 | 
					 | 
				
			||||||
              LEVEL3: [3, 5, 1, 3, 7, 22, 43, 1],
 | 
					 | 
				
			||||||
              LEVEL4: [4, 6, 7, 26, 8, 18, 21, 24],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["尾矿一班", "尾矿二班", "尾矿三班", "尾矿机修班"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 70, 105],
 | 
					 | 
				
			||||||
              LEVEL4: [23, 13, 21, 15],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["保安班", "小车班", "食堂", "化验班", "采制样班"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 70, 15, 23],
 | 
					 | 
				
			||||||
              LEVEL4: [13, 14, 17, 28, 11],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          AREALIST: [
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["电焊作业区", "修理场", "炸药库", "矿山", "加油站-采场"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 1, 1, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 1, 1, 2, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [10, 13, 20, 35, 33],
 | 
					 | 
				
			||||||
              LEVEL4: [18, 33, 43, 21, 27],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["破碎车间", "磨重车间", "尾矿库库区", "钨细泥回收车间", "综合回收车间", "尾矿库截洪单元"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 0, 0, 0, 1, 1],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 7, 22, 43, 1],
 | 
					 | 
				
			||||||
              LEVEL4: [7, 26, 8, 18, 21, 24],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["尾矿库库区", "高压配电室", "炸药库区", "尾矿机修区"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 70, 105],
 | 
					 | 
				
			||||||
              LEVEL4: [23, 13, 21, 15],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["保安办公室", "停车场", "食堂", "化验室", "排土场"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [1, 3, 70, 15, 23],
 | 
					 | 
				
			||||||
              LEVEL4: [13, 14, 17, 28, 11],
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          RISKTYPELIST: [
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["容器爆炸", "淹溺", "物体打击", "高处坠落", "起重伤害", "其他爆炸", "冒顶片帮", "火药爆炸"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
 | 
					 | 
				
			||||||
              LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["其他伤害", "机械伤害", "灼烫", "容器爆炸", "中毒和窒息", "起重伤害", "冒顶片帮", "触电"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [71, 66, 55, 49, 34, 28, 17, 8],
 | 
					 | 
				
			||||||
              LEVEL4: [69, 64, 53, 47, 32, 26, 15, 6]
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["其他伤害", "车辆伤害", "火药爆炸", "高处坠落", "坍塌", "触电", "机械伤害", "灼烫"],
 | 
					 | 
				
			||||||
              LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
 | 
					 | 
				
			||||||
              LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              NAME: ["机械伤害", "容器爆炸", "物体打击", "高处坠落", "火灾", "其他爆炸", "中毒和窒息", "触电"],
 | 
					 | 
				
			||||||
              LEVEL1: [0, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
 | 
					 | 
				
			||||||
              LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
 | 
					 | 
				
			||||||
              LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
          CHARTZYRW1:
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            NAME: ["许可作业", "关键任务", "一般任务"],
 | 
					 | 
				
			||||||
            LEVEL1: [67, 81, 191],
 | 
					 | 
				
			||||||
          }
 | 
					 | 
				
			||||||
          ,
 | 
					 | 
				
			||||||
          CHARTZYRW2: [
 | 
					 | 
				
			||||||
            { name: "许可作业", value: 67 },
 | 
					 | 
				
			||||||
            { name: "关键任务", value: 81 },
 | 
					 | 
				
			||||||
            { name: "一般任务", value: 191 },
 | 
					 | 
				
			||||||
          ],
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        TotalCount: 0,
 | 
					 | 
				
			||||||
        MessageType: 0,
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
    };
 | 
					    };
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -283,28 +50,15 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
        this.chart4(ret?.Data.DATECOUNTS);
 | 
					        this.chart4(ret?.Data.DATECOUNTS);
 | 
				
			||||||
        this.chartFXDJ1(ret?.Data.CHARTFXDJ1);
 | 
					        this.chartFXDJ1(ret?.Data.CHARTFXDJ1);
 | 
				
			||||||
        this.chartFXDJ2(ret?.Data.CHARTFXDJ2);
 | 
					        this.chartFXDJ2(ret?.Data.CHARTFXDJ2);
 | 
				
			||||||
        this.chartSCDY(ret?.Data.CHARTLIST[0]);
 | 
					 | 
				
			||||||
        this.chartFXLB1(ret?.Data.CHARTLIST[1]);
 | 
					        this.chartFXLB1(ret?.Data.CHARTLIST[1]);
 | 
				
			||||||
        this.chartCJ(ret?.Data.CHARTLIST[3]);
 | 
					        this.chartCJ(ret?.Data.CHARTLIST[3]);
 | 
				
			||||||
        this.chartZRDW(ret?.Data.CHARTLIST[2]);
 | 
					        this.chartZRDW(ret?.Data.CHARTLIST[2]);
 | 
				
			||||||
        this.chartQY(ret?.Data.CHARTLIST[4]);
 | 
					        this.chartQY(ret?.Data.CHARTLIST[4]);
 | 
				
			||||||
        this.chartZYRW1(ret?.Data.CHARTZYRW1);
 | 
					        // this.chartZYRW1(ret?.Data.CHARTZYRW1);
 | 
				
			||||||
        this.chartZYRW2(ret?.Data.CHARTZYRW2);
 | 
					        // this.chartZYRW2(ret?.Data.CHARTZYRW2);
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
  getBaseInfoData = (mineType) => {
 | 
					 | 
				
			||||||
    this.chart4(this.state.ret.Data.DATECOUNTS);
 | 
					 | 
				
			||||||
    this.chartFXDJ1(this.state.ret.Data.CHARTFXDJ1);
 | 
					 | 
				
			||||||
    this.chartFXDJ2(this.state.ret.Data.CHARTFXDJ2);
 | 
					 | 
				
			||||||
    this.chartSCDY(this.state.ret.Data.CHARTLIST[0]);
 | 
					 | 
				
			||||||
    this.chartFXLB1(this.state.ret.Data.CHARTLIST[1]);
 | 
					 | 
				
			||||||
    this.chartCJ(this.state.ret.Data.CHARTLIST[3]);
 | 
					 | 
				
			||||||
    this.chartZRDW(this.state.ret.Data.CHARTLIST[2]);
 | 
					 | 
				
			||||||
    this.chartQY(this.state.ret.Data.CHARTLIST[4]);
 | 
					 | 
				
			||||||
    this.chartZYRW1(this.state.ret.Data.CHARTZYRW1);
 | 
					 | 
				
			||||||
    this.chartZYRW2(this.state.ret.Data.CHARTZYRW2);
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
  chart4 = (data) => {
 | 
					  chart4 = (data) => {
 | 
				
			||||||
    let riskArr = [];
 | 
					    let riskArr = [];
 | 
				
			||||||
    let hazardArr = [];
 | 
					    let hazardArr = [];
 | 
				
			||||||
@ -526,7 +280,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              itemStyle: {
 | 
					              itemStyle: {
 | 
				
			||||||
@ -575,7 +329,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          legend: {
 | 
					          legend: {
 | 
				
			||||||
            left: "0%",
 | 
					            left: "0%",
 | 
				
			||||||
            bottom: "10%",
 | 
					            bottom: "10%",
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
@ -615,126 +369,6 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
      );
 | 
					      );
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
  chartSCDY = (Data) => {
 | 
					 | 
				
			||||||
    let chartSCDY = document.getElementById("chartSCDY");
 | 
					 | 
				
			||||||
    let myChart = echarts.init(chartSCDY);
 | 
					 | 
				
			||||||
    myChart.setOption(
 | 
					 | 
				
			||||||
      {
 | 
					 | 
				
			||||||
        tooltip: {
 | 
					 | 
				
			||||||
          trigger: "axis",
 | 
					 | 
				
			||||||
          axisPointer: {
 | 
					 | 
				
			||||||
            // 坐标轴指示器,坐标轴触发有效
 | 
					 | 
				
			||||||
            type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        legend: {
 | 
					 | 
				
			||||||
          left: "center",
 | 
					 | 
				
			||||||
          align: "left",
 | 
					 | 
				
			||||||
          bottom: "2%",
 | 
					 | 
				
			||||||
          textStyle: {
 | 
					 | 
				
			||||||
            color: "#000",
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
          itemWidth: 10,
 | 
					 | 
				
			||||||
          itemHeight: 10,
 | 
					 | 
				
			||||||
          data: ["一级", "二级", "三级", "四级"],
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        grid: {
 | 
					 | 
				
			||||||
          left: "3%",
 | 
					 | 
				
			||||||
          right: "3%",
 | 
					 | 
				
			||||||
          bottom: "12%",
 | 
					 | 
				
			||||||
          top: "10%",
 | 
					 | 
				
			||||||
          containLabel: true,
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        xAxis: [
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            type: "category",
 | 
					 | 
				
			||||||
            data: Data.NAME,
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        ],
 | 
					 | 
				
			||||||
        yAxis: [
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            type: "value",
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        ],
 | 
					 | 
				
			||||||
        series: [
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            barWidth: 20,
 | 
					 | 
				
			||||||
            name: "一级",
 | 
					 | 
				
			||||||
            type: "bar",
 | 
					 | 
				
			||||||
            data: Data.LEVEL1,
 | 
					 | 
				
			||||||
            itemStyle: { color: this.state.level1Color },
 | 
					 | 
				
			||||||
            label: {
 | 
					 | 
				
			||||||
              normal: {
 | 
					 | 
				
			||||||
                show: true,
 | 
					 | 
				
			||||||
                position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
 | 
					 | 
				
			||||||
                formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
 | 
					 | 
				
			||||||
                textStyle: {
 | 
					 | 
				
			||||||
                  fontSize: 12, // 字体大小
 | 
					 | 
				
			||||||
                  color: '#333', // 字体颜色
 | 
					 | 
				
			||||||
                },
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            barWidth: 20,
 | 
					 | 
				
			||||||
            name: "二级",
 | 
					 | 
				
			||||||
            type: "bar",
 | 
					 | 
				
			||||||
            data: Data.LEVEL2,
 | 
					 | 
				
			||||||
            itemStyle: { color: this.state.level2Color },
 | 
					 | 
				
			||||||
            label: {
 | 
					 | 
				
			||||||
              normal: {
 | 
					 | 
				
			||||||
                show: true,
 | 
					 | 
				
			||||||
                position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
 | 
					 | 
				
			||||||
                formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
 | 
					 | 
				
			||||||
                textStyle: {
 | 
					 | 
				
			||||||
                  fontSize: 12, // 字体大小
 | 
					 | 
				
			||||||
                  color: '#333', // 字体颜色
 | 
					 | 
				
			||||||
                },
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            barWidth: 20,
 | 
					 | 
				
			||||||
            name: "三级",
 | 
					 | 
				
			||||||
            type: "bar",
 | 
					 | 
				
			||||||
            data: Data.LEVEL3,
 | 
					 | 
				
			||||||
            itemStyle: { color: this.state.level3Color },
 | 
					 | 
				
			||||||
            label: {
 | 
					 | 
				
			||||||
              normal: {
 | 
					 | 
				
			||||||
                show: true,
 | 
					 | 
				
			||||||
                position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
 | 
					 | 
				
			||||||
                formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
 | 
					 | 
				
			||||||
                textStyle: {
 | 
					 | 
				
			||||||
                  fontSize: 12, // 字体大小
 | 
					 | 
				
			||||||
                  color: '#333', // 字体颜色
 | 
					 | 
				
			||||||
                },
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
          {
 | 
					 | 
				
			||||||
            barWidth: 20,
 | 
					 | 
				
			||||||
            name: "四级",
 | 
					 | 
				
			||||||
            type: "bar",
 | 
					 | 
				
			||||||
            data: Data.LEVEL4,
 | 
					 | 
				
			||||||
            itemStyle: { color: this.state.level4Color },
 | 
					 | 
				
			||||||
            label: {
 | 
					 | 
				
			||||||
              normal: {
 | 
					 | 
				
			||||||
                show: true,
 | 
					 | 
				
			||||||
                position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
 | 
					 | 
				
			||||||
                formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
 | 
					 | 
				
			||||||
                textStyle: {
 | 
					 | 
				
			||||||
                  fontSize: 12, // 字体大小
 | 
					 | 
				
			||||||
                  color: '#333', // 字体颜色
 | 
					 | 
				
			||||||
                },
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        ],
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
      true
 | 
					 | 
				
			||||||
    );
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
  chartFXLB1 = (Data) => {
 | 
					  chartFXLB1 = (Data) => {
 | 
				
			||||||
    let chartFXLB1 = document.getElementById("chartFXLB1");
 | 
					    let chartFXLB1 = document.getElementById("chartFXLB1");
 | 
				
			||||||
@ -860,7 +494,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -890,7 +524,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              itemStyle: { color: this.state.level1Color },
 | 
					              itemStyle: { color: this.state.level1Color },
 | 
				
			||||||
@ -906,7 +540,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              itemStyle: { color: this.state.level2Color },
 | 
					              itemStyle: { color: this.state.level2Color },
 | 
				
			||||||
@ -922,7 +556,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              itemStyle: { color: this.state.level3Color },
 | 
					              itemStyle: { color: this.state.level3Color },
 | 
				
			||||||
@ -938,7 +572,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              itemStyle: { color: this.state.level4Color },
 | 
					              itemStyle: { color: this.state.level4Color },
 | 
				
			||||||
@ -984,7 +618,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1007,7 +641,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              itemStyle: { color: this.state.level1Color },
 | 
					              itemStyle: { color: this.state.level1Color },
 | 
				
			||||||
@ -1025,7 +659,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              itemStyle: { color: this.state.level2Color },
 | 
					              itemStyle: { color: this.state.level2Color },
 | 
				
			||||||
@ -1043,7 +677,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              itemStyle: { color: this.state.level3Color },
 | 
					              itemStyle: { color: this.state.level3Color },
 | 
				
			||||||
@ -1061,7 +695,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              itemStyle: { color: this.state.level4Color },
 | 
					              itemStyle: { color: this.state.level4Color },
 | 
				
			||||||
@ -1109,7 +743,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1135,7 +769,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              stack: "总量",
 | 
					              stack: "总量",
 | 
				
			||||||
              label: {
 | 
					              label: {
 | 
				
			||||||
@ -1147,7 +781,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              stack: "总量",
 | 
					              stack: "总量",
 | 
				
			||||||
              label: {
 | 
					              label: {
 | 
				
			||||||
@ -1159,7 +793,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              stack: "总量",
 | 
					              stack: "总量",
 | 
				
			||||||
              label: {
 | 
					              label: {
 | 
				
			||||||
@ -1171,7 +805,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              stack: "总量",
 | 
					              stack: "总量",
 | 
				
			||||||
              label: {
 | 
					              label: {
 | 
				
			||||||
@ -1217,7 +851,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              itemStyle: {
 | 
					              itemStyle: {
 | 
				
			||||||
@ -1346,7 +980,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1376,7 +1010,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              stack: Stack1,
 | 
					              stack: Stack1,
 | 
				
			||||||
@ -1395,7 +1029,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              stack: Stack2,
 | 
					              stack: Stack2,
 | 
				
			||||||
@ -1414,7 +1048,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              stack: Stack3,
 | 
					              stack: Stack3,
 | 
				
			||||||
@ -1433,7 +1067,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              stack: Stack4,
 | 
					              stack: Stack4,
 | 
				
			||||||
@ -1482,7 +1116,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1512,7 +1146,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              stack: Stack1,
 | 
					              stack: Stack1,
 | 
				
			||||||
@ -1532,7 +1166,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              stack: Stack2,
 | 
					              stack: Stack2,
 | 
				
			||||||
@ -1551,7 +1185,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              stack: Stack3,
 | 
					              stack: Stack3,
 | 
				
			||||||
@ -1570,7 +1204,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              stack: Stack4,
 | 
					              stack: Stack4,
 | 
				
			||||||
@ -1619,7 +1253,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1649,7 +1283,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              stack: Stack1,
 | 
					              stack: Stack1,
 | 
				
			||||||
@ -1669,7 +1303,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              stack: Stack2,
 | 
					              stack: Stack2,
 | 
				
			||||||
@ -1688,7 +1322,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              stack: Stack3,
 | 
					              stack: Stack3,
 | 
				
			||||||
@ -1707,7 +1341,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              stack: Stack4,
 | 
					              stack: Stack4,
 | 
				
			||||||
@ -1756,7 +1390,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1786,7 +1420,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              stack: Stack1,
 | 
					              stack: Stack1,
 | 
				
			||||||
@ -1806,7 +1440,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              stack: Stack2,
 | 
					              stack: Stack2,
 | 
				
			||||||
@ -1825,7 +1459,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              stack: Stack3,
 | 
					              stack: Stack3,
 | 
				
			||||||
@ -1844,7 +1478,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              barWidth: 20,
 | 
					              barWidth: 20,
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              stack: Stack4,
 | 
					              stack: Stack4,
 | 
				
			||||||
@ -1893,7 +1527,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            },
 | 
					            },
 | 
				
			||||||
            itemWidth: 10,
 | 
					            itemWidth: 10,
 | 
				
			||||||
            itemHeight: 10,
 | 
					            itemHeight: 10,
 | 
				
			||||||
            data: ["一级", "二级", "三级", "四级"],
 | 
					            data: ["重大风险", "较大风险", "一般风险", "低风险"],
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          grid: {
 | 
					          grid: {
 | 
				
			||||||
            left: "3%",
 | 
					            left: "3%",
 | 
				
			||||||
@ -1922,7 +1556,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
          ],
 | 
					          ],
 | 
				
			||||||
          series: [
 | 
					          series: [
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              name: "一级",
 | 
					              name: "重大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL1,
 | 
					              data: Data.LEVEL1,
 | 
				
			||||||
              itemStyle: { color: this.state.level1Color },
 | 
					              itemStyle: { color: this.state.level1Color },
 | 
				
			||||||
@ -1941,7 +1575,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
              },
 | 
					              },
 | 
				
			||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              name: "二级",
 | 
					              name: "较大风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL2,
 | 
					              data: Data.LEVEL2,
 | 
				
			||||||
              itemStyle: { color: this.state.level2Color },
 | 
					              itemStyle: { color: this.state.level2Color },
 | 
				
			||||||
@ -1960,7 +1594,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
              },
 | 
					              },
 | 
				
			||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              name: "三级",
 | 
					              name: "一般风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL3,
 | 
					              data: Data.LEVEL3,
 | 
				
			||||||
              itemStyle: { color: this.state.level3Color },
 | 
					              itemStyle: { color: this.state.level3Color },
 | 
				
			||||||
@ -1979,7 +1613,7 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
              },
 | 
					              },
 | 
				
			||||||
            },
 | 
					            },
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
              name: "四级",
 | 
					              name: "低风险",
 | 
				
			||||||
              type: "bar",
 | 
					              type: "bar",
 | 
				
			||||||
              data: Data.LEVEL4,
 | 
					              data: Data.LEVEL4,
 | 
				
			||||||
              itemStyle: { color: this.state.level4Color },
 | 
					              itemStyle: { color: this.state.level4Color },
 | 
				
			||||||
@ -2160,16 +1794,18 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
            <div className="home-always-title">
 | 
					            <div className="home-always-title">
 | 
				
			||||||
              <div className="home-always-left">
 | 
					              <div className="home-always-left">
 | 
				
			||||||
                <div className="home-always-badge"></div>
 | 
					                <div className="home-always-badge"></div>
 | 
				
			||||||
                <div className="home-always-name">生产单元</div>
 | 
					                <div className="home-always-name">风险类别</div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <div onClick={() => this.showDetailModal("生产单元")}>
 | 
					              {/* <div onClick={() => this.showDetailModal("风险类别2")}>
 | 
				
			||||||
                <IconFont
 | 
					                <IconFont
 | 
				
			||||||
                  type="icon-24gl-expand2"
 | 
					                  type="icon-24gl-expand2"
 | 
				
			||||||
                  className="home-always-icon"
 | 
					                  className="home-always-icon"
 | 
				
			||||||
                ></IconFont>
 | 
					                ></IconFont>
 | 
				
			||||||
 | 
					              </div> */}
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div className="risk-chart" style={{ height: "330px" }}>
 | 
				
			||||||
 | 
					              <div id="chartFXLB1" style={{ width: "100%", flex: 1 }}></div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div id="chartSCDY" style={{ width: "100%", height: "330px" }}></div>
 | 
					 | 
				
			||||||
          </Col>
 | 
					          </Col>
 | 
				
			||||||
          <Col span={1}></Col>
 | 
					          <Col span={1}></Col>
 | 
				
			||||||
          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
 | 
					          <Col span={10} className="risk-model-col" style={{ padding: 0 }}>
 | 
				
			||||||
@ -2178,12 +1814,12 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
                <div className="home-always-badge"></div>
 | 
					                <div className="home-always-badge"></div>
 | 
				
			||||||
                <div className="home-always-name">层级</div>
 | 
					                <div className="home-always-name">层级</div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <div onClick={() => this.showDetailModal("层级")}>
 | 
					              {/* <div onClick={() => this.showDetailModal("层级")}>
 | 
				
			||||||
                <IconFont
 | 
					                <IconFont
 | 
				
			||||||
                  type="icon-24gl-expand2"
 | 
					                  type="icon-24gl-expand2"
 | 
				
			||||||
                  className="home-always-icon"
 | 
					                  className="home-always-icon"
 | 
				
			||||||
                ></IconFont>
 | 
					                ></IconFont>
 | 
				
			||||||
              </div>
 | 
					              </div> */}
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div className="risk-chart" style={{ height: "330px" }}>
 | 
					            <div className="risk-chart" style={{ height: "330px" }}>
 | 
				
			||||||
              <div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
 | 
					              <div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
 | 
				
			||||||
@ -2198,12 +1834,12 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
                <div className="home-always-badge"></div>
 | 
					                <div className="home-always-badge"></div>
 | 
				
			||||||
                <div className="home-always-name">责任单位</div>
 | 
					                <div className="home-always-name">责任单位</div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <div onClick={() => this.showDetailModal("责任单位")}>
 | 
					              {/* <div onClick={() => this.showDetailModal("责任单位")}>
 | 
				
			||||||
                <IconFont
 | 
					                <IconFont
 | 
				
			||||||
                  type="icon-24gl-expand2"
 | 
					                  type="icon-24gl-expand2"
 | 
				
			||||||
                  className="home-always-icon"
 | 
					                  className="home-always-icon"
 | 
				
			||||||
                ></IconFont>
 | 
					                ></IconFont>
 | 
				
			||||||
              </div>
 | 
					              </div> */}
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div className="risk-chart" style={{ height: "330px" }}>
 | 
					            <div className="risk-chart" style={{ height: "330px" }}>
 | 
				
			||||||
              <div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
 | 
					              <div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
 | 
				
			||||||
@ -2216,49 +1852,17 @@ class BI014RiskPerformanceModel extends React.Component {
 | 
				
			|||||||
                <div className="home-always-badge"></div>
 | 
					                <div className="home-always-badge"></div>
 | 
				
			||||||
                <div className="home-always-name">区域</div>
 | 
					                <div className="home-always-name">区域</div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <div onClick={() => this.showDetailModal("区域")}>
 | 
					              {/* <div onClick={() => this.showDetailModal("区域")}>
 | 
				
			||||||
                <IconFont
 | 
					                <IconFont
 | 
				
			||||||
                  type="icon-24gl-expand2"
 | 
					                  type="icon-24gl-expand2"
 | 
				
			||||||
                  className="home-always-icon"
 | 
					                  className="home-always-icon"
 | 
				
			||||||
                ></IconFont>
 | 
					                ></IconFont>
 | 
				
			||||||
              </div>
 | 
					              </div> */}
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
 | 
					            <div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
 | 
				
			||||||
          </Col>
 | 
					          </Col>
 | 
				
			||||||
          <Col span={1}></Col>
 | 
					          <Col span={1}></Col>
 | 
				
			||||||
        </Row>
 | 
					        </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("风险类别2")}>
 | 
					 | 
				
			||||||
                <IconFont
 | 
					 | 
				
			||||||
                  type="icon-24gl-expand2"
 | 
					 | 
				
			||||||
                  className="home-always-icon"
 | 
					 | 
				
			||||||
                ></IconFont>
 | 
					 | 
				
			||||||
              </div>
 | 
					 | 
				
			||||||
            </div>
 | 
					 | 
				
			||||||
            <div className="risk-chart" style={{ height: "330px" }}>
 | 
					 | 
				
			||||||
              <div id="chartFXLB1" 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>
 | 
					 | 
				
			||||||
            <div id="chartZYRW1" style={{ width: "45%", height: "330px", float: "left" }}></div>
 | 
					 | 
				
			||||||
            <div id="chartZYRW2" style={{ width: "45%", height: "330px", float: "left" }}></div>
 | 
					 | 
				
			||||||
          </Col>
 | 
					 | 
				
			||||||
          <Col span={1}></Col>
 | 
					 | 
				
			||||||
        </Row>
 | 
					 | 
				
			||||||
        <br />
 | 
					        <br />
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    );
 | 
					    );
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user