From 29bb853441e92bc2a40c5ec119314e9292244f2b Mon Sep 17 00:00:00 2001
From: yunkexin <760754045@qq.com>
Date: Thu, 11 Dec 2025 16:53:40 +0800
Subject: [PATCH] 1

---
 src/layout/FullScreen.js | 825 ++++++++++++++++++---------------------
 1 file changed, 382 insertions(+), 443 deletions(-)

diff --git a/src/layout/FullScreen.js b/src/layout/FullScreen.js
index 6ddb1a4..3a61170 100644
--- a/src/layout/FullScreen.js
+++ b/src/layout/FullScreen.js
@@ -1,18 +1,16 @@
-import React, { useState, useEffect, useMemo, useRef } from "react";
-import { connect } from "dva";
-import { withRouter, matchPath } from "dva/router";
-import { Scrollbars } from "react-custom-scrollbars";
-import { Icon, Row, Col, Progress } from "antd";
-import EnergyIcon from "../utils/energyIcon";
-import { $consts } from "../plugins";
-import styles from "./full.less";
-import echarts from "echarts";
-import realGif from "../assets/layout/mofang.png";
-import storage from "../utils/storage";
-import {
-  initFilter,
-} from "../utils/common";
-import logo from "../assets/layout/headerno-logo-new.png";
+import React, { useState, useEffect, useMemo, useRef } from 'react';
+import { connect } from 'dva';
+import { withRouter, matchPath } from 'dva/router';
+import { Scrollbars } from 'react-custom-scrollbars';
+import { Icon, Row, Col, Progress } from 'antd';
+import EnergyIcon from '../utils/energyIcon';
+import { $consts } from '../plugins';
+import styles from './full.less';
+import echarts from 'echarts';
+import realGif from '../assets/layout/mofang.png';
+import storage from '../utils/storage';
+import { initFilter } from '../utils/common';
+import logo from '../assets/layout/headerno-logo-new.png';
 import {
   FullScreenContainer,
   BorderBox8,
@@ -20,23 +18,21 @@ import {
   ScrollBoard,
   CapsuleChart,
   WaterLevelPond,
-} from "@jiaminghi/data-view-react";
-import { text } from "@jiaminghi/data-view-react/lib/index-cd27b7f6";
+} from '@jiaminghi/data-view-react';
+import { text } from '@jiaminghi/data-view-react/lib/index-cd27b7f6';
 
 const stud = (eve) => {
   return (
-    <div
-      style={{ display: "flex", flexDirection: "row", alignItems: "center" }}
-    >
+    <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
       <div
         style={{
-          width: "70%",
-          backgroundColor: "#ec1c24",
-          height: "30%",
-          borderRadius: "10px",
-          position: "relative",
-          top: "50%",
-          transform: "translateY(-50%)",
+          width: '70%',
+          backgroundColor: '#ec1c24',
+          height: '30%',
+          borderRadius: '10px',
+          position: 'relative',
+          top: '50%',
+          transform: 'translateY(-50%)',
         }}
       ></div>
       <div>90</div>
@@ -48,71 +44,71 @@ class FullScreen extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      safetySloganOne: "",
+      safetySloganOne: '',
       animationDuration: 20,
       sliderColor: '#de4e58',
       sliderSize: '24px',
       screenWidh: window.screen.width > 2000 ? true : false,
-      nowDate: "",
+      nowDate: '',
       checkData: [
-        { name: "公司检查", value: 103 },
-        { name: "部门检查", value: 79 },
-        { name: "车间检查", value: 86 },
-        { name: "班组检查", value: 94 },
+        { name: '公司检查', value: 103 },
+        { name: '部门检查', value: 79 },
+        { name: '车间检查', value: 86 },
+        { name: '班组检查', value: 94 },
       ],
-      widthp: "70%",
+      widthp: '70%',
       scrollConfig: {
-        header: ["检查类型", "检查次数", "完成率"],
+        header: ['检查类型', '检查次数', '完成率'],
         data: [
-          ["巡回检查", "322", "99%"],
-          ["例行检查", "255", "99%"],
-          ["日常检查", "253", "99%"],
-          ["专业检查", "123", "99%"],
-          ["巡回检查", "322", "99%"],
-          ["例行检查", "255", "99%"],
-          ["日常检查", "253", "99%"],
-          ["专业检查", "123", "99%"],
+          ['巡回检查', '322', '99%'],
+          ['例行检查', '255', '99%'],
+          ['日常检查', '253', '99%'],
+          ['专业检查', '123', '99%'],
+          ['巡回检查', '322', '99%'],
+          ['例行检查', '255', '99%'],
+          ['日常检查', '253', '99%'],
+          ['专业检查', '123', '99%'],
         ],
         waitTime: 200000,
       },
       safescrollConfig: {
-        header: ["部门", "车间", "活动", "进度"],
+        header: ['部门', '车间', '活动', '进度'],
         data: [
-          ["矿山部", "穿爆车间", "班前会议", "98%"],
-          ["矿山部", "金宇宁化分公司", "班前会议", "98%"],
-          ["选矿部", "破碎车间", "班前会议", "95%"],
-          ["矿山部", "磨重车间", "班前会议", "92%"],
-          ["矿山部", "机电设备管理科", "班前会议", "83%"],
-          ["矿山部", "钨细泥回收车间", "班前会议", "93%"],
-          ["矿山部", "穿爆车间", "班前会议", "90%"],
-          ["矿山部", "穿爆车间", "班前会议", "90%"],
-          ["矿山部", "穿爆车间", "班前会议", "90%"],
+          ['矿山部', '穿爆车间', '班前会议', '98%'],
+          ['矿山部', '金宇宁化分公司', '班前会议', '98%'],
+          ['选矿部', '破碎车间', '班前会议', '95%'],
+          ['矿山部', '磨重车间', '班前会议', '92%'],
+          ['矿山部', '机电设备管理科', '班前会议', '83%'],
+          ['矿山部', '钨细泥回收车间', '班前会议', '93%'],
+          ['矿山部', '穿爆车间', '班前会议', '90%'],
+          ['矿山部', '穿爆车间', '班前会议', '90%'],
+          ['矿山部', '穿爆车间', '班前会议', '90%'],
         ],
         index: true,
         columnWidth: [80, 200, 300, 200, 200],
-        align: ["center"],
+        align: ['center'],
         waitTime: 2000,
       },
       chartConfig: {
         data: [
           {
-            name: "电工日常班",
+            name: '电工日常班',
             value: 97,
           },
           {
-            name: "电工三班",
+            name: '电工三班',
             value: 95,
           },
           {
-            name: "破碎一班",
+            name: '破碎一班',
             value: 91,
           },
           {
-            name: "磨重二班",
+            name: '磨重二班',
             value: 86,
           },
           {
-            name: "磨重三班",
+            name: '磨重三班',
             value: 83,
           },
         ],
@@ -120,27 +116,27 @@ class FullScreen extends React.Component {
       },
       WaterLevelPondconfig1: {
         data: [75],
-        shape: "round",
+        shape: 'round',
       },
       WaterLevelPondconfig2: {
         data: [85],
-        shape: "round",
+        shape: 'round',
       },
       WaterLevelPondconfig3: {
         data: [95],
-        shape: "round",
+        shape: 'round',
       },
       completeData: [
         {
-          name: "班组会议完成率",
+          name: '班组会议完成率',
           value: 75,
         },
         {
-          name: "岗位交接班完成率",
+          name: '岗位交接班完成率',
           value: 85,
         },
         {
-          name: "岗位当班记录完成率",
+          name: '岗位当班记录完成率',
           value: 95,
         },
       ],
@@ -156,89 +152,89 @@ class FullScreen extends React.Component {
       // },
       meetingData: [
         {
-          name: "班前会议",
+          name: '班前会议',
           value: 32,
         },
         {
-          name: "班组活动",
+          name: '班组活动',
           value: 132,
         },
         {
-          name: "岗位交接班",
+          name: '岗位交接班',
           value: 32,
         },
         {
-          name: "岗位当班",
+          name: '岗位当班',
           value: 132,
         },
         {
-          name: "班前会议",
+          name: '班前会议',
           value: 32,
         },
         {
-          name: "班组活动",
+          name: '班组活动',
           value: 132,
         },
         {
-          name: "岗位交接班",
+          name: '岗位交接班',
           value: 32,
         },
         {
-          name: "岗位当班",
+          name: '岗位当班',
           value: 132,
         },
       ],
       roaData: [
         {
-          name: "总任务数",
+          name: '总任务数',
           value: 1456,
         },
         {
-          name: "超时待办数",
+          name: '超时待办数',
           value: 132,
         },
         {
-          name: "安全检查数",
+          name: '安全检查数',
           value: 1456,
         },
         {
-          name: "检查完成率",
+          name: '检查完成率',
           value: 32,
         },
         {
-          name: "职业危害",
+          name: '职业危害',
           value: 132,
         },
         {
-          name: "管控措施",
+          name: '管控措施',
           value: 1456,
         },
         {
-          name: "安全检查库",
+          name: '安全检查库',
           value: 132,
         },
         {
-          name: "危险源库",
+          name: '危险源库',
           value: 32,
         },
         {
-          name: "培训计划完成率",
+          name: '培训计划完成率',
           value: 132,
         },
         {
-          name: "用户活跃度",
+          name: '用户活跃度',
           value: 1456,
         },
         {
-          name: "系统用户数",
+          name: '系统用户数',
           value: 132,
         },
         {
-          name: "正常已办数",
+          name: '正常已办数',
           value: 32,
         },
         {
-          name: "未完成数",
+          name: '未完成数',
           value: 132,
         },
       ],
@@ -276,7 +272,7 @@ class FullScreen extends React.Component {
     //     nowDate:this.getDate()
     //   })
     // },1000)
-this.getHomeTitle()
+    this.getHomeTitle();
     this.completeChart(this.state.completeData);
     // this.completeChart(this.state.completeDatatwo);
     // this.completeChart(this.state.completeDatathree);
@@ -304,27 +300,26 @@ this.getHomeTitle()
   componentWillUnmount() {
     clearInterval(this.timer);
   }
-    getHomeTitle = () => {
-      var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
-      let json = initFilter(orgId);
-      this.props.dispatch({
-        type: "app/getDataByPost",
-        payload: json,
-        url: "PF/HomeTitle/OrderPaged",
-        onComplete: (ret) => {
-          if (ret) {
-            this.setState({
-              safetySloganOne: ret[0].TITLE,
-              // safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。   2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。   6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
-              animationDuration: ret[0].SECOND,
-              sliderColor: ret[0].COCOR,
-              sliderSize: ret[0].FONTSIZE
-  
-            });
-          }
-        },
-      });
-    }
+  getHomeTitle = () => {
+    var orgId = storage('lacal').getItem('webOrgId')?.val; //登录后有存储登录信息
+    let json = initFilter(orgId);
+    this.props.dispatch({
+      type: 'app/getDataByPost',
+      payload: json,
+      url: 'PF/HomeTitle/OrderPaged',
+      onComplete: (ret) => {
+        if (ret) {
+          this.setState({
+            safetySloganOne: ret[0].TITLE,
+            // safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。   2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。   6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
+            animationDuration: ret[0].SECOND,
+            sliderColor: ret[0].COCOR,
+            sliderSize: ret[0].FONTSIZE,
+          });
+        }
+      },
+    });
+  };
   getDate = () => {
     var myDate = new Date();
     var year = myDate.getFullYear(); //获取当前年
@@ -334,49 +329,37 @@ this.getHomeTitle()
     // var minutes = myDate.getMinutes(); //获取当前分钟
 
     if (myDate.getHours() < 10) {
-      var hours = "0" + myDate.getHours();
+      var hours = '0' + myDate.getHours();
     } else {
       hours = myDate.getHours(); //获取当前小时
     }
     if (myDate.getMinutes() < 10) {
-       var minutes = "0" + myDate.getMinutes();
+      var minutes = '0' + myDate.getMinutes();
     } else {
-        minutes = myDate.getMinutes(); //获取当前分钟
+      minutes = myDate.getMinutes(); //获取当前分钟
     }
     if (myDate.getSeconds() < 10) {
-      var seconds = "0" + myDate.getSeconds();
+      var seconds = '0' + myDate.getSeconds();
     } else {
       seconds = myDate.getSeconds(); //获取当前秒
     }
 
-    var now =
-      year +
-      " 年 " +
-      mon +
-      " 月 " +
-      date +
-      " 日 " +
-      "\t\t\t" +
-      hours +
-      " : " +
-      minutes +
-      " : " +
-      seconds;
+    var now = year + ' 年 ' + mon + ' 月 ' + date + ' 日 ' + '\t\t\t' + hours + ' : ' + minutes + ' : ' + seconds;
     return now;
   };
   completeChart = (evt) => {
     let seriesArr = [];
     let centerArr = [
-      ["17%", "50%"],
-      ["50%", "50%"],
-      ["83%", "50%"],
+      ['17%', '50%'],
+      ['50%', '50%'],
+      ['83%', '50%'],
     ];
     evt.forEach((item, index) => {
       seriesArr.push(
         {
-          name: "统计",
-          type: "gauge",
-          radius: "75%", //图表尺寸
+          name: '统计',
+          type: 'gauge',
+          radius: '75%', //图表尺寸
           center: centerArr[index],
           axisLine: {
             show: true,
@@ -384,33 +367,33 @@ this.getHomeTitle()
               width: 0,
               shadowBlur: 0,
               color: [
-                [0.05, "#a62efb"],
-                [0.1, "#af23fa"],
-                [0.15, "#b31ffa"],
-                [0.2, "#b71afa"],
-                [0.25, "#b51dfa"],
-                [0.3, "#b220fa"],
-                [0.35, "#a42ffb"],
-                [0.4, "#993dfb"],
-                [0.45, "#8f47fb"],
-                [0.5, "#7b5efc"],
-                [0.55, "#6476fc"],
-                [0.6, "#4c91fd"],
-                [0.65, "#35abfe"],
-                [0.7, "#24befe"],
-                [0.75, "#12d1ff"],
-                [0.8, "#06defe"],
-                [0.85, "#05e0ff"],
-                [0.9, "#06deff"],
-                [0.95, "#06deff"],
-                [1, "#06deff"],
+                [0.05, '#a62efb'],
+                [0.1, '#af23fa'],
+                [0.15, '#b31ffa'],
+                [0.2, '#b71afa'],
+                [0.25, '#b51dfa'],
+                [0.3, '#b220fa'],
+                [0.35, '#a42ffb'],
+                [0.4, '#993dfb'],
+                [0.45, '#8f47fb'],
+                [0.5, '#7b5efc'],
+                [0.55, '#6476fc'],
+                [0.6, '#4c91fd'],
+                [0.65, '#35abfe'],
+                [0.7, '#24befe'],
+                [0.75, '#12d1ff'],
+                [0.8, '#06defe'],
+                [0.85, '#05e0ff'],
+                [0.9, '#06deff'],
+                [0.95, '#06deff'],
+                [1, '#06deff'],
               ],
             },
           },
           axisTick: {
             show: true,
             lineStyle: {
-              color: "auto",
+              color: 'auto',
               width: 2,
             },
             length: -5,
@@ -420,7 +403,7 @@ this.getHomeTitle()
             show: true,
             length: -10,
             lineStyle: {
-              color: "auto",
+              color: 'auto',
               width: 2,
             },
           },
@@ -436,9 +419,9 @@ this.getHomeTitle()
           },
           title: {
             show: true,
-            offsetCenter: [0, "100%"], // x, y，单位px
+            offsetCenter: [0, '100%'], // x, y，单位px
             textStyle: {
-              color: "#fff",
+              color: '#fff',
               fontSize: 14,
             },
           },
@@ -449,8 +432,8 @@ this.getHomeTitle()
           ],
         },
         {
-          type: "gauge",
-          radius: "70%",
+          type: 'gauge',
+          radius: '70%',
           center: centerArr[index],
           splitNumber: 0, //刻度数量
           startAngle: 225,
@@ -465,11 +448,11 @@ this.getHomeTitle()
                   new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                     {
                       offset: 0,
-                      color: "#A52EFA",
+                      color: '#A52EFA',
                     },
                     {
                       offset: 1,
-                      color: "#07DDFD",
+                      color: '#07DDFD',
                     },
                   ]),
                 ],
@@ -491,9 +474,9 @@ this.getHomeTitle()
           },
           title: {
             show: false,
-            offsetCenter: [0, "-20%"], // x, y，单位px
+            offsetCenter: [0, '-20%'], // x, y，单位px
             textStyle: {
-              color: "#fff",
+              color: '#fff',
               fontSize: 12,
             },
           },
@@ -501,9 +484,9 @@ this.getHomeTitle()
           detail: {
             show: true,
             offsetCenter: [0, 0],
-            color: "#fff",
+            color: '#fff',
             formatter: function (params) {
-              return params + "%";
+              return params + '%';
             },
             textStyle: {
               fontSize: 22,
@@ -518,7 +501,7 @@ this.getHomeTitle()
         }
       );
     });
-    let completeCharts = document.getElementById("completeone");
+    let completeCharts = document.getElementById('completeone');
     if (completeCharts) {
       let myChart = echarts.init(completeCharts);
       myChart.setOption({
@@ -528,84 +511,84 @@ this.getHomeTitle()
     }
   };
   safedanger = () => {
-    let bgColor = "#000";
+    let bgColor = '#000';
     let color = [
-      "#0090FF",
-      "#36CE9E",
-      "#e690d1",
+      '#0090FF',
+      '#36CE9E',
+      '#e690d1',
       // "#FF515A",
       // "#8B5CFF",
       // "#00CA69",
     ];
     let echartData = [
       {
-        name: "1",
+        name: '1',
         value1: 99,
         value2: 93,
         value3: 90,
       },
       {
-        name: "2",
+        name: '2',
         value1: 95,
         value2: 98,
         value3: 60,
       },
       {
-        name: "3",
+        name: '3',
         value1: 92,
         value2: 99,
         value3: 90,
       },
       {
-        name: "4",
+        name: '4',
         value1: 99,
         value2: 96,
         value3: 96,
       },
       {
-        name: "5",
+        name: '5',
         value1: 80,
         value2: 85,
         value3: 91,
       },
       {
-        name: "6",
+        name: '6',
         value1: 99,
         value2: 65,
         value3: 80,
       },
       {
-        name: "7",
+        name: '7',
         value1: 92,
         value2: 97,
         value3: 70,
       },
       {
-        name: "8",
+        name: '8',
         value1: 75,
         value2: 96,
         value3: 90,
       },
       {
-        name: "9",
+        name: '9',
         value1: 93,
         value2: 95,
         value3: 90,
       },
       {
-        name: "10",
+        name: '10',
         value1: 100,
         value2: 97,
         value3: 90,
       },
       {
-        name: "11",
+        name: '11',
         value1: 99,
         value2: 93,
         value3: 90,
       },
       {
-        name: "12",
+        name: '12',
         value1: 93,
         value2: 87,
         value3: 90,
@@ -620,76 +603,73 @@ this.getHomeTitle()
     let yAxisData3 = echartData.map((v) => v.value3);
     // [233, 233, 200, 180, 199, 233, 210, 180]
     const hexToRgba = (hex, opacity) => {
-      let rgbaColor = "";
+      let rgbaColor = '';
       let reg = /^#[\da-f]{6}$/i;
       if (reg.test(hex)) {
-        rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
-          "0x" + hex.slice(3, 5)
-        )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
+        rgbaColor = `rgba(${parseInt('0x' + hex.slice(1, 3))},${parseInt('0x' + hex.slice(3, 5))},${parseInt(
+          '0x' + hex.slice(5, 7)
+        )},${opacity})`;
       }
       return rgbaColor;
     };
-    let opretionTrends = document.getElementById("opretionTrend");
+    let opretionTrends = document.getElementById('opretionTrend');
     if (opretionTrends) {
       let myChart = echarts.init(opretionTrends);
       myChart.setOption({
-        backgroundColor: "",
+        backgroundColor: '',
         color: color,
         legend: {
           right: 10,
           top: 10,
           textStyle: {
-            color: "#fff",
+            color: '#fff',
           },
         },
         tooltip: {
-          trigger: "axis",
+          trigger: 'axis',
           formatter: function (params) {
-            let html = "";
+            let html = '';
             params.forEach((v) => {
               html += `<div style="color: #666;font-size: 14px;line-height: 24px">
                 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
                   color[v.componentIndex]
                 };"></span>
                 ${v.seriesName}
-                <span style="color:${
-                  color[v.componentIndex]
-                };font-weight:700;font-size: 18px">${v.value}</span>
+                <span style="color:${color[v.componentIndex]};font-weight:700;font-size: 18px">${v.value}</span>
                 %`;
             });
 
             return html;
           },
-          extraCssText:
-            "background: #fff; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
+          extraCssText: 'background: #fff; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;',
           axisPointer: {
-            type: "shadow",
+            type: 'shadow',
             shadowStyle: {
               // color: "#ffffff",
-              shadowColor: "rgba(225,225,225,1)",
+              shadowColor: 'rgba(225,225,225,1)',
               shadowBlur: 5,
             },
           },
         },
         grid: {
           // top: 100,
-          top: "25%",
-          bottom: "10%",
+          top: '25%',
+          bottom: '10%',
           containLabel: true,
         },
         xAxis: [
           {
-            type: "category",
+            type: 'category',
             boundaryGap: false,
             axisLabel: {
-              formatter: "{value}月",
+              formatter: '{value}月',
               textStyle: {
-                color: "#fff",
+                color: '#fff',
               },
             },
             axisLine: {
               lineStyle: {
-                color: "#fff",
+                color: '#fff',
               },
             },
             data: xAxisData,
@@ -697,21 +677,21 @@ this.getHomeTitle()
         ],
         yAxis: [
           {
-            type: "value",
+            type: 'value',
             axisLabel: {
               textStyle: {
-                color: "#fff",
+                color: '#fff',
               },
             },
             nameTextStyle: {
-              color: "#fff",
+              color: '#fff',
               fontSize: 12,
               lineHeight: 40,
             },
             splitLine: {
               lineStyle: {
-                type: "dashed",
-                color: "#fff",
+                type: 'dashed',
+                color: '#fff',
               },
             },
             axisLine: {
@@ -724,8 +704,8 @@ this.getHomeTitle()
         ],
         series: [
           {
-            name: "选矿",
-            type: "line",
+            name: '选矿',
+            type: 'line',
             smooth: true,
             // showSymbol: false,/
             symbolSize: 8,
@@ -764,8 +744,8 @@ this.getHomeTitle()
             data: yAxisData1,
           },
           {
-            name: "矿山",
-            type: "line",
+            name: '矿山',
+            type: 'line',
             smooth: true,
             // showSymbol: false,
             symbolSize: 8,
@@ -804,8 +784,8 @@ this.getHomeTitle()
             data: yAxisData2,
           },
           {
-            name: "尾矿",
-            type: "line",
+            name: '尾矿',
+            type: 'line',
             smooth: true,
             // showSymbol: false,
             symbolSize: 8,
@@ -850,60 +830,60 @@ this.getHomeTitle()
   riskLevel = () => {
     let riskLevel = [];
     let showData = [
-      { value: 2, name: "一级" },
-      { value: 5, name: "二级" },
-      { value: 15, name: "三级" },
-      { value: 30, name: "四级" },
+      { value: 2, name: '一级' },
+      { value: 5, name: '二级' },
+      { value: 15, name: '三级' },
+      { value: 30, name: '四级' },
     ];
 
-    let riskLevels = document.getElementById("riskLevelFull");
+    let riskLevels = document.getElementById('riskLevelFull');
     if (riskLevels) {
       let myChart = echarts.init(riskLevels);
       myChart.setOption({
-        color: ["#c92a2a", "#FF6710", "#FFDD1E", "#0091FF", "#fa8a89"],
+        color: ['#c92a2a', '#FF6710', '#FFDD1E', '#0091FF', '#fa8a89'],
         title: [
           {
-            text: "52",
-            x: "center",
-            y: "40%",
+            text: '52',
+            x: 'center',
+            y: '40%',
             textStyle: {
               fontSize: 26,
-              fontWeight: "normal",
-              color: ["#fff"],
+              fontWeight: 'normal',
+              color: ['#fff'],
             },
           },
           {
-            text: "风险总数",
-            x: "center",
-            y: "55%",
+            text: '风险总数',
+            x: 'center',
+            y: '55%',
             textStyle: {
-              color: "#fff",
+              color: '#fff',
               fontSize: 12,
             },
           },
         ],
         tooltip: {
-          trigger: "item",
-          formatter: "{b}:({d}%)",
+          trigger: 'item',
+          formatter: '{b}:({d}%)',
         },
         series: [
           {
-            name: "访问来源",
-            type: "pie",
+            name: '访问来源',
+            type: 'pie',
             minAngle: 20,
-            radius: ["45%", "70%"],
-            center: ["50%", "50%"],
+            radius: ['45%', '70%'],
+            center: ['50%', '50%'],
             clockwise: true,
             avoidLabelOverlap: true,
             hoverOffset: 15,
             label: {
               show: true,
-              position: "outside",
+              position: 'outside',
               // formatter: '{a|{b}：{d}%}\n{hr|}',
-              formatter: "{a|{b}：}{e|{d}%}\n",
+              formatter: '{a|{b}：}{e|{d}%}\n',
               rich: {
                 hr: {
-                  backgroundColor: "t",
+                  backgroundColor: 't',
                   borderRadius: 3,
                   width: 3,
                   height: 3,
@@ -913,13 +893,13 @@ this.getHomeTitle()
                   padding: [-15, 0, 0, 0],
                   fontSize: 15,
                   // fontWeight: "bold",
-                  color: "#fff",
+                  color: '#fff',
                   // fontFamily:'站酷庆科黄油体',
                   // letterSpacing: 3,
                 },
                 e: {
                   fontSize: 14,
-                  color: "#fff",
+                  color: '#fff',
                   padding: [-15, 0, 0, 5],
                 },
               },
@@ -930,7 +910,7 @@ this.getHomeTitle()
                 length2: 30,
                 lineStyle: {
                   width: 1,
-                  type: "dashed",
+                  type: 'dashed',
                 },
               },
             },
@@ -952,81 +932,77 @@ this.getHomeTitle()
   };
 
   render() {
-     const { safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
+    const { safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
     return (
       <React.Fragment>
         <FullScreenContainer>
           <div className={styles.blackBack}>
             <div className={styles.backImage}>
               <div className={styles.header}>
-                <Row style={{ width: "100%", height: "100%" }}>
+                <Row style={{ width: '100%', height: '100%' }}>
                   <Col
                     span={8}
                     style={{
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "flex-start",
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'flex-start',
                     }}
                   >
                     <div
                       style={{
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "flex-start",
-                        flexDirection: "row",
-                        width: "80%",
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'flex-start',
+                        flexDirection: 'row',
+                        width: '80%',
                       }}
                     >
                       <img
                         src={logo}
                         alt="logo"
                         style={{
-                          width: "auto",
-                          height: "52px",
-                          margin: "10px 20px 10px 50px",
+                          width: 'auto',
+                          height: '52px',
+                          margin: '10px 20px 10px 50px',
                         }}
                       ></img>
                       <div
-                      className="slide-style"
-                      style={{
-                        '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
-                        '--slider-color': `${sliderColor}`, // 动态设置颜色
-                        '--slider-size': `${sliderSize}px`, // 动态设置颜色
-                      }}
-                    >
-                      <p className="slide-text-style">
-                        {safetySloganOne || '暂无公告'}
-                      </p>
-                    </div>
+                        className="slide-style"
+                        style={{
+                          '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
+                          '--slider-color': `${sliderColor}`, // 动态设置颜色
+                          '--slider-size': `${sliderSize}px`, // 动态设置颜色
+                        }}
+                      >
+                        <p className="slide-text-style">{safetySloganOne || '暂无公告'}</p>
+                      </div>
                     </div>
                   </Col>
                   <Col
                     span={8}
                     style={{
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'center',
                     }}
                   >
-                    <div className={styles.headerText}>
-                      宁化行洛坑安全生产标准化运营平台
-                    </div>
+                    <div className={styles.headerText}>安全生产标准化运营平台</div>
                   </Col>
                   <Col
                     span={8}
                     style={{
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "flex-end",
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'flex-end',
                     }}
                   >
                     <div
                       style={{
-                        color: "#fff",
-                        fontSize: "20px",
-                        margin: "10px 50px 10px 20px",
-                        fontWeight: "bold",
-                        height: "52px",
+                        color: '#fff',
+                        fontSize: '20px',
+                        margin: '10px 50px 10px 20px',
+                        fontWeight: 'bold',
+                        height: '52px',
                       }}
                     >
                       {this.state.nowDate}
@@ -1035,7 +1011,7 @@ this.getHomeTitle()
                 </Row>
               </div>
               <div className={styles.row}>
-                <Row style={{ width: "100%", height: "100%" }}>
+                <Row style={{ width: '100%', height: '100%' }}>
                   <Col span={8} className={styles.boxleft}>
                     <div className={styles.risklevel}>
                       {/* <BorderBox10> */}
@@ -1047,18 +1023,18 @@ this.getHomeTitle()
                       <div
                         id="riskLevelFull"
                         style={{
-                          display: "flex",
-                          flexDirection: "row",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "100%",
-                          height: "100%",
+                          display: 'flex',
+                          flexDirection: 'row',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          width: '100%',
+                          height: '100%',
                         }}
                       ></div>
                       {/* </BorderBox10> */}
                     </div>
 
-                    <div style={{ height: "10px" }}></div>
+                    <div style={{ height: '10px' }}></div>
                     <div className={styles.risklevelOne}>
                       {/* <BorderBox10> */}
                       <div className={styles.title}>
@@ -1067,23 +1043,23 @@ this.getHomeTitle()
                       </div>
                       <div
                         style={{
-                          display: "flex",
-                          flexDirection: "column",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "100%",
-                          height: "100%",
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          width: '100%',
+                          height: '100%',
                         }}
                       >
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "row",
-                            alignItems: "center",
-                            justifyContent: "space-between",
-                            width: "100%",
-                            height: "30%",
-                            padding: "10px 30px",
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            width: '100%',
+                            height: '30%',
+                            padding: '10px 30px',
                           }}
                         >
                           {this.state.checkData.map((item, index) => {
@@ -1092,30 +1068,28 @@ this.getHomeTitle()
                                 <BorderBox8>
                                   <div
                                     style={{
-                                      display: "flex",
-                                      flexDirection: "column",
-                                      alignItems: "center",
-                                      justifyContent: "space-between",
-                                      color: "#fff",
-                                      padding: "10px 25px",
+                                      display: 'flex',
+                                      flexDirection: 'column',
+                                      alignItems: 'center',
+                                      justifyContent: 'space-between',
+                                      color: '#fff',
+                                      padding: '10px 25px',
                                     }}
                                   >
                                     <div
                                       style={{
-                                        display: "flex",
-                                        flexDirection: "row",
-                                        alignItems: "center",
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
                                       }}
                                     >
-                                      <div style={{ fontSize: "14px" }}>
-                                        {item.name}
-                                      </div>
+                                      <div style={{ fontSize: '14px' }}>{item.name}</div>
 
                                       <div
                                         style={{
-                                          fontSize: "12px",
-                                          display: "flex",
-                                          justifyContent: "flex-end",
+                                          fontSize: '12px',
+                                          display: 'flex',
+                                          justifyContent: 'flex-end',
                                         }}
                                       >
                                         /次
@@ -1123,9 +1097,9 @@ this.getHomeTitle()
                                     </div>
                                     <div
                                       style={{
-                                        fontSize: "22px",
-                                        color: "#febc22",
-                                        fontWeight: "bold",
+                                        fontSize: '22px',
+                                        color: '#febc22',
+                                        fontWeight: 'bold',
                                       }}
                                     >
                                       {item.value}
@@ -1137,10 +1111,7 @@ this.getHomeTitle()
                           })}
                         </div>
                         <div className={styles.scrollboard}>
-                          <ScrollBoard
-                            config={this.state.scrollConfig}
-                            style={{ width: "100%", height: "100%" }}
-                          />
+                          <ScrollBoard config={this.state.scrollConfig} style={{ width: '100%', height: '100%' }} />
                         </div>
                       </div>
                       {/* </BorderBox10> */}
@@ -1149,11 +1120,11 @@ this.getHomeTitle()
                   <Col span={8} className={styles.boxTwo}>
                     <div
                       style={{
-                        display: "flex",
-                        flexDirection: "row",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        width: "100%",
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        width: '100%',
                       }}
                     >
                       {this.state.screenWidh ? (
@@ -1200,38 +1171,34 @@ this.getHomeTitle()
                     </div>
                     <div
                       style={{
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
                         // height: "100%",
                         // width: "100%",
                         flex: 1,
-                        position: "relative",
+                        position: 'relative',
                       }}
                     >
                       <div>
-                        <img
-                          src={realGif}
-                          alt="1"
-                          style={{ width: "100%", height: "100%" }}
-                        ></img>
+                        <img src={realGif} alt="1" style={{ width: '100%', height: '100%' }}></img>
                         <div
                           style={{
-                            position: "absolute",
-                            fontSize: "14px",
-                            color: "#fff",
-                            top: "0",
-                            left: "0",
-                            width: "100%",
-                            height: "100%",
+                            position: 'absolute',
+                            fontSize: '14px',
+                            color: '#fff',
+                            top: '0',
+                            left: '0',
+                            width: '100%',
+                            height: '100%',
                           }}
                         >
                           <div
                             style={{
-                              position: "relative",
-                              width: "100%",
-                              height: "100%",
-                              borderRadius: "50%",
+                              position: 'relative',
+                              width: '100%',
+                              height: '100%',
+                              borderRadius: '50%',
                             }}
                             className={styles.ulData}
                           >
@@ -1260,27 +1227,24 @@ this.getHomeTitle()
                       </div>
                       <div
                         style={{
-                          display: "flex",
-                          flexDirection: "column",
-                          alignItems: "center",
-                          width: "90%",
-                          height: "100%",
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          width: '90%',
+                          height: '100%',
                         }}
                       >
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "row",
-                            alignItems: "center",
-                            width: "100%",
-                            height: "50%",
-                            justifyContent: "space-between",
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            width: '100%',
+                            height: '50%',
+                            justifyContent: 'space-between',
                           }}
                         >
-                          <div
-                            id="completeone"
-                            style={{ width: "100%", height: "100%" }}
-                          ></div>
+                          <div id="completeone" style={{ width: '100%', height: '100%' }}></div>
                           {/* <div
                             id="completetwo"
                             style={{ width: "100%", height: "100%" }}
@@ -1304,27 +1268,23 @@ this.getHomeTitle()
                         </div>
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "row",
-                            alignItems: "center",
-                            width: "100%",
-                            height: "50%",
-                            justifyContent: "space-between",
-                            marginBottom: "10px",
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            width: '100%',
+                            height: '50%',
+                            justifyContent: 'space-between',
+                            marginBottom: '10px',
                           }}
                         >
-                          <Row gutter={[8, 8]} style={{ padding: "0px 10px" }}>
+                          <Row gutter={[8, 8]} style={{ padding: '0px 10px' }}>
                             {this.state.meetingData.map((item, index) => (
                               <Col span={6}>
                                 <div className={styles.gradientThree}>
                                   <div className={styles.gradientNext}>
                                     <div className={styles.gradientNextTwo}>
-                                      <div className={styles.gradientText}>
-                                        {item.value}
-                                      </div>
-                                      <div className={styles.gradientName}>
-                                        {item.name}
-                                      </div>
+                                      <div className={styles.gradientText}>{item.value}</div>
+                                      <div className={styles.gradientName}>{item.name}</div>
                                     </div>
                                   </div>
                                 </div>
@@ -1335,7 +1295,7 @@ this.getHomeTitle()
                       </div>
                     </div>
 
-                    <div style={{ height: "10px" }}></div>
+                    <div style={{ height: '10px' }}></div>
                     <div className={styles.risklevelOne}>
                       {/* <BorderBox10> */}
                       <div className={styles.title}>
@@ -1344,22 +1304,16 @@ this.getHomeTitle()
                       </div>
                       <div
                         style={{
-                          display: "flex",
-                          flexDirection: "column",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "100%",
-                          height: "100%",
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          width: '100%',
+                          height: '100%',
                         }}
                       >
-                        <div
-                          className={styles.scrollboard}
-                          style={{ marginTop: "20px" }}
-                        >
-                          <ScrollBoard
-                            config={this.state.safescrollConfig}
-                            style={{ width: "100%", height: "100%" }}
-                          />
+                        <div className={styles.scrollboard} style={{ marginTop: '20px' }}>
+                          <ScrollBoard config={this.state.safescrollConfig} style={{ width: '100%', height: '100%' }} />
                         </div>
                       </div>
                       {/* </BorderBox10> */}
@@ -1368,7 +1322,7 @@ this.getHomeTitle()
                 </Row>
               </div>
               <div className={styles.rowTwo}>
-                <Row style={{ width: "100%", height: "100%" }}>
+                <Row style={{ width: '100%', height: '100%' }}>
                   <Col span={8} className={styles.boxleft}>
                     <div className={styles.risklevelTwo}>
                       {/* <BorderBox10> */}
@@ -1378,12 +1332,12 @@ this.getHomeTitle()
                       </div>
                       <div
                         style={{
-                          display: "flex",
-                          flexDirection: "row",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "100%",
-                          height: "100%",
+                          display: 'flex',
+                          flexDirection: 'row',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          width: '100%',
+                          height: '100%',
                         }}
                       >
                         <div className={styles.riskChange}>
@@ -1391,9 +1345,7 @@ this.getHomeTitle()
                             <div className={styles.gradientNext}>
                               <div className={styles.gradientNextTwo}>
                                 <div className={styles.gradientText}>83</div>
-                                <div className={styles.gradientName}>
-                                  隐患数
-                                </div>
+                                <div className={styles.gradientName}>隐患数</div>
                               </div>
                             </div>
                           </div>
@@ -1401,9 +1353,7 @@ this.getHomeTitle()
                             <div className={styles.gradientNext}>
                               <div className={styles.gradientNextTwo}>
                                 <div className={styles.gradientText}>23</div>
-                                <div className={styles.gradientName}>
-                                  延期整改数
-                                </div>
+                                <div className={styles.gradientName}>延期整改数</div>
                               </div>
                             </div>
                           </div>
@@ -1411,9 +1361,7 @@ this.getHomeTitle()
                             <div className={styles.gradientNext}>
                               <div className={styles.gradientNextTwo}>
                                 <div className={styles.gradientText}>56</div>
-                                <div className={styles.gradientName}>
-                                  按期整改数
-                                </div>
+                                <div className={styles.gradientName}>按期整改数</div>
                               </div>
                             </div>
                           </div>
@@ -1422,12 +1370,8 @@ this.getHomeTitle()
                           <div className={styles.gradientTwo}>
                             <div className={styles.gradientNext}>
                               <div className={styles.gradientNextTwo}>
-                                <div className={styles.gradientTextTwo}>
-                                  83%
-                                </div>
-                                <div className={styles.gradientNameTwo}>
-                                  整改率
-                                </div>
+                                <div className={styles.gradientTextTwo}>83%</div>
+                                <div className={styles.gradientNameTwo}>整改率</div>
                               </div>
                             </div>
                           </div>
@@ -1440,29 +1384,27 @@ this.getHomeTitle()
                     {/* <BorderBox8> */}
                     <div
                       style={{
-                        display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "center",
-                        width: "100%",
-                        height: "100%",
-                        alignItems: "center",
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'center',
+                        width: '100%',
+                        height: '100%',
+                        alignItems: 'center',
                       }}
                     >
                       <div className={styles.title}>
                         <div className={styles.circle}></div>
-                        <div className={styles.titlename}>
-                          安全生产标准化运行走势图
-                        </div>
+                        <div className={styles.titlename}>安全生产标准化运行走势图</div>
                       </div>
                       <div
                         id="opretionTrend"
                         style={{
-                          display: "flex",
-                          flexDirection: "row",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: "100%",
-                          height: "90%",
+                          display: 'flex',
+                          flexDirection: 'row',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          width: '100%',
+                          height: '90%',
                         }}
                       ></div>
                     </div>
@@ -1471,22 +1413,22 @@ this.getHomeTitle()
                   <Col span={8} className={styles.boxTwo}>
                     <div
                       style={{
-                        display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "center",
-                        width: "100%",
-                        height: "100%",
-                        alignItems: "center",
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'center',
+                        width: '100%',
+                        height: '100%',
+                        alignItems: 'center',
                       }}
                     >
                       <div
                         style={{
-                          display: "flex",
-                          flexDirection: "column",
-                          justifyContent: "center",
-                          width: "90%",
-                          height: "100%",
-                          alignItems: "center",
+                          display: 'flex',
+                          flexDirection: 'column',
+                          justifyContent: 'center',
+                          width: '90%',
+                          height: '100%',
+                          alignItems: 'center',
                         }}
                       >
                         <div className={styles.title}>
@@ -1494,10 +1436,7 @@ this.getHomeTitle()
                           <div className={styles.titlename}>班组完成率TOP5</div>
                         </div>
                         <div className={styles.capsuleChart}>
-                          <CapsuleChart
-                            config={this.state.chartConfig}
-                            style={{ width: "100%", height: "100%" }}
-                          />
+                          <CapsuleChart config={this.state.chartConfig} style={{ width: '100%', height: '100%' }} />
                         </div>
                       </div>
                     </div>