diff --git a/src/components/MainPage/GuideCanvas.js b/src/components/MainPage/GuideCanvas.js index 17c4314..357f1bd 100644 --- a/src/components/MainPage/GuideCanvas.js +++ b/src/components/MainPage/GuideCanvas.js @@ -1,70 +1,62 @@ // 核心库 -import React, { Component } from "react"; -import { connect } from "dva"; -import { withRouter } from "dva/router"; -import QRCode from "qrcode"; -import config from "../../config"; +import React, { Component } from 'react'; +import { connect } from 'dva'; +import { withRouter } from 'dva/router'; +import QRCode from 'qrcode'; +import config from '../../config'; class GuideCanvas extends Component { constructor(props) { super(props); this.state = { - visible: "none", - company: "XLK", + visible: 'none', + company: 'XLK', }; } componentDidMount() { - QRCode.toCanvas( - config.guideSeverHost, - { errorCorrectionLevel: "L", width: 140 }, - function (err, canvas) { - if (err) throw err; - let container = document.getElementById("canvas1"); - if (container) { - try { - container.appendChild(canvas); - } catch (e) { } - } + QRCode.toCanvas(config.guideSeverHost, { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) { + if (err) throw err; + let container = document.getElementById('canvas1'); + if (container) { + try { + container.appendChild(canvas); + } catch (e) {} } - ); + }); + QRCode.toCanvas(config.guideH5Host, { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) { + if (err) throw err; + let container1 = document.getElementById('canvas2'); + if (container1) { + try { + container1.appendChild(canvas); + } catch (e) {} + } + }); QRCode.toCanvas( - config.guideH5Host, - { errorCorrectionLevel: "L", width: 140 }, + config.h5Web + '#/pages/index/index?OrgId=' + this.props.login.OrgId, + { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) { if (err) throw err; - let container1 = document.getElementById("canvas2"); + let container1 = document.getElementById('canvas3'); if (container1) { try { container1.appendChild(canvas); - } catch (e) { } - } - } - ); - QRCode.toCanvas( - config.h5Web + "#/pages/index/index?OrgId=" + this.props.login.OrgId, - { errorCorrectionLevel: "L", width: 140 }, - function (err, canvas) { - if (err) throw err; - let container1 = document.getElementById("canvas3"); - if (container1) { - try { - container1.appendChild(canvas); - } catch (e) { } + } catch (e) {} } } ); // 二维码平台 QRCode.toCanvas( - config.h5Web+'?OrgId='+this.props.login.OrgId , - { errorCorrectionLevel: "L", width: 140 }, + config.h5Web + '?OrgId=' + this.props.login.OrgId, + { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) { if (err) throw err; - let container = document.getElementById("canvas5"); + let container = document.getElementById('canvas5'); if (container) { try { container.appendChild(canvas); - } catch (e) { } + } catch (e) {} } } ); @@ -73,8 +65,8 @@ class GuideCanvas extends Component { render() { return ( -
-
+ {/*
APP下载 -
+
*/}
@@ -98,16 +90,16 @@ class GuideCanvas extends Component {
新员工注册
- -
二维码平台 -
+
*/}
); diff --git a/src/layout/Header.js b/src/layout/Header.js index 509a2c9..5b6681e 100644 --- a/src/layout/Header.js +++ b/src/layout/Header.js @@ -1,23 +1,18 @@ -import React, { useState, useMemo, useEffect } from "react"; -import { connect } from "dva"; -import { withRouter } from "dva/router"; -import { Dropdown, Icon, Menu, message, Button, Modal } from "antd"; -import { HeaderSearch as OPTSearch, PictureThumb } from "@woowalker/feui"; -import ModifyPassword from "../components/MainPage/ModifyPassword"; -import FoUserInfoShow from "../components/MainPage/FoUserInfoShow"; -import FeedbackQuestion from "../components/MainPage/FeedbackQuestion"; -import GuideCanvas from "../components/MainPage/GuideCanvas"; -import IconFont from "../utils/iconFont"; -import { - initFilter, - requestFullScreenMethod, - exitFullScreen, - isFullscreenElement, -} from "../utils/common"; -import config from "../config"; -import "./header.less"; -import Option from "./Option"; -import FullScreenPage from "./FullScreen"; +import React, { useState, useMemo, useEffect } from 'react'; +import { connect } from 'dva'; +import { withRouter } from 'dva/router'; +import { Dropdown, Icon, Menu, message, Button, Modal } from 'antd'; +import { HeaderSearch as OPTSearch, PictureThumb } from '@woowalker/feui'; +import ModifyPassword from '../components/MainPage/ModifyPassword'; +import FoUserInfoShow from '../components/MainPage/FoUserInfoShow'; +import FeedbackQuestion from '../components/MainPage/FeedbackQuestion'; +import GuideCanvas from '../components/MainPage/GuideCanvas'; +import IconFont from '../utils/iconFont'; +import { initFilter, requestFullScreenMethod, exitFullScreen, isFullscreenElement } from '../utils/common'; +import config from '../config'; +import './header.less'; +import Option from './Option'; +import FullScreenPage from './FullScreen'; // 投屏 const DataV = (props) => { @@ -25,10 +20,8 @@ const DataV = (props) => { const { OrgId, Tenant, baseConfig } = props.login; const preUrl = baseConfig.SCREEN_URL || config.dataVUrl; const queryStr = `OrgId=${OrgId}&Tenant=${Tenant}`; - const url = `${ - preUrl.indexOf("?") !== -1 ? preUrl : preUrl + "?" - }${queryStr}`; - window.open(url, "_blank"); + const url = `${preUrl.indexOf('?') !== -1 ? preUrl : preUrl + '?'}${queryStr}`; + window.open(url, '_blank'); }; return ( @@ -72,7 +65,7 @@ const Search = (props) => { * @param {*} e */ const handleSearchMenu = (e) => { - if (!e || e === "") { + if (!e || e === '') { setAutoCompleteData([]); return; } @@ -94,11 +87,9 @@ const Search = (props) => { * @param {*} e */ const handleSelectMenu = (e) => { - const menu = leafMenus.menuDatas.find( - (item) => item.Menu.Nav_MenuForm.ID === e - ); + const menu = leafMenus.menuDatas.find((item) => item.Menu.Nav_MenuForm.ID === e); props.dispatch({ - type: "app/updateActivatedMenu", + type: 'app/updateActivatedMenu', payload: { currActivatedTab: menu.Node.ID, currActivatedMenu: menu.Node, @@ -107,16 +98,10 @@ const Search = (props) => { props.history.push({ pathname: `/main/${menu.Node.ID}` }); }; - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { return ; } else { - return ( - - ); + return ; } //return ( // @@ -138,23 +123,23 @@ const User = (props) => { */ const handleLogout = () => { const { OrgId, userId } = props.login; - const logJson = initFilter(OrgId, userId, "", 0, 1, 0); + const logJson = initFilter(OrgId, userId, '', 0, 1, 0); props.dispatch({ - type: "app/addLoginOut", + type: 'app/addLoginOut', payload: logJson, }); - localStorage.removeItem("accessToken"); - localStorage.removeItem("currentMineTypeName"); - props.history.push({ pathname: "/login" }); + localStorage.removeItem('accessToken'); + localStorage.removeItem('currentMineTypeName'); + props.history.push({ pathname: '/login' }); }; /** * 锁屏 */ const handleLockScreen = () => { - localStorage.removeItem("accessToken"); + localStorage.removeItem('accessToken'); props.dispatch({ - type: "login/save", + type: 'login/save', payload: { screenLocked: true, }, @@ -167,15 +152,15 @@ const User = (props) => { */ const handleUserMenuClick = (evt) => { switch (evt.key) { - case "user-menu-logout": + case 'user-menu-logout': handleLogout(); break; - case "user-menu-lockscreen": + case 'user-menu-lockscreen': handleLockScreen(); break; - case "user-menu-cacheclean": + case 'user-menu-cacheclean': window.localStorage.clear(); - message.success("清除成功，即将重新加载页面", 2, () => { + message.success('清除成功，即将重新加载页面', 2, () => { setTimeout(() => window.location.reload(true), 500); }); break; @@ -192,9 +177,7 @@ const User = (props) => { onVisibleChange={setVisible} overlay={ - - 当前登录：{loginInfo.User?.NAME} - + 当前登录：{loginInfo.User?.NAME} 我的资料 @@ -219,87 +202,83 @@ const HeaderUser = withRouter(connect(({ login }) => ({ login }))(User)); // 2023-10-08 生产单元 const MineType = (props) => { const [visible, setVisible] = useState(false); - let currUserMineType = localStorage.getItem("MineType"); + let currUserMineType = localStorage.getItem('MineType'); if (currUserMineType == null || currUserMineType == undefined) { - localStorage.setItem("MineType", "30"); - localStorage.setItem("currentMineTypeName", "露天矿"); + localStorage.setItem('MineType', '30'); + localStorage.setItem('currentMineTypeName', '露天矿'); } else { - if (localStorage.getItem("currentMineTypeName") == null) { + if (localStorage.getItem('currentMineTypeName') == null) { if (currUserMineType.indexOf(30) > -1) { - localStorage.setItem("currentMineType", 30); - localStorage.setItem("currentMineTypeName", "露天矿"); + localStorage.setItem('currentMineType', 30); + localStorage.setItem('currentMineTypeName', '露天矿'); } else if (currUserMineType.indexOf(20) > -1) { - localStorage.setItem("currentMineType", 20); - localStorage.setItem("currentMineTypeName", "尾矿库"); + localStorage.setItem('currentMineType', 20); + localStorage.setItem('currentMineTypeName', '尾矿库'); } else if (currUserMineType.indexOf(10) > -1) { - localStorage.setItem("currentMineType", 10); - localStorage.setItem("currentMineTypeName", "选矿厂"); + localStorage.setItem('currentMineType', 10); + localStorage.setItem('currentMineTypeName', '选矿厂'); } else if (currUserMineType.indexOf(40) > -1) { - localStorage.setItem("currentMineType", 40); - localStorage.setItem("currentMineTypeName", "地下矿"); - } - else if (currUserMineType.indexOf(31) > -1) { - localStorage.setItem("currentMineType", 31); - localStorage.setItem("currentMineTypeName", "职能口"); - } - else if (currUserMineType.indexOf(32) > -1) { - localStorage.setItem("currentMineType", 32); - localStorage.setItem("currentMineTypeName", "非金属"); + localStorage.setItem('currentMineType', 40); + localStorage.setItem('currentMineTypeName', '地下矿'); + } else if (currUserMineType.indexOf(31) > -1) { + localStorage.setItem('currentMineType', 31); + localStorage.setItem('currentMineTypeName', '职能口'); + } else if (currUserMineType.indexOf(32) > -1) { + localStorage.setItem('currentMineType', 32); + localStorage.setItem('currentMineTypeName', '非金属'); } } else { - let currentMineType = localStorage.getItem("currentMineType"); + let currentMineType = localStorage.getItem('currentMineType'); if (currUserMineType.indexOf(currentMineType) > -1) { if (currentMineType == 30) { - localStorage.setItem("currentMineTypeName", "露天矿"); + localStorage.setItem('currentMineTypeName', '露天矿'); } else if (currUserMineType == 20) { - localStorage.setItem("currentMineTypeName", "尾矿库"); + localStorage.setItem('currentMineTypeName', '尾矿库'); } else if (currUserMineType == 10) { - localStorage.setItem("currentMineTypeName", "选矿厂"); + localStorage.setItem('currentMineTypeName', '选矿厂'); } else if (currUserMineType == 40) { - localStorage.setItem("currentMineTypeName", "地下矿"); - }else if (currUserMineType == 31) { - localStorage.setItem("currentMineTypeName", "职能口"); - }else if (currUserMineType == 32) { - localStorage.setItem("currentMineTypeName", "非金属"); + localStorage.setItem('currentMineTypeName', '地下矿'); + } else if (currUserMineType == 31) { + localStorage.setItem('currentMineTypeName', '职能口'); + } else if (currUserMineType == 32) { + localStorage.setItem('currentMineTypeName', '非金属'); } } else { if (currUserMineType.indexOf(30) > -1) { - localStorage.setItem("currentMineTypeName", "露天矿"); + localStorage.setItem('currentMineTypeName', '露天矿'); } else if (currUserMineType.indexOf(20) > -1) { - localStorage.setItem("currentMineTypeName", "尾矿库"); + localStorage.setItem('currentMineTypeName', '尾矿库'); } else if (currUserMineType.indexOf(10) > -1) { - localStorage.setItem("currentMineTypeName", "选矿厂"); + localStorage.setItem('currentMineTypeName', '选矿厂'); } else if (currUserMineType.indexOf(40) > -1) { - localStorage.setItem("currentMineTypeName", "地下矿"); - } - else if (currUserMineType.indexOf(31) > -1) { - localStorage.setItem("currentMineTypeName", "职能口"); - } - else if (currUserMineType.indexOf(32) > -1) { - localStorage.setItem("currentMineTypeName", "非金属"); + localStorage.setItem('currentMineTypeName', '地下矿'); + } else if (currUserMineType.indexOf(31) > -1) { + localStorage.setItem('currentMineTypeName', '职能口'); + } else if (currUserMineType.indexOf(32) > -1) { + localStorage.setItem('currentMineTypeName', '非金属'); } } } } let currUserMineTypeArray = []; - if (currUserMineType.indexOf("30") > -1) { - currUserMineTypeArray.push({ key: "30", label: "露天矿" }); + if (currUserMineType.indexOf('30') > -1) { + currUserMineTypeArray.push({ key: '30', label: '露天矿' }); } - if (currUserMineType.indexOf("10") > -1) { - currUserMineTypeArray.push({ key: "10", label: "选矿厂" }); + if (currUserMineType.indexOf('10') > -1) { + currUserMineTypeArray.push({ key: '10', label: '选矿厂' }); } - if (currUserMineType.indexOf("20") > -1) { - currUserMineTypeArray.push({ key: "20", label: "尾矿库" }); + if (currUserMineType.indexOf('20') > -1) { + currUserMineTypeArray.push({ key: '20', label: '尾矿库' }); } - if (currUserMineType.indexOf("40") > -1) { - currUserMineTypeArray.push({ key: "40", label: "地下矿" }); + if (currUserMineType.indexOf('40') > -1) { + currUserMineTypeArray.push({ key: '40', label: '地下矿' }); } - if (currUserMineType.indexOf("31") > -1) { - currUserMineTypeArray.push({ key: "31", label: "职能口" }); + if (currUserMineType.indexOf('31') > -1) { + currUserMineTypeArray.push({ key: '31', label: '职能口' }); } - if (currUserMineType.indexOf("32") > -1) { - currUserMineTypeArray.push({ key: "32", label: "非金属" }); + if (currUserMineType.indexOf('32') > -1) { + currUserMineTypeArray.push({ key: '32', label: '非金属' }); } const MineTypeMenu = () => { return ( @@ -315,30 +294,24 @@ const MineType = (props) => { * @param {*} evt */ const handleMineTypeClick = (evt) => { - localStorage.setItem("currentMineType", evt.key); - localStorage.setItem("currentMineTypeName", evt.item.props.children); + localStorage.setItem('currentMineType', evt.key); + localStorage.setItem('currentMineTypeName', evt.item.props.children); setVisible(false); window.location.reload(); }; - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { return
; } else { return ( - - - 生产单元：{localStorage.getItem("currentMineTypeName")} + + + 生产单元：{localStorage.getItem('currentMineTypeName')} ); } }; -const HeaderMineType = withRouter( - connect(({ login }) => ({ login }))(MineType) -); +const HeaderMineType = withRouter(connect(({ login }) => ({ login }))(MineType)); const GuideCodePage = (props) => { const [showCanvas, setshowCanvas] = useState(false); const currVans = (val) => { @@ -349,7 +322,7 @@ const GuideCodePage = (props) => { * @param {*} evt */ - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { return
; } else { return ( @@ -358,14 +331,14 @@ const GuideCodePage = (props) => { onClick={() => { currVans(); }} - style={{ margin: "0px 36px", display: "flex", alignItems: "center" }} + style={{ margin: '0px 36px', display: 'flex', alignItems: 'center' }} > { setshowCanvas(false); @@ -381,15 +354,13 @@ const GuideCodePage = (props) => { ); } }; -const GuideCode = withRouter( - connect(({ login }) => ({ login }))(GuideCodePage) -); +const GuideCode = withRouter(connect(({ login }) => ({ login }))(GuideCodePage)); const NavOpton = (props) => { const [showModal, setshowModal] = useState(false); const getChildCount = (val) => { setshowModal(val); }; - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { return
; } else { return ( @@ -401,10 +372,7 @@ const NavOpton = (props) => { }} > {/* */} - + { document.msFullScreen ); if (isFull) { - // / - }else{ + // / + } else { // requestFullScreenMethod(document.body); setshowModal(false); } }; 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 */ + 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); + document.removeEventListener('webkitfullscreenchange', escFunction); + document.removeEventListener('mozfullscreenchange', escFunction); + document.removeEventListener('fullscreenchange', escFunction); + document.removeEventListener('MSFullscreenChange', escFunction); }; }, []); - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { return
; } else { return ( @@ -480,10 +439,10 @@ const FullScreenOpton = (props) => { type="primary" onClick={() => { setshowModal(true); - requestFullScreenMethod(document.body); // 进入全屏 + requestFullScreenMethod(document.body); // 进入全屏 }} > - + {/* { } }; -const FullScreen = withRouter( - connect(({ login }) => ({ login }))(FullScreenOpton) -); +const FullScreen = withRouter(connect(({ login }) => ({ login }))(FullScreenOpton)); const HeaderNav = withRouter(connect(({ login }) => ({ login }))(NavOpton)); function Header(props) { const { baseConfig = {} } = props.login; - const thumbCode = baseConfig.Nav_PictureLogo - ? baseConfig.Nav_PictureLogo.CODE - : ""; + const thumbCode = baseConfig.Nav_PictureLogo ? baseConfig.Nav_PictureLogo.CODE : ''; let isMobile = false; - if (window.navigator.userAgent.indexOf("Windows") < 1) { + if (window.navigator.userAgent.indexOf('Windows') < 1) { isMobile = true; } return ( -
+
{isMobile ? ( ) : ( - + 矿山安全生产信息化平台 - - {baseConfig.SYS_NAME}{" "} + + {baseConfig.SYS_NAME}{' '} )}