| | |
| | | import md5 from 'md5' |
| | | |
| | | import Api from '@/api' |
| | | import Utils, { setGLOBFuncs } from '@/utils/utils.js' |
| | | import Utils from '@/utils/utils.js' |
| | | import MKEmitter from '@/utils/events.js' |
| | | import MenuUtils, { getTables, getFuncsAndInters, getLangTrans } from '@/utils/utils-custom.js' |
| | | import asyncComponent from '@/utils/asyncComponent' |
| | |
| | | viewType: 'menu', |
| | | view: '', |
| | | eyeopen: false, |
| | | needUpdate: false |
| | | needUpdate: false, |
| | | appLoginId: '', |
| | | appHomeId: '' |
| | | } |
| | | |
| | | UNSAFE_componentWillMount() { |
| | |
| | | adapters = [] |
| | | } |
| | | |
| | | let appLoginId = '' |
| | | let appHomeId = '' |
| | | if (sessionStorage.getItem('appViewList')) { |
| | | try { |
| | | let appMenus = JSON.parse(sessionStorage.getItem('appViewList')) |
| | | appMenus.forEach(item => { |
| | | if (item.keys_type === 'login') { |
| | | appLoginId = item.keys_id |
| | | } else if (item.keys_type === 'index') { |
| | | appHomeId = item.keys_id |
| | | } |
| | | }) |
| | | } catch (e) { |
| | | |
| | | } |
| | | } |
| | | |
| | | this.setState({ |
| | | adapters, |
| | | MenuId: param.MenuID, |
| | | viewType: /^userbind/.test(param.MenuID) ? 'userbind' : 'menu' |
| | | viewType: /^userbind/.test(param.MenuID) ? 'userbind' : 'menu', |
| | | appLoginId: appLoginId, |
| | | appHomeId: appHomeId |
| | | }, () => { |
| | | this.getMenuParam(param) |
| | | }) |
| | |
| | | |
| | | setTimeout(() => { |
| | | this.getRoleFields() |
| | | setGLOBFuncs() |
| | | // setGLOBFuncs() |
| | | }, 1000) |
| | | |
| | | document.onkeydown = (event) => { |
| | |
| | | |
| | | let traversal = (components) => { |
| | | return components.map(item => { |
| | | item.miniStyle = '' |
| | | if (item.style) { |
| | | item.miniStyle = this.transferStyle(item.style) |
| | | } |
| | |
| | | } |
| | | |
| | | if (item.type === 'tabs') { |
| | | if (item.setting.backgroundColor) { |
| | | item.miniStyle += `--tabs-header-background: ${item.setting.backgroundColor};` |
| | | } |
| | | item.subtabs.forEach(tab => { |
| | | tab.components = traversal(tab.components) |
| | | }) |
| | | } else if (item.type === 'group') { |
| | | item.components = traversal(item.components) |
| | | } else if (['card', 'carousel', 'timeline'].includes(item.type)) { |
| | | if (item.wrap.display === 'hidden') { |
| | | item.miniStyle += 'display:none;' |
| | | } |
| | | item.subcards.forEach(card => { |
| | | card.miniStyle = this.transferStyle(card.style) |
| | | card.elements = card.elements.map(cell => { |
| | |
| | | }) |
| | | return |
| | | } else if (this.checklog()) { |
| | | if (sessionStorage.getItem('applangList') && !config.trans) { |
| | | if ((sessionStorage.getItem('applangList') && !config.trans) || (adapters.includes('wxmini') && !config.hasOwnProperty('miniStyle'))) { |
| | | |
| | | } else { |
| | | notification.success({ |
| | |
| | | roleParam.pass = true |
| | | } |
| | | |
| | | delete config.miniTitle |
| | | delete config.miniReloadUp |
| | | |
| | | config.components.forEach(item => { |
| | | if (item.type === 'login') { |
| | | roleParam.login = true |
| | |
| | | config.loginview = true |
| | | } else if (item.type === 'navbar') { |
| | | config.tabview = true |
| | | } else if (item.type === 'topbar' && adapters.includes('wxmini')) { |
| | | if (item.wrap.minishow !== 'true') { |
| | | config.miniTitle = item.wrap.title || '' |
| | | } |
| | | if (item.wrap.reload === 'true') { |
| | | config.miniReloadUp = true |
| | | } |
| | | } |
| | | }) |
| | | |
| | |
| | | param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') |
| | | param.secretkey = Utils.encrypt('', param.timestamp) |
| | | |
| | | const that = this |
| | | |
| | | confirm({ |
| | | title: '确定设置本页面为首页吗?', |
| | | content: '', |
| | |
| | | }) |
| | | } else { |
| | | sessionStorage.setItem('appViewList', JSON.stringify(appViewList)) |
| | | |
| | | that.setState({ |
| | | appHomeId: config.MenuID |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | param.secretkey = Utils.encrypt('', param.timestamp) |
| | | |
| | | let hasLogin = config.components.findIndex(item => item.type === 'login') > -1 |
| | | const that = this |
| | | |
| | | confirm({ |
| | | title: '确定设置本页面为登录页吗?', |
| | |
| | | }) |
| | | } else { |
| | | sessionStorage.setItem('appViewList', JSON.stringify(appViewList)) |
| | | |
| | | that.setState({ |
| | | appLoginId: config.MenuID |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | |
| | | |
| | | render () { |
| | | const { view, viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, adapters, eyeopen, needUpdate } = this.state |
| | | const { view, viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, adapters, eyeopen, needUpdate, appLoginId, appHomeId } = this.state |
| | | |
| | | return ( |
| | | <div className={'mk-mob-view ' + viewType} id="mk-mob-design-view"> |
| | |
| | | <PictureController/> |
| | | <Quotecomponent config={config} updateConfig={this.updateConfig}/> |
| | | <StyleCombControlButton menu={config} /> |
| | | <Button className="mk-border-green set-home" onClick={this.setHomeView}><HomeOutlined /> 设为首页</Button> |
| | | <Button className="mk-border-purple set-login" onClick={this.setLoginView}><LoginOutlined /> 设为登录页</Button> |
| | | <Button className="mk-border-green set-home" disabled={MenuId === appHomeId} onClick={this.setHomeView}><HomeOutlined /> 设为首页</Button> |
| | | <Button className="mk-border-purple" disabled={MenuId === appLoginId} onClick={this.setLoginView}><LoginOutlined /> 设为登录页</Button> |
| | | <ReplaceField type="custom" config={config} updateConfig={this.resetConfig}/> |
| | | <Transfer MenuID={MenuId} /> |
| | | {config ? <Versions MenuId={MenuId} Template="webPage" checklog={this.checklog} updateConfig={this.updateLogConfig}/> : null} |