From 2ccd33975abf91f9a7929ca8ed6fc03d74ee424d Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 08 十月 2022 10:10:07 +0800 Subject: [PATCH] 2022-10-08 --- src/components/header/index.jsx | 476 +++++++++++++++++++++++++---------------------------------- 1 files changed, 201 insertions(+), 275 deletions(-) diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx index 281b65e..03f6d5c 100644 --- a/src/components/header/index.jsx +++ b/src/components/header/index.jsx @@ -4,16 +4,15 @@ import {connect} from 'react-redux' import { is, fromJS } from 'immutable' import moment from 'moment' -import { Dropdown, Menu, Icon, Modal, Form, notification, Switch, Input } from 'antd' +import { Dropdown, Menu, Modal, notification, Switch, Input } from 'antd' +import { SearchOutlined, DownOutlined, MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons' import { toggleCollapse, modifyMainMenu, - initActionPermission, - initMenuPermission, logout } from '@/store/action' -import asyncComponent from '@/utils/asyncComponent' +import asyncComponent from '@/utils/asyncSpinComponent' import Api from '@/api' import MKEmitter from '@/utils/events.js' import options from '@/store/options.js' @@ -37,7 +36,8 @@ visible: false, // 淇敼瀵嗙爜妯℃�佹 dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, confirmLoading: false, - userName: sessionStorage.getItem('User_Name'), + userName: '', + fullName: '', logourl: window.GLOB.mainlogo, appVersion: window.GLOB.appVersion, loginVisible: false, @@ -65,6 +65,8 @@ } resetPwdSubmit = () => { + if (!this.formRef) return + this.formRef.handleConfirm().then(res => { this.setState({ confirmLoading: true @@ -139,9 +141,65 @@ } getRolesMenu () { - // 鑾峰彇瑙掕壊鏉冮檺 - let roledefer = new Promise(resolve => { - // edition_type 鎺ュ彛鐗堟湰鎺у埗 ''銆�'Y'銆�'A' + // 鑾峰彇涓昏彍鍗曞弬鏁� + let _param = {func: 's_get_pc_menus', systemType: options.sysType} + _param.pro_sys = window.GLOB.systemType === 'production' ? 'Y' : '' + + Api.getSystemConfig(_param).then(result => { + if (!result.status) { + notification.error({ + top: 92, + message: result.message, + duration: 10 + }) + return + } + + const { menulist, thdMenuList } = this.getMenulist(result) + + let systems = [] + if ((options.sysType === 'local' || options.sysType === 'SSO') && result.sys_list) { + systems = result.sys_list + + if (options.sysType === 'local' && window.GLOB.systemType !== 'production' && systems.length > 10) { + systems.length = 10 + } + } + + this.setState({ + menulist, + thdMenuList, + systems: systems + }) + + let mainMenu = menulist[0] || '' + let _menu = null + + if (sessionStorage.getItem('ThirdMenu')) { // 鏄惁涓烘墦寮�鏂伴〉闈� + let ThirdMenuId = sessionStorage.getItem('ThirdMenu') + _menu = thdMenuList.filter(item => item.MenuID === ThirdMenuId)[0] // 閫氳繃url涓璵enuid绛涢�夊嚭閫変腑鐨勪富鑿滃崟 + + sessionStorage.removeItem('ThirdMenu') + } + + this.props.modifyMainMenu(mainMenu) + + window.GLOB.mkThdMenus = [...thdMenuList, {MenuID: 'home_page_id', EasyCode: '', MenuName: 'home', type: 'CustomPage'}] + + if (_menu) { // 寤舵椂鎵撳紑锛岄槻姝㈡爣绛剧粍鏈畬鎴愬姞杞� + setTimeout(() => { + if (this.state.navBar === 'topmenu' && this.state.menuType !== 'menu_board_navigation') { + MKEmitter.emit('modifyTabs', _menu, 'replace') + } else { + MKEmitter.emit('modifyTabs', _menu, 'plus') + } + }, 200) + } + MKEmitter.emit('mkMenuLoaded') + }) + + // 鑾峰彇瑙掕壊鏉冮檺, edition_type 鎺ュ彛鐗堟湰鎺у埗 ''銆�'Y'銆�'A' + setTimeout(() => { Api.getSystemConfig({ func: 's_Get_TrdMenu_Role', edition_type: 'A', @@ -149,14 +207,14 @@ }).then(result => { let _permAction = {loaded: true} // 鎸夐挳鏉冮檺 - if (result && result.status) { + if (result.status) { if (result.UserRoles_Menu) { result.UserRoles_Menu.forEach(menu => { if (!menu.MenuID) return _permAction[menu.MenuID] = true }) } - } else if (result) { + } else { notification.error({ top: 92, message: result.message, @@ -164,81 +222,14 @@ }) } - this.props.initActionPermission(_permAction) - resolve() + MKEmitter.emit('mkActionLoaded') + window.GLOB.mkActions = _permAction }) - }) - - // 鑾峰彇涓昏彍鍗曞弬鏁� - let menudefer = new Promise(resolve => { - let _param = {func: 's_get_pc_menus', systemType: options.sysType} - _param.pro_sys = window.GLOB.systemType === 'production' ? 'Y' : '' - - Api.getSystemConfig(_param).then(result => { - if (!result.status) { - notification.error({ - top: 92, - message: result.message, - duration: 10 - }) - return - } - - const { menulist, thdMenuList } = this.getMenulist(result) - - this.setState({ - menulist, - thdMenuList, - systems: window.GLOB.systemType === 'production' || options.sysType === 'SSO' ? (result.sys_list || []) : [] - }) - - let mainMenu = menulist[0] || '' - let _menu = null - - if (mainMenu === '') { // 鏄惁鏄剧ず渚ц竟鏍忔帶鍒� - let _url = window.location.href.split('#')[0] - localStorage.setItem(_url + '-sideHidden', 'true') - } else { - let _url = window.location.href.split('#')[0] - localStorage.removeItem(_url + '-sideHidden') - } - - if (sessionStorage.getItem('ThirdMenu')) { // 鏄惁涓烘墦寮�鏂伴〉闈� - let ThirdMenuId = sessionStorage.getItem('ThirdMenu') - _menu = thdMenuList.filter(item => item.MenuID === ThirdMenuId)[0] // 閫氳繃url涓璵enuid绛涢�夊嚭閫変腑鐨勪富鑿滃崟 - - if (_menu) { - mainMenu = menulist.filter(item => item.MenuID === _menu.FstId)[0] - mainMenu = fromJS(mainMenu).toJS() - mainMenu.openId = _menu.ParentId - } - - sessionStorage.removeItem('ThirdMenu') - } - - this.props.modifyMainMenu(mainMenu) - this.props.initMenuPermission([...thdMenuList, {MenuID: 'home_page_id', EasyCode: '', MenuName: 'home', type: 'CustomPage'}]) - - resolve(_menu) - }) - }) - - Promise.all([roledefer, menudefer]).then(response => { - if (response[1]) { - let menu = fromJS(response[1]).toJS() - - if (this.state.navBar === 'topmenu' && this.state.menuType !== 'menu_board_navigation') { - MKEmitter.emit('modifyTabs', menu, 'replace') - } else { - MKEmitter.emit('modifyTabs', menu, 'plus') - } - } - }) + }, 50) } getMenulist = (result) => { let thdMenuList = [] - let iframes = ['Main/Index', 'bda/rdt', 'Home/rdt'] let menulist = [] result.fst_menu && result.fst_menu.forEach(fst => { let fstItem = { @@ -249,14 +240,13 @@ } if (fst.PageParam) { try { - fstItem.PageParam = JSON.parse(fst.PageParam) - } catch (e) { - fstItem.PageParam = null - } - if (fstItem.PageParam && fstItem.PageParam.OpenType === 'outpage' && fstItem.PageParam.linkUrl) { - fstItem.OpenType = 'outpage' - fstItem.linkUrl = fstItem.PageParam.linkUrl - } + let PageParam = JSON.parse(fst.PageParam) + + if (PageParam.OpenType === 'outpage' && PageParam.linkUrl) { + fstItem.OpenType = 'outpage' + fstItem.linkUrl = PageParam.linkUrl + } + } catch (e) {} } if (fst.snd_menu) { @@ -265,31 +255,16 @@ ParentId: fst.MenuID, MenuID: snd.MenuID, MenuName: snd.MenuName, - PageParam: {Icon: 'folder'}, + Icon: 'folder', children: [] } if (snd.PageParam) { try { - sndItem.PageParam = JSON.parse(snd.PageParam) - } catch (e) { - sndItem.PageParam = {Icon: 'folder'} - } - } + let PageParam = JSON.parse(snd.PageParam) - let msg = { - UserID: sessionStorage.getItem('UserID'), - LoginUID: sessionStorage.getItem('LoginUID'), - User_Name: sessionStorage.getItem('User_Name'), - Full_Name: sessionStorage.getItem('Full_Name'), - Member_Level: sessionStorage.getItem('Member_Level'), - dataM: sessionStorage.getItem('dataM'), - avatar: sessionStorage.getItem('avatar'), - debug: sessionStorage.getItem('debug'), - role_id: sessionStorage.getItem('role_id'), - mainlogo: window.GLOB.mainlogo, - navBar: window.GLOB.navBar || '', - mstyle: window.GLOB.style + sndItem.Icon = PageParam.Icon || 'folder' + } catch (e) {} } if (snd.trd_menu) { @@ -306,45 +281,23 @@ OpenType: 'newtab', hidden: 'false' } - - if (trd.LinkUrl && iframes.includes(trd.LinkUrl.split('?')[0])) { - trdItem.type = 'iframe' - trdItem.LinkUrl = trd.LinkUrl.replace('&', '&') - } else { + + if (trd.PageParam) { try { - trdItem.PageParam = trd.PageParam ? JSON.parse(trd.PageParam) : {OpenType: 'newtab'} - } catch (e) { - trdItem.PageParam = {OpenType: 'newtab'} - } + let PageParam = JSON.parse(trd.PageParam) - trdItem.type = trdItem.PageParam.Template || trdItem.type - trdItem.OpenType = trdItem.PageParam.OpenType || trdItem.OpenType - trdItem.hidden = trdItem.PageParam.hidden || trdItem.hidden + trdItem.type = PageParam.Template || trdItem.type + trdItem.OpenType = PageParam.OpenType || trdItem.OpenType + trdItem.hidden = PageParam.hidden || trdItem.hidden - if (trdItem.type === 'NewPage') { - trdItem.src = trdItem.PageParam.url || '' - - if (trdItem.src.indexOf('paramsmain/') > -1) { - try { - let _url = trdItem.src.split('paramsmain/')[0] + 'paramsmain/' - let _param = JSON.parse(window.decodeURIComponent(window.atob(trdItem.src.split('paramsmain/')[1]))) - _param.UserID = sessionStorage.getItem('UserID') - _param.LoginUID = sessionStorage.getItem('LoginUID') - _param.User_Name = sessionStorage.getItem('User_Name') - _param.Full_Name = sessionStorage.getItem('Full_Name') - - trdItem.src = _url + window.btoa(window.encodeURIComponent(JSON.stringify(_param))) - } catch (e) { - console.warn('鑿滃崟鍙傛暟瑙f瀽閿欒锛�') - } + if (trdItem.type === 'NewPage') { + trdItem.src = PageParam.url || '' } - } else { - // 鎵撳紑鏂伴〉闈㈤摼鎺� - trdItem.src = '#/paramsmain/' + window.btoa(window.encodeURIComponent(JSON.stringify({ - ...msg, - ThirdMenu: trd.MenuID - }))) - } + } catch (e) {} + } + + if (trdItem.type !== 'NewPage') { + trdItem.src = '#/tab/' + trd.MenuID } thdMenuList.push(trdItem) @@ -386,12 +339,31 @@ } loginSubmit = () => { + if (!this.loginRef) return + this.setState({ loginLoading: true }) + this.loginRef.handleConfirm().then(param => { Api.getusermsg(param.username, param.password, true).then(res => { if (res.status) { + this.setState({ + loginLoading: false + }) + + if (res.modifydate) { + let s = (new Date().getTime() - new Date(res.modifydate).getTime()) / (1000 * 24 * 60 * 60) + if (!isNaN(s) && s > 90) { + Modal.warning({ + width: 520, + title: <span>绯荤粺妫�娴嬪埌鎮ㄧ殑璐︽埛瀛樺湪椋庨櫓锛岃鍙婃椂鍒�<a target="_blank" rel="noopener noreferrer" href="https://cloud.mk9h.cn/admin/index.html">浜戜腑蹇�</a>淇敼瀵嗙爜锛�</span>, + okText: '鐭ラ亾浜�' + }) + return + } + } + sessionStorage.setItem('CloudUserID', res.UserID) sessionStorage.setItem('CloudLoginUID', res.LoginUID) sessionStorage.setItem('CloudUserName', res.UserName) @@ -404,7 +376,12 @@ sessionStorage.setItem('dataM', res.dataM ? 'true' : '') sessionStorage.setItem('isEditState', 'true') - this.setSystemFuncs() + if (param.remember) { + let _url = window.location.href.split('#')[0] + 'cloud' + + localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify({time: new Date().getTime(), username: param.username, password: param.password})))) + } + this.props.modifyMainMenu(null) this.props.history.replace('/design') } else { @@ -425,107 +402,6 @@ }) } - setSystemFuncs = () => { - if (!window.GLOB.WebSql && !window.GLOB.IndexDB) { - return - } - this.getfuncTime().then(res => { - Api.getSystemFuncs(res.createDate).then(result => { - if (!result.status) { - notification.error({ - top: 92, - message: result.message, - duration: 10 - }) - return - } else if (result.func_detail && result.func_detail.length > 0) { - this.writeFuncs(result.func_detail) - } - }) - }) - } - - writeFuncs = (funcs) => { - let timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - - let sys_datetime = sessionStorage.getItem('sys_datetime') - let app_datetime = sessionStorage.getItem('app_datetime') - if (sys_datetime && app_datetime) { - let seconds = Math.floor((new Date().getTime() - app_datetime) / 1000) - timestamp = moment(sys_datetime, 'YYYY-MM-DD HH:mm:ss').add(seconds, 'seconds').format('YYYY-MM-DD HH:mm:ss') - } - - if (window.GLOB.WebSql) { - window.GLOB.WebSql.transaction(tx => { - tx.executeSql('DELETE FROM FUNCS') - - funcs.forEach(item => { - if (!item.key_sql) return - tx.executeSql('INSERT INTO FUNCS (func_code, key_sql) VALUES (?, ?)', [item.func_code, item.key_sql]) - }) - tx.executeSql(`UPDATE VERSIONS SET createDate='${timestamp}' where CDefine1='funcs'`) - }) - } else { - let objectStore = window.GLOB.IndexDB.transaction(['funcs'], 'readwrite').objectStore('funcs') - - objectStore.clear() - - funcs.forEach(item => { - if (!item.key_sql) return - item.id = item.func_code - objectStore.add(item) - }) - - let funcStore = window.GLOB.IndexDB.transaction(['version'], 'readwrite').objectStore('version') - funcStore.put({id: 'funcs', version: '1.0', createDate: timestamp}) - } - } - - getfuncTime = () => { - return new Promise((resolve, reject) => { - if (window.GLOB.WebSql) { - window.GLOB.WebSql.transaction(tx => { - tx.executeSql("SELECT * FROM VERSIONS where CDefine1='funcs'", [], (tx, results) => { - let rows = results.rows - if (rows.length === 0) { - tx.executeSql('DELETE FROM FUNCS') - tx.executeSql('INSERT INTO VERSIONS (version, createDate, CDefine1) VALUES (?, ?, ?)', ['1.0', '1970-01-01 14:59:09.000', 'funcs']) - resolve({createDate: '1970-01-01 14:59:09.000'}) - } else { - resolve(rows[0]) - } - }, (tx, results) => { - reject() - console.warn(results) - }) - }) - } else { - let objectStore = window.GLOB.IndexDB.transaction(['version'], 'readwrite').objectStore('version') - let request = objectStore.get('funcs') - - request.onerror = (event) => { - console.warn(event) - reject() - } - - request.onsuccess = () => { - if (request.result) { - resolve(request.result) - } else { - let add = objectStore.add({id: 'funcs', version: '1.0', createDate: '1970-01-01 14:59:09.000'}) - - add.onerror = () => { - reject() - } - add.onsuccess = () => { - resolve({id: 'funcs', version: '1.0', createDate: '1970-01-01 14:59:09.000'}) - } - } - } - } - }) - } - changeSystem = (system) => { let url = system.LinkUrl1 @@ -542,18 +418,40 @@ url = url + '/' } - let href = url + 'index.html#/ssologin/' + window.btoa(window.encodeURIComponent(JSON.stringify({ - UserID: sessionStorage.getItem('UserID'), - LoginUID: sessionStorage.getItem('LoginUID'), - User_Name: sessionStorage.getItem('User_Name'), - Full_Name: sessionStorage.getItem('Full_Name'), - avatar: sessionStorage.getItem('avatar'), - dataM: system.dataM ? 'true' : '', - debug: system.debug || '', - role_id: system.role_id || '' - }))) + let key = Utils.getuuid() - window.open(href) + let _param = { + func: 'webapi_scan_binding_key', + binding_type: 'mk', + scan_type: 'toggle', + scan_appkey: system.scan_appkey, + id: key + } + + Api.getSystemConfig(_param).then(res => { + if (!res.status) { + notification.warning({ + top: 92, + message: res.message, + duration: 5 + }) + } else if (res.thd_party_appid && res.thd_party_member_id && res.thd_party_openid) { + let href = url + 'admin/index.html#/ssologin/' + window.btoa(window.encodeURIComponent(JSON.stringify({ + appid: res.thd_party_appid, + memberId: res.thd_party_member_id, + openid: res.thd_party_openid, + key: key + }))) + + window.open(href) + } else { + notification.warning({ + top: 92, + message: '淇℃伅缂哄け锛岃鑱旂郴绠$悊鍛橈紒', + duration: 5 + }) + } + }) } dropdownMenuChange = (visible) => { @@ -570,6 +468,15 @@ UNSAFE_componentWillMount () { // 缁勪欢鍔犺浇鏃讹紝鑾峰彇鑿滃崟鏁版嵁 this.getRolesMenu() + + let fullName = sessionStorage.getItem('Full_Name') || '' + let userName = sessionStorage.getItem('User_Name') || '' + + if (fullName.toLowerCase() === userName.toLowerCase()) { + userName = '' + } + + this.setState({fullName, userName}) } componentDidMount () { @@ -577,6 +484,19 @@ setTimeout(() => { Api.getAppVersion().then(() => {}, () => {}) }, 1000) + // Api.genericInterface({ + // func: 's_get_fcc_account_data', + // fcc_date: '2022-03-01', + // search_type: '' + // }).then(res => { + // }) + + // sessionStorage 璺ㄩ〉闈㈠叡浜� + window.addEventListener('storage', (e) => { + if (e.key === 'getSessionStorage' && e.newValue === window.GLOB.appkey) { + localStorage.setItem('sessionStorage', JSON.stringify(sessionStorage)) + } + }) } shouldComponentUpdate (nextProps, nextState) { @@ -598,7 +518,7 @@ let url = `${ssodomain}/doc/index.html#?appkey=${window.GLOB.appkey}&LoginUID=${sessionStorage.getItem('LoginUID')}` window.open(url) } else if (options.sysType === 'SSO' || options.sysType === 'cloud') { - window.open(`${window.location.href.replace(/\/index.html(.*)|\/#(.*)/ig, '')}/doc/index.html#?appkey=${window.GLOB.appkey}&LoginUID=${sessionStorage.getItem('LoginUID')}`) + window.open(`${window.location.href.replace(/\/admin(.*)|\/index.html(.*)|\/#(.*)/ig, '')}/doc/index.html#?appkey=${window.GLOB.appkey}&LoginUID=${sessionStorage.getItem('LoginUID')}`) } } @@ -662,6 +582,12 @@ }) } + changeToHome = () => { + if (!['linkage', 'menu_board'].includes(window.GLOB.navBar)) return + + MKEmitter.emit('modifyTabs', {MenuID: 'home_page_id', EasyCode: '', MenuName: 'home', type: 'CustomPage'}, 'replace') + } + render () { const { mainMenu, collapse } = this.props const { thdMenuList, searchkey, debug, menulist, navBar, menuType, appVersion } = this.state @@ -691,10 +617,10 @@ return ( <header className="header-container ant-menu-dark" id="main-header-container"> - <div className={'header-logo ' + (collapse && navBar !== 'topmenu' ? 'collapse' : '')}><img src={this.state.logourl} alt=""/></div> - <div className={'header-collapse ' + (collapse && navBar !== 'topmenu' ? 'collapse' : '')}> - {navBar !== 'topmenu' ? <Icon type={collapse ? 'menu-unfold' : 'menu-fold'} onClick={this.handleCollapse}/> : null} - </div> + <div className={'header-logo ' + (collapse && navBar !== 'topmenu' ? 'collapse' : '')} onClick={this.changeToHome}><img src={this.state.logourl} alt=""/></div> + {navBar !== 'topmenu' ? <div className={'header-collapse ' + (collapse ? 'collapse' : '')}> + {collapse ? <MenuUnfoldOutlined onClick={this.handleCollapse}/> : <MenuFoldOutlined onClick={this.handleCollapse}/>} + </div> : <div style={{width: '20px', height: '45px'}}></div>} {/* 姝e父鑿滃崟 */} {navBar !== 'topmenu' && menulist ? <ul className="header-menu">{ @@ -788,15 +714,9 @@ })} </ul> : null } - {/* 澶村儚銆佺敤鎴峰悕 */} - <Dropdown className="header-setting" overlay={menu}> - <div> - <img src={this.state.avatar || avatar} alt=""/> - <span> - <span className="username">{this.state.userName}</span> <Icon type="down" /> - </span> - </div> - </Dropdown> + {!menulist ? + <div className="header-menu"></div> : null + } {/* 鑿滃崟鎼滅储 */} {thdMenuList.length > 0 ? <Dropdown overlayClassName="menu-select-dropdown" getPopupContainer={() => document.getElementById('main-header-container')} overlay={ @@ -830,9 +750,18 @@ </div> </div> } trigger={['click']} className="search-menu" placement="bottomRight" onVisibleChange={this.dropdownMenuChange}> - <Icon className="search-menu" type="search" /> + <SearchOutlined className="search-menu" /> </Dropdown> : null } + {/* 澶村儚銆佺敤鎴峰悕 */} + <Dropdown className="header-setting" overlay={menu}> + <div> + <img src={this.state.avatar || avatar} alt=""/> + <span> + <span className="username"><span>{this.state.fullName}</span>{this.state.userName ? <span>{this.state.userName}</span> : null}</span> <DownOutlined /> + </span> + </div> + </Dropdown> {/* 淇敼瀵嗙爜 */} <Modal title={this.state.dict['main.password']} @@ -864,8 +793,7 @@ const mapStateToProps = (state) => { return { collapse: state.collapse, - mainMenu: state.mainMenu, - permAction: state.permAction, + mainMenu: state.mainMenu } } @@ -873,10 +801,8 @@ return { toggleCollapse: (collapse) => dispatch(toggleCollapse(collapse)), modifyMainMenu: (mainMenu) => dispatch(modifyMainMenu(mainMenu)), - initActionPermission: (permAction) => dispatch(initActionPermission(permAction)), - initMenuPermission: (permMenus) => dispatch(initMenuPermission(permMenus)), logout: () => dispatch(logout()) } } -export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Form.create()(Header))) \ No newline at end of file +export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Header)) \ No newline at end of file -- Gitblit v1.8.0