还原

src/files/edit/PF149.js

@@ -0,0 +1,23 @@
+import React, { useEffect, useState } from 'react'
+import { message, Checkbox, Radio } from "antd/lib/index";
+import { getPropertyData, guid, extendInclude, extendRule, getDataFieldValue, setDataFieldValue, initFilter, empty, onBeforeSaveHandleRecordLog, Format } from "../../utils/common";
+import { connect } from 'dva';
+import moment from 'moment';
+import config from "../../config.js"
+import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
+import storage from '../../utils/storage'
+import MD5 from "js-md5"
+// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
+/**
+ * @return {string}
+ */
+// 编辑  事故事件调查结果填报
+export default {
+
+  onBeforeEdit: ({ stateData, setFieldVisible, setFieldValue }) => {
+    if (stateData.ORG_ID == null || stateData.ORG_ID != '00300000-0000-0000-0000-000000000000') {
+      setFieldVisible("ISTOCHILE", false)//非总部 不能下发到子公司
+      setFieldValue("ISHEAD", 0)//非总部配置
+    }
+  }
+}

src/files/edit/PF151.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react'
+import { message, Checkbox, Radio } from "antd/lib/index";
+import { getPropertyData, guid, extendInclude, extendRule, getDataFieldValue, setDataFieldValue, initFilter, empty, onBeforeSaveHandleRecordLog, Format } from "../../utils/common";
+import { connect } from 'dva';
+import moment from 'moment';
+import config from "../../config.js"
+import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
+import storage from '../../utils/storage'
+import MD5 from "js-md5"
+// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
+/**
+ * @return {string}
+ */
+// 编辑  事故事件调查结果填报
+export default {
+
+  onBeforeSaveHandleRecord(params) {
+    params.record.STATUS = params.customParams;
+  },
+  onBeforeEdit: ({ stateData, setFieldVisible, setFieldValue }) => {
+    if (stateData.ORG_ID == null || stateData.ORG_ID != '00300000-0000-0000-0000-000000000000') {
+      setFieldVisible("ISTOCHILE", false)//非总部 不能下发到子公司
+      setFieldValue("ISHEAD", 0)//非总部配置
+    }
+  }
+}

src/layout/FullScreen.js

@@ -8,7 +8,11 @@ import { $consts } from "../plugins";
 import styles from "./full.less";
 import echarts from "echarts";
 import realGif from "../assets/layout/mofang.png";
