wyw/mh_jy_safe_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
yunkexin 2025-11-18 17:08:35 +08:00
parent 16c251d177
commit 33de5ca8f6
2 changed files with 159 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/MainPage/GuideCanvas.js
View File

@ -1,51 +1,43 @@
// 核心库 // 核心库
import React, { Component } from "react"; import React, { Component } from 'react';
import { connect } from "dva"; import { connect } from 'dva';
import { withRouter } from "dva/router"; import { withRouter } from 'dva/router';
import QRCode from "qrcode"; import QRCode from 'qrcode';
import config from "../../config"; import config from '../../config';
class GuideCanvas extends Component { class GuideCanvas extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
visible: "none", visible: 'none',
company: "XLK", company: 'XLK',
}; };
} }
componentDidMount() { componentDidMount() {
QRCode.toCanvas( QRCode.toCanvas(config.guideSeverHost, { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) {
config.guideSeverHost,
{ errorCorrectionLevel: "L", width: 140 },
function (err, canvas) {
if (err) throw err; if (err) throw err;
let container = document.getElementById("canvas1"); let container = document.getElementById('canvas1');
if (container) { if (container) {
try { try {
container.appendChild(canvas); container.appendChild(canvas);
} catch (e) {} } catch (e) {}
} }
} });
); QRCode.toCanvas(config.guideH5Host, { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) {
QRCode.toCanvas(
config.guideH5Host,
{ errorCorrectionLevel: "L", width: 140 },
function (err, canvas) {
if (err) throw err; if (err) throw err;
let container1 = document.getElementById("canvas2"); let container1 = document.getElementById('canvas2');
if (container1) { if (container1) {
try { try {
container1.appendChild(canvas); container1.appendChild(canvas);
} catch (e) {} } catch (e) {}
} }
} });
);
QRCode.toCanvas( QRCode.toCanvas(
config.h5Web + "#/pages/index/index?OrgId=" + this.props.login.OrgId, config.h5Web + '#/pages/index/index?OrgId=' + this.props.login.OrgId,
{ errorCorrectionLevel: "L", width: 140 }, { errorCorrectionLevel: 'L', width: 140 },
function (err, canvas) { function (err, canvas) {
if (err) throw err; if (err) throw err;
let container1 = document.getElementById("canvas3"); let container1 = document.getElementById('canvas3');
if (container1) { if (container1) {
try { try {
container1.appendChild(canvas); container1.appendChild(canvas);
@ -57,10 +49,10 @@ class GuideCanvas extends Component {
// 二维码平台 // 二维码平台
QRCode.toCanvas( QRCode.toCanvas(
config.h5Web + '?OrgId=' + this.props.login.OrgId, config.h5Web + '?OrgId=' + this.props.login.OrgId,
{ errorCorrectionLevel: "L", width: 140 }, { errorCorrectionLevel: 'L', width: 140 },
function (err, canvas) { function (err, canvas) {
if (err) throw err; if (err) throw err;
let container = document.getElementById("canvas5"); let container = document.getElementById('canvas5');
if (container) { if (container) {
try { try {
container.appendChild(canvas); container.appendChild(canvas);
@ -73,8 +65,8 @@ class GuideCanvas extends Component {
render() { render() {
return ( return (
<React.Fragment> <React.Fragment>
<div style={{ display: "flex", flexDirection: "row", margin: "20px" }}> <div style={{ display: 'flex', flexDirection: 'row', margin: '20px' }}>
<div {/* <div
style={{ style={{
display: "none", display: "none",
flexDirection: "column", flexDirection: "column",
@ -84,12 +76,12 @@ class GuideCanvas extends Component {
> >
<div id="canvas1" ></div> <div id="canvas1" ></div>
<b>APP下载</b> <b>APP下载</b>
</div> </div> */}
<div <div
style={{ style={{
display: "flex", display: 'flex',
flexDirection: "column", flexDirection: 'column',
alignItems: "center", alignItems: 'center',
}} }}
> >
<div id="canvas2"></div> <div id="canvas2"></div>
@ -98,16 +90,16 @@ class GuideCanvas extends Component {
<div <div
style={{ style={{
display: 'flex', display: 'flex',
flexDirection: "column", flexDirection: 'column',
alignItems: "center", alignItems: 'center',
marginLeft: "30px", marginLeft: '30px',
}} }}
> >
<div id="canvas3"></div> <div id="canvas3"></div>
<b>新员工注册</b> <b>新员工注册</b>
</div> </div>
<div {/* <div
style={{ style={{
display: 'none', display: 'none',
flexDirection: "column", flexDirection: "column",
@ -117,7 +109,7 @@ class GuideCanvas extends Component {
> >
<div id="canvas5"></div> <div id="canvas5"></div>
<b>二维码平台</b> <b>二维码平台</b>
</div> </div> */}
</div> </div>
</React.Fragment> </React.Fragment>
); );

271
src/layout/Header.js
View File

@ -1,23 +1,18 @@
import React, { useState, useMemo, useEffect } from "react"; import React, { useState, useMemo, useEffect } from 'react';
import { connect } from "dva"; import { connect } from 'dva';
import { withRouter } from "dva/router"; import { withRouter } from 'dva/router';
import { Dropdown, Icon, Menu, message, Button, Modal } from "antd"; import { Dropdown, Icon, Menu, message, Button, Modal } from 'antd';
import { HeaderSearch as OPTSearch, PictureThumb } from "@woowalker/feui"; import { HeaderSearch as OPTSearch, PictureThumb } from '@woowalker/feui';
import ModifyPassword from "../components/MainPage/ModifyPassword"; import ModifyPassword from '../components/MainPage/ModifyPassword';
import FoUserInfoShow from "../components/MainPage/FoUserInfoShow"; import FoUserInfoShow from '../components/MainPage/FoUserInfoShow';
import FeedbackQuestion from "../components/MainPage/FeedbackQuestion"; import FeedbackQuestion from '../components/MainPage/FeedbackQuestion';
import GuideCanvas from "../components/MainPage/GuideCanvas"; import GuideCanvas from '../components/MainPage/GuideCanvas';
import IconFont from "../utils/iconFont"; import IconFont from '../utils/iconFont';
import { import { initFilter, requestFullScreenMethod, exitFullScreen, isFullscreenElement } from '../utils/common';
initFilter, import config from '../config';
requestFullScreenMethod, import './header.less';
exitFullScreen, import Option from './Option';
isFullscreenElement, import FullScreenPage from './FullScreen';
} from "../utils/common";
import config from "../config";
import "./header.less";
import Option from "./Option";
import FullScreenPage from "./FullScreen";
// 投屏 // 投屏
const DataV = (props) => { const DataV = (props) => {
@ -25,10 +20,8 @@ const DataV = (props) => {
const { OrgId, Tenant, baseConfig } = props.login; const { OrgId, Tenant, baseConfig } = props.login;
const preUrl = baseConfig.SCREEN_URL || config.dataVUrl; const preUrl = baseConfig.SCREEN_URL || config.dataVUrl;
const queryStr = `OrgId=${OrgId}&Tenant=${Tenant}`; const queryStr = `OrgId=${OrgId}&Tenant=${Tenant}`;
const url = `${ const url = `${preUrl.indexOf('?') !== -1 ? preUrl : preUrl + '?'}${queryStr}`;
preUrl.indexOf("?") !== -1 ? preUrl : preUrl + "?" window.open(url, '_blank');
}${queryStr}`;
window.open(url, "_blank");
}; };
return ( return (
<span title="投屏" onClick={navTo} className="header__right-datav"> <span title="投屏" onClick={navTo} className="header__right-datav">
@ -72,7 +65,7 @@ const Search = (props) => {
* @param {*} e * @param {*} e
*/ */
const handleSearchMenu = (e) => { const handleSearchMenu = (e) => {
if (!e || e === "") { if (!e || e === '') {
setAutoCompleteData([]); setAutoCompleteData([]);
return; return;
} }
@ -94,11 +87,9 @@ const Search = (props) => {
* @param {*} e * @param {*} e
*/ */
const handleSelectMenu = (e) => { const handleSelectMenu = (e) => {
const menu = leafMenus.menuDatas.find( const menu = leafMenus.menuDatas.find((item) => item.Menu.Nav_MenuForm.ID === e);
(item) => item.Menu.Nav_MenuForm.ID === e
);
props.dispatch({ props.dispatch({
type: "app/updateActivatedMenu", type: 'app/updateActivatedMenu',
payload: { payload: {
currActivatedTab: menu.Node.ID, currActivatedTab: menu.Node.ID,
currActivatedMenu: menu.Node, currActivatedMenu: menu.Node,
@ -107,16 +98,10 @@ const Search = (props) => {
props.history.push({ pathname: `/main/${menu.Node.ID}` }); props.history.push({ pathname: `/main/${menu.Node.ID}` });
}; };
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
return <span></span>; return <span></span>;
} else { } else {
return ( return <OPTSearch dataSource={autoCompleteData} onChange={handleSearchMenu} onSelect={handleSelectMenu} />;
<OPTSearch
dataSource={autoCompleteData}
onChange={handleSearchMenu}
onSelect={handleSelectMenu}
/>
);
} }
//return ( //return (
// //
@ -138,23 +123,23 @@ const User = (props) => {
*/ */
const handleLogout = () => { const handleLogout = () => {
const { OrgId, userId } = props.login; const { OrgId, userId } = props.login;
const logJson = initFilter(OrgId, userId, "", 0, 1, 0); const logJson = initFilter(OrgId, userId, '', 0, 1, 0);
props.dispatch({ props.dispatch({
type: "app/addLoginOut", type: 'app/addLoginOut',
payload: logJson, payload: logJson,
}); });
localStorage.removeItem("accessToken"); localStorage.removeItem('accessToken');
localStorage.removeItem("currentMineTypeName"); localStorage.removeItem('currentMineTypeName');
props.history.push({ pathname: "/login" }); props.history.push({ pathname: '/login' });
}; };
/** /**
* 锁屏 * 锁屏
*/ */
const handleLockScreen = () => { const handleLockScreen = () => {
localStorage.removeItem("accessToken"); localStorage.removeItem('accessToken');
props.dispatch({ props.dispatch({
type: "login/save", type: 'login/save',
payload: { payload: {
screenLocked: true, screenLocked: true,
}, },
@ -167,15 +152,15 @@ const User = (props) => {
*/ */
const handleUserMenuClick = (evt) => { const handleUserMenuClick = (evt) => {
switch (evt.key) { switch (evt.key) {
case "user-menu-logout": case 'user-menu-logout':
handleLogout(); handleLogout();
break; break;
case "user-menu-lockscreen": case 'user-menu-lockscreen':
handleLockScreen(); handleLockScreen();
break; break;
case "user-menu-cacheclean": case 'user-menu-cacheclean':
window.localStorage.clear(); window.localStorage.clear();
message.success("清除成功，即将重新加载页面", 2, () => { message.success('清除成功，即将重新加载页面', 2, () => {
setTimeout(() => window.location.reload(true), 500); setTimeout(() => window.location.reload(true), 500);
}); });
break; break;
@ -192,9 +177,7 @@ const User = (props) => {
onVisibleChange={setVisible} onVisibleChange={setVisible}
overlay={ overlay={
<Menu onClick={handleUserMenuClick}> <Menu onClick={handleUserMenuClick}>
<Menu.Item key="user-menu-userinfo"> <Menu.Item key="user-menu-userinfo">当前登录：{loginInfo.User?.NAME}</Menu.Item>
当前登录：{loginInfo.User?.NAME}
</Menu.Item>
<Menu.Item key="user-menu-UserInfoShow"> <Menu.Item key="user-menu-UserInfoShow">
<FoUserInfoShow>我的资料</FoUserInfoShow> <FoUserInfoShow>我的资料</FoUserInfoShow>
</Menu.Item> </Menu.Item>
@ -219,87 +202,83 @@ const HeaderUser = withRouter(connect(({ login }) => ({ login }))(User));
// 2023-10-08 生产单元 // 2023-10-08 生产单元
const MineType = (props) => { const MineType = (props) => {
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
let currUserMineType = localStorage.getItem("MineType"); let currUserMineType = localStorage.getItem('MineType');
if (currUserMineType == null || currUserMineType == undefined) { if (currUserMineType == null || currUserMineType == undefined) {
localStorage.setItem("MineType", "30"); localStorage.setItem('MineType', '30');
localStorage.setItem("currentMineTypeName", "露天矿"); localStorage.setItem('currentMineTypeName', '露天矿');
} else { } else {
if (localStorage.getItem("currentMineTypeName") == null) { if (localStorage.getItem('currentMineTypeName') == null) {
if (currUserMineType.indexOf(30) > -1) { if (currUserMineType.indexOf(30) > -1) {
localStorage.setItem("currentMineType", 30); localStorage.setItem('currentMineType', 30);
localStorage.setItem("currentMineTypeName", "露天矿"); localStorage.setItem('currentMineTypeName', '露天矿');
} else if (currUserMineType.indexOf(20) > -1) { } else if (currUserMineType.indexOf(20) > -1) {
localStorage.setItem("currentMineType", 20); localStorage.setItem('currentMineType', 20);
localStorage.setItem("currentMineTypeName", "尾矿库"); localStorage.setItem('currentMineTypeName', '尾矿库');
} else if (currUserMineType.indexOf(10) > -1) { } else if (currUserMineType.indexOf(10) > -1) {
localStorage.setItem("currentMineType", 10); localStorage.setItem('currentMineType', 10);
localStorage.setItem("currentMineTypeName", "选矿厂"); localStorage.setItem('currentMineTypeName', '选矿厂');
} else if (currUserMineType.indexOf(40) > -1) { } else if (currUserMineType.indexOf(40) > -1) {
localStorage.setItem("currentMineType", 40); localStorage.setItem('currentMineType', 40);
localStorage.setItem("currentMineTypeName", "地下矿"); localStorage.setItem('currentMineTypeName', '地下矿');
} } else if (currUserMineType.indexOf(31) > -1) {
else if (currUserMineType.indexOf(31) > -1) { localStorage.setItem('currentMineType', 31);
localStorage.setItem("currentMineType", 31); localStorage.setItem('currentMineTypeName', '职能口');
localStorage.setItem("currentMineTypeName", "职能口"); } else if (currUserMineType.indexOf(32) > -1) {
} localStorage.setItem('currentMineType', 32);
else if (currUserMineType.indexOf(32) > -1) { localStorage.setItem('currentMineTypeName', '非金属');
localStorage.setItem("currentMineType", 32);
localStorage.setItem("currentMineTypeName", "非金属");
} }
} else { } else {
let currentMineType = localStorage.getItem("currentMineType"); let currentMineType = localStorage.getItem('currentMineType');
if (currUserMineType.indexOf(currentMineType) > -1) { if (currUserMineType.indexOf(currentMineType) > -1) {
if (currentMineType == 30) { if (currentMineType == 30) {
localStorage.setItem("currentMineTypeName", "露天矿"); localStorage.setItem('currentMineTypeName', '露天矿');
} else if (currUserMineType == 20) { } else if (currUserMineType == 20) {
localStorage.setItem("currentMineTypeName", "尾矿库"); localStorage.setItem('currentMineTypeName', '尾矿库');
} else if (currUserMineType == 10) { } else if (currUserMineType == 10) {
localStorage.setItem("currentMineTypeName", "选矿厂"); localStorage.setItem('currentMineTypeName', '选矿厂');
} else if (currUserMineType == 40) { } else if (currUserMineType == 40) {
localStorage.setItem("currentMineTypeName", "地下矿"); localStorage.setItem('currentMineTypeName', '地下矿');
} else if (currUserMineType == 31) { } else if (currUserMineType == 31) {
localStorage.setItem("currentMineTypeName", "职能口"); localStorage.setItem('currentMineTypeName', '职能口');
} else if (currUserMineType == 32) { } else if (currUserMineType == 32) {
localStorage.setItem("currentMineTypeName", "非金属"); localStorage.setItem('currentMineTypeName', '非金属');
} }
} else { } else {
if (currUserMineType.indexOf(30) > -1) { if (currUserMineType.indexOf(30) > -1) {
localStorage.setItem("currentMineTypeName", "露天矿"); localStorage.setItem('currentMineTypeName', '露天矿');
} else if (currUserMineType.indexOf(20) > -1) { } else if (currUserMineType.indexOf(20) > -1) {
localStorage.setItem("currentMineTypeName", "尾矿库"); localStorage.setItem('currentMineTypeName', '尾矿库');
} else if (currUserMineType.indexOf(10) > -1) { } else if (currUserMineType.indexOf(10) > -1) {
localStorage.setItem("currentMineTypeName", "选矿厂"); localStorage.setItem('currentMineTypeName', '选矿厂');
} else if (currUserMineType.indexOf(40) > -1) { } else if (currUserMineType.indexOf(40) > -1) {
localStorage.setItem("currentMineTypeName", "地下矿"); localStorage.setItem('currentMineTypeName', '地下矿');
} } else if (currUserMineType.indexOf(31) > -1) {
else if (currUserMineType.indexOf(31) > -1) { localStorage.setItem('currentMineTypeName', '职能口');
localStorage.setItem("currentMineTypeName", "职能口"); } else if (currUserMineType.indexOf(32) > -1) {
} localStorage.setItem('currentMineTypeName', '非金属');
else if (currUserMineType.indexOf(32) > -1) {
localStorage.setItem("currentMineTypeName", "非金属");
} }
} }
} }
} }
let currUserMineTypeArray = []; let currUserMineTypeArray = [];
if (currUserMineType.indexOf("30") > -1) { if (currUserMineType.indexOf('30') > -1) {
currUserMineTypeArray.push({ key: "30", label: "露天矿" }); currUserMineTypeArray.push({ key: '30', label: '露天矿' });
} }
if (currUserMineType.indexOf("10") > -1) { if (currUserMineType.indexOf('10') > -1) {
currUserMineTypeArray.push({ key: "10", label: "选矿厂" }); currUserMineTypeArray.push({ key: '10', label: '选矿厂' });
} }
if (currUserMineType.indexOf("20") > -1) { if (currUserMineType.indexOf('20') > -1) {
currUserMineTypeArray.push({ key: "20", label: "尾矿库" }); currUserMineTypeArray.push({ key: '20', label: '尾矿库' });
} }
if (currUserMineType.indexOf("40") > -1) { if (currUserMineType.indexOf('40') > -1) {
currUserMineTypeArray.push({ key: "40", label: "地下矿" }); currUserMineTypeArray.push({ key: '40', label: '地下矿' });
} }
if (currUserMineType.indexOf("31") > -1) { if (currUserMineType.indexOf('31') > -1) {
currUserMineTypeArray.push({ key: "31", label: "职能口" }); currUserMineTypeArray.push({ key: '31', label: '职能口' });
} }
if (currUserMineType.indexOf("32") > -1) { if (currUserMineType.indexOf('32') > -1) {
currUserMineTypeArray.push({ key: "32", label: "非金属" }); currUserMineTypeArray.push({ key: '32', label: '非金属' });
} }
const MineTypeMenu = () => { const MineTypeMenu = () => {
return ( return (
@ -315,30 +294,24 @@ const MineType = (props) => {
* @param {*} evt * @param {*} evt
*/ */
const handleMineTypeClick = (evt) => { const handleMineTypeClick = (evt) => {
localStorage.setItem("currentMineType", evt.key); localStorage.setItem('currentMineType', evt.key);
localStorage.setItem("currentMineTypeName", evt.item.props.children); localStorage.setItem('currentMineTypeName', evt.item.props.children);
setVisible(false); setVisible(false);
window.location.reload(); window.location.reload();
}; };
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
return <div></div>; return <div></div>;
} else { } else {
return ( return (
<Dropdown <Dropdown visible={visible} onVisibleChange={setVisible} overlay={MineTypeMenu}>
visible={visible} <a style={{ color: '#000000A6', marginLeft: '20px' }}>
onVisibleChange={setVisible} <b>生产单元：{localStorage.getItem('currentMineTypeName')}</b>
overlay={MineTypeMenu}
>
<a style={{ color: "#000000A6", marginLeft: "20px" }}>
<b>生产单元：{localStorage.getItem("currentMineTypeName")}</b>
</a> </a>
</Dropdown> </Dropdown>
); );
} }
}; };
const HeaderMineType = withRouter( const HeaderMineType = withRouter(connect(({ login }) => ({ login }))(MineType));
connect(({ login }) => ({ login }))(MineType)
);
const GuideCodePage = (props) => { const GuideCodePage = (props) => {
const [showCanvas, setshowCanvas] = useState(false); const [showCanvas, setshowCanvas] = useState(false);
const currVans = (val) => { const currVans = (val) => {
@ -349,7 +322,7 @@ const GuideCodePage = (props) => {
* @param {*} evt * @param {*} evt
*/ */
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
return <div></div>; return <div></div>;
} else { } else {
return ( return (
@ -358,14 +331,14 @@ const GuideCodePage = (props) => {
onClick={() => { onClick={() => {
currVans(); currVans();
}} }}
style={{ margin: "0px 36px", display: "flex", alignItems: "center" }} style={{ margin: '0px 36px', display: 'flex', alignItems: 'center' }}
> >
<Icon type="qrcode" className="header__right-icon" /> <Icon type="qrcode" className="header__right-icon" />
</div> </div>
<Modal <Modal
title="" title=""
visible={showCanvas} visible={showCanvas}
width="750px" width="450px"
centered={true} centered={true}
onOk={() => { onOk={() => {
setshowCanvas(false); setshowCanvas(false);
@ -381,15 +354,13 @@ const GuideCodePage = (props) => {
); );
} }
}; };
const GuideCode = withRouter( const GuideCode = withRouter(connect(({ login }) => ({ login }))(GuideCodePage));
connect(({ login }) => ({ login }))(GuideCodePage)
);
const NavOpton = (props) => { const NavOpton = (props) => {
const [showModal, setshowModal] = useState(false); const [showModal, setshowModal] = useState(false);
const getChildCount = (val) => { const getChildCount = (val) => {
setshowModal(val); setshowModal(val);
}; };
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
return <div></div>; return <div></div>;
} else { } else {
return ( return (
@ -401,10 +372,7 @@ const NavOpton = (props) => {
}} }}
> >
{/* <Icon type='bars' className='header__right-icon'></Icon> */} {/* <Icon type='bars' className='header__right-icon'></Icon> */}
<IconFont <IconFont type="icon-line-108" style={{ fontSize: '22px', color: '#333333', cursor: 'pointer' }}></IconFont>
type="icon-line-108"
style={{ fontSize: "22px", color: "#333333", cursor: "pointer" }}
></IconFont>
</div> </div>
<Modal <Modal
title="功能导航" title="功能导航"
@ -449,29 +417,20 @@ const FullScreenOpton = (props) => {
}; };
useEffect(() => { useEffect(() => {
// 监听退出全屏事件 --- chrome 用 esc 退出全屏并不会触发 keyup 事件 // 监听退出全屏事件 --- chrome 用 esc 退出全屏并不会触发 keyup 事件
document.addEventListener( document.addEventListener('webkitfullscreenchange', escFunction); /* Chrome, Safari and Opera */
"webkitfullscreenchange", document.addEventListener('mozfullscreenchange', escFunction); /* Firefox */
escFunction document.addEventListener('fullscreenchange', escFunction); /* Standard syntax */
); /* Chrome, Safari and Opera */ document.addEventListener('msfullscreenchange', escFunction); /* IE / Edge */
document.addEventListener("mozfullscreenchange", escFunction); /* Firefox */
document.addEventListener(
"fullscreenchange",
escFunction
); /* Standard syntax */
document.addEventListener(
"msfullscreenchange",
escFunction
); /* IE / Edge */
return () => { return () => {
//销毁时清除监听 //销毁时清除监听
document.removeEventListener("webkitfullscreenchange", escFunction); document.removeEventListener('webkitfullscreenchange', escFunction);
document.removeEventListener("mozfullscreenchange", escFunction); document.removeEventListener('mozfullscreenchange', escFunction);
document.removeEventListener("fullscreenchange", escFunction); document.removeEventListener('fullscreenchange', escFunction);
document.removeEventListener("MSFullscreenChange", escFunction); document.removeEventListener('MSFullscreenChange', escFunction);
}; };
}, []); }, []);
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
return <div></div>; return <div></div>;
} else { } else {
return ( return (
@ -483,7 +442,7 @@ const FullScreenOpton = (props) => {
requestFullScreenMethod(document.body); // 进入全屏 requestFullScreenMethod(document.body); // 进入全屏
}} }}
> >
<Icon type='alert' className='header__right-icon'></Icon> <Icon type="alert" className="header__right-icon"></Icon>
{/* <IconFont {/* <IconFont
type="icon-line-108" type="icon-line-108"
style={{ fontSize: "22px", color: "#333333", cursor: "pointer" }} style={{ fontSize: "22px", color: "#333333", cursor: "pointer" }}
@ -509,45 +468,35 @@ const FullScreenOpton = (props) => {
} }
}; };
const FullScreen = withRouter( const FullScreen = withRouter(connect(({ login }) => ({ login }))(FullScreenOpton));
connect(({ login }) => ({ login }))(FullScreenOpton)
);
const HeaderNav = withRouter(connect(({ login }) => ({ login }))(NavOpton)); const HeaderNav = withRouter(connect(({ login }) => ({ login }))(NavOpton));
function Header(props) { function Header(props) {
const { baseConfig = {} } = props.login; const { baseConfig = {} } = props.login;
const thumbCode = baseConfig.Nav_PictureLogo const thumbCode = baseConfig.Nav_PictureLogo ? baseConfig.Nav_PictureLogo.CODE : '';
? baseConfig.Nav_PictureLogo.CODE
: "";
let isMobile = false; let isMobile = false;
if (window.navigator.userAgent.indexOf("Windows") < 1) { if (window.navigator.userAgent.indexOf('Windows') < 1) {
isMobile = true; isMobile = true;
} }
return ( return (
<div className={`header ${props.matchLogin ? "login" : ""}`}> <div className={`header ${props.matchLogin ? 'login' : ''}`}>
<div className="header__left"> <div className="header__left">
<PictureThumb <PictureThumb
thumbCodes={thumbCode ? [thumbCode] : []} thumbCodes={thumbCode ? [thumbCode] : []}
thumbConfigs={[{ target: thumbCode }]} thumbConfigs={[{ target: thumbCode }]}
defaultThumb={require("../assets/layout/headerno-logo-new.png")} defaultThumb={require('../assets/layout/headerno-logo-new.png')}
className="header__left-logo" className="header__left-logo"
/> />
{isMobile ? ( {isMobile ? (
<span className="header__left-slogan-mobile"> </span> <span className="header__left-slogan-mobile"> </span>
) : ( ) : (
<span <span className={`${props.matchLogin ? 'header__left-sloganLogin' : 'header__left-slogan'}`}>
className={`${
props.matchLogin
? "header__left-sloganLogin"
: "header__left-slogan"
}`}
>
矿山安全生产信息化平台 矿山安全生产信息化平台
<span style={{ color: "#c99d03" }}></span> <span style={{ color: '#c99d03' }}></span>
{baseConfig.SYS_NAME}{" "} {baseConfig.SYS_NAME}{' '}
</span> </span>
)} )}
</div> </div>