-import logo from "../assets/layout/header-logo.png";
+import storage from "../utils/storage";
+import {
+  initFilter,
+} from "../utils/common";
+import logo from "../assets/layout/headerno-logo-new.png";
 import {
   FullScreenContainer,
   BorderBox8,
@@ -44,6 +48,10 @@ class FullScreen extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      safetySloganOne: "",
+      animationDuration: 20,
+      sliderColor: '#de4e58',
+      sliderSize: '24px',
       screenWidh: window.screen.width > 2000 ? true : false,
       nowDate: "",
       checkData: [
@@ -268,7 +276,7 @@ class FullScreen extends React.Component {
     //     nowDate:this.getDate()
     //   })
     // },1000)
-
+this.getHomeTitle()
     this.completeChart(this.state.completeData);
     // this.completeChart(this.state.completeDatatwo);
     // this.completeChart(this.state.completeDatathree);
@@ -296,6 +304,27 @@ class FullScreen extends React.Component {
   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
+  
+            });
+          }
+        },
+      });
+    }
   getDate = () => {
     var myDate = new Date();
     var year = myDate.getFullYear(); //获取当前年
@@ -923,6 +952,7 @@ class FullScreen extends React.Component {
   };
 
   render() {
+     const { safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
     return (
       <React.Fragment>
         <FullScreenContainer>
@@ -957,15 +987,17 @@ class FullScreen extends React.Component {
                         }}
                       ></img>
                       <div
-                        className="slide-style"
+                      className="slide-style"
-                        style={{ color: "#fff", fontSize: "18px" }}
+                      style={{
-                      >
+                        '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
-                        <p className="slide-text-style">
+                        '--slider-color': `${sliderColor}`, // 动态设置颜色
-                          安全方针：安全第一、综合治理、控制风险、科学发展
+                        '--slider-size': `${sliderSize}px`, // 动态设置颜色
-                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                      }}
-                          安全理念：一切风险皆可控，一切事故皆可防！
+                    >
-                        </p>
+                      <p className="slide-text-style">
-                      </div>
+                        {safetySloganOne || '暂无公告'}
+                      </p>
+                    </div>
                     </div>
                   </Col>
                   <Col

src/layout/Header.js

@@ -532,7 +532,7 @@ function Header(props) {
         <PictureThumb
           thumbCodes={thumbCode ? [thumbCode] : []}
           thumbConfigs={[{ target: thumbCode }]}
-          defaultThumb={require("../assets/layout/header-logo.png")}
+          defaultThumb={require("../assets/layout/headerno-logo-new.png")}
           className="header__left-logo"
         />
         {isMobile ? (
@@ -554,8 +554,8 @@ function Header(props) {
       {!props.matchLogin ? (
         <div className="header__right">
           {/* <RiskFourColor/> */}
-          {/* <FullScreen /> */}
+          <FullScreen />
-          {window.location.host == "121.41.2.71:8001" ? <FullScreen /> : ""} 
+          {/* {window.location.host == "121.41.2.71:8001" ? <FullScreen /> : ""}  */}
           <GuideCode />
           <HeaderNav />
           <HeaderDataV />

src/layout/Sider.js

@@ -8,7 +8,7 @@ import {
   MenuUnfoldOutlined,
   MenuFoldOutlined,
 } from "@ant-design/icons";
-import { Divider, Menu, Switch, Icon, Button } from "antd";
+import { Divider, Menu, Switch, Icon, Button, Modal } from "antd";
 import { connect } from "dva";
 import { withRouter, matchPath } from "dva/router";
 import { Scrollbars } from "react-custom-scrollbars";
@@ -17,6 +17,12 @@ import { $consts } from "../plugins";
 import "./sider.less";
 import MenuItem from "antd/lib/menu/MenuItem";
 import SubMenu from "antd/lib/menu/SubMenu";
+import FullScreenPage from "./FullScreen";
+import {
+  requestFullScreenMethod,
+} from "../utils/common";
+
+
 
 
 const Sider = (props) => {
@@ -41,17 +47,61 @@ const Sider = (props) => {
     data[menuId] ? (data[menuId] = "") : (data[menuId] = menuId);
     setMenuShrink(data);
   };
-
+    const [showModal, setshowModal] = useState(false);
+ const escFunction = () => {
+    let isFull = !!(
+      document.fullscreen ||
+      document.mozFullScreen ||
+      document.webkitIsFullScreen ||
+      document.webkitFullScreen ||
+      document.msFullScreen
+    );
+    if (isFull) {
+      // /
+    } else {
+      // requestFullScreenMethod(document.body);
+      setshowModal(false);
+       setActiveMenu(null);
+    }
+  };
+  useEffect(() => {
+    // 监听退出全屏事件 --- chrome 用 esc 退出全屏并不会触发 keyup 事件
+    document.addEventListener(
+      "webkitfullscreenchange",
+      escFunction
+    ); /* Chrome, Safari and Opera */
+    document.addEventListener("mozfullscreenchange", escFunction); /* Firefox */
+    document.addEventListener(
+      "fullscreenchange",
+      escFunction
+    ); /* Standard syntax */
+    document.addEventListener(
+      "msfullscreenchange",
+      escFunction
+    ); /* IE / Edge */
+    return () => {
+      //销毁时清除监听
+      document.removeEventListener("webkitfullscreenchange", escFunction);
+      document.removeEventListener("mozfullscreenchange", escFunction);
+      document.removeEventListener("fullscreenchange", escFunction);
+      document.removeEventListener("MSFullscreenChange", escFunction);
+    };
+  }, []);
   /** 回到首页 */
   const navToHome = () => {
     setActiveMenu(null);
     props.history.push({ pathname: "/home" });
   };
-const clickMenu = ()=>{
+  const navToLarge = () => {
-  collapsed===true?setCollapsed(false):setCollapsed(false)
+    setActiveMenu('largeScreen');
+    setshowModal(true);
+    requestFullScreenMethod(document.body);
+  }
+  const clickMenu = () => {
+    collapsed === true ? setCollapsed(false) : setCollapsed(false)
 
 
-}
+  }
   /** 子菜单路由 */
   const navToMenu = (menu) => {
     props.history.push({ pathname: `/main/${menu.ID}` });
@@ -160,11 +210,11 @@ const clickMenu = ()=>{
   const toggleCollapsed = () => {
     setCollapsed(!collapsed);
   };
-  useEffect(()=>{
+  useEffect(() => {
-    if(collapsed == false) {
+    if (collapsed == false) {
       setCollapsed(true);
     }
-  },[props.repost])
+  }, [props.repost])
   // console.log(props.repost,'21312313213213123')
 
   /** 登录页隐藏 */
@@ -172,136 +222,160 @@ const clickMenu = ()=>{
 
   return (
     <div className={`sider ${"shortMenuShow"}`}>
-      <div className={`sider ${"shortMenuShow_overflow"}`}>
+      <Modal
-         <Menu
+        title="功能导航"
-        mode="inline"
+        visible={showModal}
-        inlineCollapsed={collapsed}
+        width="100%"
-        style={{
+        centered={true}
-          //  marginTop: 24,
+        onOk={() => {
-          // paddingRight: 10,
+          setshowModal(false);
-          paddingTop:'21px'
         }}
-        // defaultOpenKeys={['sub1']}
+        onCancel={() => {
-        inlineIndent="16"
+          setshowModal(false);
-        onClick={clickMenu}
+        }}
+        className="fullScreen"
       >
-        <MenuItem key="1" onClick={navToHome} title={'首页'}>
+        <FullScreenPage />
-          {/* <img
+      </Modal>
+      <div className={`sider ${"shortMenuShow_overflow"}`}>
+        <Menu
+          mode="inline"
+          inlineCollapsed={collapsed}
+          style={{
+            //  marginTop: 24,
+            // paddingRight: 10,
+            paddingTop: '21px'
+          }}
+          // defaultOpenKeys={['sub1']}
+          inlineIndent="16"
+          onClick={clickMenu}
+        >
+          <MenuItem key="home" onClick={navToHome} title={'首页'}>
+            {/* <img
               src={require("../assets/layout/menu-all.png")}
               alt=""
               className="sider__menuAll-icon"
             /> */}
-          <Icon type="home"></Icon>
+            <Icon type="home"></Icon>
-          <span>首页</span>
+            <span>首页</span>
-        </MenuItem>
+          </MenuItem>
-        <SubMenu
+          <MenuItem key="largeScreen" onClick={navToLarge} title={'可视化大屏'} >
-          key="sub1"
+            {/* <img
-          title={
+              src={require("../assets/layout/menu-all.png")}
-            <span>
+              alt=""
-              <Icon type="profile" title="常用菜单"></Icon>
+              className="sider__menuAll-icon"
-              <span>常用菜单</span>
+            /> */}
-            </span>
+            <Icon type="alert"></Icon>
+            <span>可视化大屏</span>
+          </MenuItem>
+          <SubMenu
+            key="sub1"
+            title={
+              <span>
+                <Icon type="profile" title="常用菜单"></Icon>
+                <span>常用菜单</span>
+              </span>
 
-          }
+            }
-          onTitleClick={clickMenu}
+            onTitleClick={clickMenu}
-        >
+          >
-          {favorMenus.map((menu2, index2) => {
+            {favorMenus.map((menu2, index2) => {
+              return (
+                <MenuItem
+                  key={`${menu2.ID}_${index2}`}
+                  onClick={() => handleActiveMenu(menu2)}
+                  title={menu2.NAME}
+                >
+                  <Icon type={menu2.ICON ? menu2.ICON : "file-text"} />
+
+                  <span>{menu2.NAME}</span>
+                </MenuItem>
+              );
+            })}
+          </SubMenu>
+
+          {topMenus.menus.map((menu, index) => {
             return (
-              <MenuItem
+              <SubMenu
-                key={`${menu2.ID}_${index2}`}
+                key={`${menu.Node.ID}_${index}`}
-                onClick={() => handleActiveMenu(menu2)}
+                title={
-                title={menu2.NAME}
+                  <span>
-              >
+                    <Icon type={menu.Node.ICON ? menu.Node.ICON : "reconciliation"} title={menu.Node.NAME}></Icon>
-                <Icon type={menu2.ICON ? menu2.ICON : "file-text"} />
+                    <span>{menu.Node.NAME}</span>
+                  </span>
 
-                <span>{menu2.NAME}</span>
+                }
-              </MenuItem>
+                onTitleClick={() => {
+                  setCurrMenu(menu.Node);
+                  clickMenu()
+                }}
+
+              >
+                {/* 二级 */}
+                {menu.Children.map((menu1, index1) => {
+                  const isLevel4Menu = menu1.Children?.find(
+                    (mc) => mc.Children?.length
+                  );
+                  const childMenus = isLevel4Menu
+                    ? [menu]
+                    : menu.Children || [];
+                  return (
+                    <SubMenu
+                      key={`${menu1.Node.ID}_${index1}`}
+                      title={
+                        <span>
+                          <Icon type={menu1.Node.ICON ? menu1.Node.ICON : "reconciliation"}></Icon>
+                          <span>{menu1.Node.NAME}</span>
+                        </span>
+
+                      }
+                    >
+                      {/* 三级 */}
+                      {menu1.Children.map((menu3, index3) => {
+                        return (
+                          <MenuItem key={`${menu3.Node.ID}_${index3}`} onClick={() =>
+                            isLevel4Menu
+                              ? navToBackend(menu3.Node)
+                              : handleActiveMenu(menu3.Node)
+                          }
+                            title={menu3.Node.NAME}
+                          >
+                            <Icon type={menu3.Node.ICON ? menu3.Node.ICON : "file-text"} />
+
+                            <span>{menu3.Node.NAME}</span>
+                          </MenuItem>
+                        );
+                      })}
+                    </SubMenu>
+                  );
+                })}
+              </SubMenu>
             );
           })}
-        </SubMenu>
+        </Menu>
-
-        {topMenus.menus.map((menu, index) => {
-          return (
-            <SubMenu
-              key={`${menu.Node.ID}_${index}`}
-              title={
-                <span>
-                  <Icon type= {menu.Node.ICON ? menu.Node.ICON : "reconciliation"} title={menu.Node.NAME}></Icon>
-                  <span>{menu.Node.NAME}</span>
-                </span>
-                
-              }
-              onTitleClick={() => {
-                setCurrMenu(menu.Node);
-                clickMenu()
-              }}
-              
-            >
-              {/* 二级 */}
-              {menu.Children.map((menu1, index1) => {
-                 const isLevel4Menu = menu1.Children?.find(
-                  (mc) => mc.Children?.length
-                );
-                const childMenus = isLevel4Menu
-                  ? [menu]
-                  : menu.Children || [];
-                return (
-                  <SubMenu
-                    key={`${menu1.Node.ID}_${index1}`}
-                    title={
-                      <span>
-                      <Icon type={menu1.Node.ICON ? menu1.Node.ICON : "reconciliation"}></Icon>
-                      <span>{ menu1.Node.NAME}</span>
-                    </span>
-                     
-                    }
-                  >
-                    {/* 三级 */}
-                    {menu1.Children.map((menu3, index3) => {
-                      return (
-                        <MenuItem key={`${menu3.Node.ID}_${index3}`} onClick={() =>
-                          isLevel4Menu
-                            ? navToBackend(menu3.Node)
-                            : handleActiveMenu(menu3.Node)
-                        }
-                        title={menu3.Node.NAME}
-                        >
-                          <Icon type={menu3.Node.ICON ? menu3.Node.ICON : "file-text"} />
-
-                          <span>{menu3.Node.NAME}</span>
-                        </MenuItem>
-                      );
-                    })}
-                  </SubMenu>
-                );
-              })}
-            </SubMenu>
-          );
-        })}
-      </Menu>
 
       </div>
-      <div  onClick={toggleCollapsed} 
+      <div onClick={toggleCollapsed}
-      style={{ 
+        style={{
-        marginBottom: 16,
+          marginBottom: 16,
-        display:'flex',
+          display: 'flex',
-        alignItems:'center',
+          alignItems: 'center',
-        position:'absolute',
+          position: 'absolute',
-        right:0,
+          right: 0,
-        top:'40%',
+          top: '40%',
-        padding:'40px 0px',
+          padding: '40px 0px',
-        backgroundColor:'#DEE0E8',
+          backgroundColor: '#DEE0E8',
-        borderRadius:'6px',
+          borderRadius: '6px',
-        margin:'0px 0px 0px 0px',
+          margin: '0px 0px 0px 0px',
 
-         }}>
+        }}>
-          <Icon type={collapsed ? 'right' : 'left'} style={{
+        <Icon type={collapsed ? 'right' : 'left'} style={{
-            fontSize:'12px',
+          fontSize: '12px',
-            display:'flex',
+          display: 'flex',
-            // alignItems:'right',
+          // alignItems:'right',
-            // justifyContent:'flex-end'
+          // justifyContent:'flex-end'
-            }} />
+        }} />
-        </div>
+      </div>
 
 
     </div>

src/plugins/consts/services/route.ts

@@ -7,6 +7,10 @@ export default [
     name: 'HOME',
     value: '/home'
   },
+  {
+    name: 'GROUPHOME',
+    value: '/grouphome'
+  },
   {
     name: 'MAIN',
     value: '/main/:menuId'

src/router.js

@@ -4,6 +4,7 @@ import { Router, Route, Switch } from 'dva/router'
 import MainLayout from './layout/Main'
 import Login from './routes/Login'
 import Home from './routes/Home'
+import GroupHome from './routes/GroupHome'
 import Main from './routes/Main'
 import Backend from './routes/Backend'
 import HomeMobileNew from './routes/HomeMobileNew'
@@ -11,7 +12,7 @@ import { $consts } from './plugins'
 import zhCN from 'antd/lib/locale-provider/zh_CN'
 import 'moment/src/locale/zh-cn'
 
-function RouterConfig ({ history }) {
+function RouterConfig({ history }) {
   return (
     <Router history={history}>
       <ConfigProvider locale={zhCN}>
@@ -19,6 +20,7 @@ function RouterConfig ({ history }) {
           <Switch>
             <Route path={$consts['ROUTE/LOGIN']} component={Login} />
             <Route path={$consts['ROUTE/HOME']} component={Home} />
+            <Route path={$consts['ROUTE/GROUPHOME']} component={GroupHome} />
             <Route path={$consts['ROUTE/MAIN']} component={Main} />
             <Route path={$consts['ROUTE/BACKEND']} component={Backend} />
             {/* <Route path={$consts['ROUTE/HomeMobileNew']} component={HomeMobileNew} /> */}

src/routes/Home.js

@@ -88,6 +88,8 @@ const contentStyle = {
 };
 
 class Home extends React.Component {
+  _isMounted = false; // 标记组件是否已挂载
+
   constructor(props) {
     super(props);
     this.state = {
@@ -100,6 +102,9 @@ class Home extends React.Component {
       standardScoreNaN: [],
       visible: false,
       safetySloganOne: "",
+      animationDuration: 20,
+      sliderColor: '#de4e58',
+      sliderSize: '24px',
       safetySloganTwo: "",
       noticeTitle: "",
       tmpData: {},
@@ -107,8 +112,8 @@ class Home extends React.Component {
       pagination: {},
       retData: [],
       chartData: [],
-      displayStr: null,
+      displayStr: '',
-      displayNum: 24,
+      displayNum: 16,
       columnData: [],
       columnFields: [],
       delayData: [],
@@ -207,68 +212,61 @@ class Home extends React.Component {
   }
 
   componentDidMount() {
+    this._isMounted = true; // 组件挂载时设为true
+    const currentPath = this.props.location.pathname;
+    if (localStorage.getItem("webOrgId") == '00300000-0000-0000-0000-000000000000' && currentPath !== '/grouphome') {
+      this.props.history.replace('/grouphome')
+      return
+      // props.history.push({ pathname: "/grouphome" });
+    }
     if (window.navigator.userAgent.indexOf("Windows") < 1) {
       window.location.replace(config.guideH5Host);
       openNotificationMobile("bottomRight");
-      this.state.displayStr = "none";
+      return; // 阻止后续代码执行
-      this.state.displayNum = 24;
       //alert('手机');
-    } else {
-      this.state.displayStr = "";
-      this.state.displayNum = 16;
-      //alert('PC');
     }
-    this.state.columns = [
+    this.setState({
-      {
+      columns: [
-        width: "450px",
+        {
-        title: "任务名称",
+          width: "450px",
-        dataIndex: "NOTICE_TITLE",
+          title: "任务名称",
-        key: "NOTICE_TITLE",
+          dataIndex: "NOTICE_TITLE",
-        render: (text, record) => (
+          key: "NOTICE_TITLE",
-          <span>
+          render: (text, record) => (
-            <a
+            <span>
-              onClick={() =>
+              <a
-                this.showEditModal(
+                onClick={() =>
-                  record.SOURCE_DATA_ID,
+                  this.showEditModal(
-                  record.SOURCE_FORMCODE,
+                    record.SOURCE_DATA_ID,
-                  record.ID,
+                    record.SOURCE_FORMCODE,
-                  record.NOTICE_TITLE
+                    record.ID,
-                )
+                    record.NOTICE_TITLE
-              }
+                  )
-            >
+                }
-              {record.NOTICE_TITLE}
+              >
-            </a>
+                {record.NOTICE_TITLE}
-          </span>
+              </a>
-        ),
+            </span>
-      },
+          ),
-      {
+        },
-        title: "开始时间",
+        {
-        dataIndex: "TASK_STARTDT",
+          title: "开始时间",
-        key: "TASK_STARTDT",
+          dataIndex: "TASK_STARTDT",
-      },
+          key: "TASK_STARTDT",
-      {
+        },
-        title: "结束时间",
+        {
-        dataIndex: "TASK_ENDDT",
+          title: "结束时间",
-        key: "TASK_ENDDT",
+          dataIndex: "TASK_ENDDT",
-      },
+          key: "TASK_ENDDT",
-      {
+        },
-        title: "预警状态",
+        {
-        dataIndex: "NOTICE_TYPE",
+          title: "预警状态",
-        key: "NOTICE_TYPE",
+          dataIndex: "NOTICE_TYPE",
-        render: (text, record) => this.ShowState(record),
+          key: "NOTICE_TYPE",
-      },
+          render: (text, record) => this.ShowState(record),
-    ];
+        },
-    this.getTeam();
+      ],
-    //定时器功能，暂时不开启
+      scoreNoneColumns: [{
-    this.timerID = setInterval(
-      () => this.getBaseInfoData(1, this.state.tableKey, 5),
-      120000
-    );
-    this.showModalSign();
-    this.getBaseInfoData(1, 1, 5);
-    this.setMessageData();
-    this.state.scoreNoneColumns = [
-      {
         width: "80px",
         title: "生产单元",
         dataIndex: "Nav_ProductionUnit.NAME",
@@ -336,148 +334,166 @@ class Home extends React.Component {
               })}
           </span>
         ),
+      }],
+      scoreColumns: [
+        {
+          width: "80px",
+          title: "生产单元",
+          dataIndex: "Nav_ProductionUnit.NAME",
+          key: "Nav_ProductionUnit.NAME",
+        },
+        {
+          width: "80px",
+          title: "一级要素",
+          dataIndex: "Nav_Primary.NAME",
+          key: "Nav_Primary.NAME",
+        },
+        {
+          width: "80px",
+          title: "二级要素",
+          dataIndex: "Nav_Second.NAME",
+          key: "Nav_Second.NAME",
+        },
+        {
+          width: "80px",
+          title: "三级要素",
+          dataIndex: "Nav_Three.NAME",
+          key: "Nav_Three.NAME",
+        },
+        {
+          width: "50px",
+          title: "考评项目",
+          dataIndex: "EVALUATION_ITEM",
+          key: "EVALUATION_ITEM",
+          render: (text, record) => (
+            <span>
+              {
+                this.props.app.enums?.PEEvaluationItemEnum.enums[
+                record.EVALUATION_ITEM
+                ]
+              }
+            </span>
+          ),
+        },
+        {
+          // width: "500px",
+          title: "考评内容",
+          dataIndex: "CONTENTS",
+          key: "CONTENTS",
+        },
+        {
+          width: "100px",
+          title: "评分办法",
+          dataIndex: "DESCRIPTION",
+          key: "DESCRIPTION",
+        },
+        {
+          width: "50px",
+          title: "标准分",
+          dataIndex: "STANDARDIZED_SCORE",
+          key: "STANDARDIZED_SCORE",
+        },
+        {
+          width: "50px",
+          title: "实得分",
+          dataIndex: "RESULT_SCORE",
+          key: "RESULT_SCORE",
+        },
+        {
+          width: "200px",
+          title: "不符合说明",
+          dataIndex: "NON_CONFORMANCE",
+          key: "NON_CONFORMANCE",
+        },
+        ,
+        {
+          width: "80px",
+          title: "评价结论",
+          dataIndex: "EVALUATION_RESULT",
+          key: "EVALUATION_RESULT",
+          render: (text, record) => (
+            <span>
+              {
+                this.props.app.enums?.PEEvaluationResultEnum.enums[
+                record.EVALUATION_RESULT
+                ]
+              }
+            </span>
+          ),
+        },
+        {
+          width: "100px",
+          title: "评价方法",
+          dataIndex: "Nav_EvaluationMethod",
+          key: "Nav_EvaluationMethod",
+          render: (text, record) => (
+            <span>
+              {record.Nav_EvaluationMethod &&
+                record.Nav_EvaluationMethod?.map((item, i) => {
+                  return (
+                    <tr>
+                      <label> {item.Nav_Method?.NAME}</label>
+                    </tr>
+                  );
+                })}
+            </span>
+          ),
+        },
+      ],
+      scoreTotalColumns: [
+        {
+          title: "生产单元",
+          dataIndex: "Nav_ProductionUnit.NAME",
+          key: "Nav_ProductionUnit.NAME",
+        },
+        {
+          title: "标准化得分",
+          dataIndex: "NON_STANDARDIZED_SCORE",
+          key: "NON_STANDARDIZED_SCORE",
+        },
+        {
+          title: "操作",
+          dataIndex: "",
+          key: "",
+          render: (text, record) => (
+            <span>
+              {
+                <tr>
+                  {" "}
+                  <Button onClick={() => this.showStandardScoreModal()}>
+                    全部
+                  </Button>
+                  <Button onClick={() => this.showStandardScoreModal(1)}>
+                    不符合项
+                  </Button>
+                </tr>
+              }
+            </span>
+          ),
+        },
+      ]
+    })
+    this.getTeam();
+    this.getHomeTitle()
+    //定时器功能，暂时不开启
+    this.timerID = setInterval(
+      () => {
+        if (this._isMounted) {
+          this.getBaseInfoData(1, this.state.tableKey, 5)
+        }
       },
-    ];
+      120000
-    this.state.scoreColumns = [
+    );
-      {
+    this.showModalSign();
-        width: "80px",
+    this.getBaseInfoData(1, 1, 5);
-        title: "生产单元",
+    this.setMessageData();
-        dataIndex: "Nav_ProductionUnit.NAME",
-        key: "Nav_ProductionUnit.NAME",
-      },
-      {
-        width: "80px",
-        title: "一级要素",
-        dataIndex: "Nav_Primary.NAME",
-        key: "Nav_Primary.NAME",
-      },
-      {
-        width: "80px",
-        title: "二级要素",
-        dataIndex: "Nav_Second.NAME",
-        key: "Nav_Second.NAME",
-      },
-      {
-        width: "80px",
-        title: "三级要素",
-        dataIndex: "Nav_Three.NAME",
-        key: "Nav_Three.NAME",
-      },
-      {
-        width: "50px",
-        title: "考评项目",
-        dataIndex: "EVALUATION_ITEM",
-        key: "EVALUATION_ITEM",
-        render: (text, record) => (
-          <span>
-            {
-              this.props.app.enums?.PEEvaluationItemEnum.enums[
-              record.EVALUATION_ITEM
-              ]
-            }
-          </span>
-        ),
-      },
-      {
-        // width: "500px",
-        title: "考评内容",
-        dataIndex: "CONTENTS",
-        key: "CONTENTS",
-      },
-      {
-        width: "100px",
-        title: "评分办法",
-        dataIndex: "DESCRIPTION",
-        key: "DESCRIPTION",
-      },
-      {
-        width: "50px",
-        title: "标准分",
-        dataIndex: "STANDARDIZED_SCORE",
-        key: "STANDARDIZED_SCORE",
-      },
-      {
-        width: "50px",
-        title: "实得分",
-        dataIndex: "RESULT_SCORE",
-        key: "RESULT_SCORE",
-      },
-      {
-        width: "200px",
-        title: "不符合说明",
-        dataIndex: "NON_CONFORMANCE",
-        key: "NON_CONFORMANCE",
-      },
-      ,
-      {
-        width: "80px",
-        title: "评价结论",
-        dataIndex: "EVALUATION_RESULT",
-        key: "EVALUATION_RESULT",
-        render: (text, record) => (
-          <span>
-            {
-              this.props.app.enums?.PEEvaluationResultEnum.enums[
-              record.EVALUATION_RESULT
-              ]
-            }
-          </span>
-        ),
-      },
-      {
-        width: "100px",
-        title: "评价方法",
-        dataIndex: "Nav_EvaluationMethod",
-        key: "Nav_EvaluationMethod",
-        render: (text, record) => (
-          <span>
-            {record.Nav_EvaluationMethod &&
-              record.Nav_EvaluationMethod?.map((item, i) => {
-                return (
-                  <tr>
-                    <label> {item.Nav_Method?.NAME}</label>
-                  </tr>
-                );
-              })}
-          </span>
-        ),
-      },
-    ];
-    this.state.scoreTotalColumns = [
-      {
-        title: "生产单元",
-        dataIndex: "Nav_ProductionUnit.NAME",
-        key: "Nav_ProductionUnit.NAME",
-      },
-      {
-        title: "标准化得分",
-        dataIndex: "NON_STANDARDIZED_SCORE",
-        key: "NON_STANDARDIZED_SCORE",
-      },
-      {
-        title: "操作",
-        dataIndex: "",
-        key: "",
-        render: (text, record) => (
-          <span>
-            {
-              <tr>
-                {" "}
-                <Button onClick={() => this.showStandardScoreModal()}>
-                  全部
-                </Button>
-                <Button onClick={() => this.showStandardScoreModal(1)}>
-                  不符合项
-                </Button>
-              </tr>
-            }
-          </span>
-        ),
-      },
-    ];
   }
   componentWillUnmount() {
-    this.timerID && clearTimeout(this.timerID);
+    this._isMounted = false; // 组件卸载时设为false
+    if (this.timerID) {
+      clearInterval(this.timerID);
+      this.timerID = null;
+    }
   }
 
   showModalSign = () => {
@@ -491,53 +507,38 @@ class Home extends React.Component {
       url: "FM/User/UserSign", //验证是否有签名照
       onComplete: (ret) => {
         //返回查询结果ret
-        if (ret) {
+        if (this._isMounted&&ret) {
           //判断是否有记录
           openNotification("topRight");
         }
       },
     });
   };
+  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 (this._isMounted&&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
+
+          });
+        }
+      },
+    });
+  }
 
   getTeam = () => {
     var userId = storage("lacal").getItem("userid")?.val; //登录后有存储登录信息
     var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
-    // 龙岩稀土
-    if (orgId == "8f1cf418-8bf3-ea3f-7a6d-fc5d61247008") {
-      this.setState({
-        safetySloganOne: "安全方针：以人为本、关注健康、依法治企、安全发展。",
-      });
-    }
-    // 都昌金鼎
-    else if (orgId == "8b3c41aa-51b1-7ce9-1879-248a038c1b5c") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一，预防为主，科学管理，持续改进。",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //洛阳豫璐
-    else if (orgId == "d9871ba8-0eec-9e4a-bb87-7d5a540d8913") {
-      this.setState({
-        safetySloganOne: "安全方针：科技、安全、环保、效益。",
-      });
-    }
-    //博柏
-    else if (orgId == "3efd5276-632b-e379-9ff3-7a7546591fca") {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    //行洛坑
-    else {
-      this.setState({
-        safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
-        mineType: localStorage.getItem("currentMineType")
-      });
-    }
-    this.setState({
-      safetySloganTwo: "安全理念：一切风险皆可控，一切事故皆可防！",
-    });
     let json = initFilter(orgId);
     extendRule(json, "ID", 1, userId);
     extendInclude(json, "Nav_Department");
@@ -546,7 +547,7 @@ class Home extends React.Component {
       payload: json,
       url: "FM/User/Get",
       onComplete: (ret) => {
-        if (ret && ret.Nav_Department) {
+        if (this._isMounted&&ret && ret.Nav_Department) {
           this.setState({
             departmentName: ret.Nav_Department.NAME,
             deparmentType: ret.Nav_Department.DEPARTMENT_TYPE,
@@ -730,7 +731,7 @@ class Home extends React.Component {
       payload: json,
       onlyData: false,
       onComplete: (re) => {
-        if (re && re.IsSuccessful && re.Data.newData) {
+        if (this._isMounted&&re && re.IsSuccessful && re.Data.newData) {
           this.state.tableData[0].total = re.Data.todoCount;
           this.state.tableData[1].total = re.Data.timeOverCount;
           this.state.tableData[2].total = re.Data.doneCount;
@@ -1386,9 +1387,9 @@ class Home extends React.Component {
         ? "尾矿库"
         : this.state.mineType == 10
           ? "选矿厂"
-          :this.state.mineType == 31
+          : this.state.mineType == 31
-           ? "职能口": this.state.mineType == 32?"非金属"
+            ? "职能口" : this.state.mineType == 32 ? "非金属"
-           : "露天矿";
+              : "露天矿";
     if (formCode == "BI054_HOMEDETAIL") {
       titleTemp += "安全检查次数统计（近12月）";
     } else if (formCode == "BI055_HOMEDETAIL") {
@@ -1447,6 +1448,9 @@ class Home extends React.Component {
       className: styles.slideHeight,
       fade: true,
     };
+    // 在render方法中添加动态样式计算
+    const { safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
+
     const rowSelection = {
       onChange: (selectedRowKeys, selectedRows) => {
         this.state.taskSelects = selectedRows;
@@ -1605,11 +1609,16 @@ class Home extends React.Component {
                     <div className="slide-icon-style">
                       <Icon type="sound" style={{ fontSize: "28px" }}></Icon>
                     </div>
-                    <div className="slide-style">
+                    <div
+                      className="slide-style"
+                      style={{
+                        '--animation-duration': `${animationDuration}s`, // 动态设置动画时长
+                        '--slider-color': `${sliderColor}`, // 动态设置颜色
+                        '--slider-size': `${sliderSize}px`, // 动态设置颜色
+                      }}
+                    >
                       <p className="slide-text-style">
-                        {this.state.safetySloganOne}
+                        {safetySloganOne || '暂无公告'}
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                        {this.state.safetySloganTwo}
                       </p>
                     </div>
                   </div>