| | |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8" /> |
|---|
| | | <meta name="renderer" content="webkit"> |
|---|
| | | <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> --> |
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
|---|
| | | <meta name="theme-color" content="#000000" /> |
|---|
| | | <link rel="shortcut icon" href="#"> |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { Modal, Button } from 'antd' |
|---|
| | | |
|---|
| | | import zhCN from '@/locales/zh-CN/model.js' |
|---|
| | |
|---|
| | | * @description 按钮编辑，获取按钮表单信息 |
|---|
| | | */ |
|---|
| | | handleAction = (card) => { |
|---|
| | | const { menu, cards } = this.props |
|---|
| | | const { cards } = this.props |
|---|
| | | |
|---|
| | | let usefulFields = sessionStorage.getItem('permFuncField') |
|---|
| | | if (usefulFields) { |
|---|
| | |
|---|
| | | menulist = [] |
|---|
| | | } |
|---|
| | | |
|---|
| | | let modules = MenuUtils.getSubModules(menu.components, cards.uuid) |
|---|
| | | let modules = MenuUtils.getSubModules(window.GLOB.customMenu.components, cards.uuid) |
|---|
| | | |
|---|
| | | this.setState({ |
|---|
| | | actvisible: true, |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(CardCellComponent) |
|---|
| | | export default CardCellComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, Pagination, notification } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | const { card } = this.props |
|---|
| | | |
|---|
| | | if (card.isNew) { |
|---|
| | | let ismob = sessionStorage.getItem('appType') === 'mob' |
|---|
| | | let _card = { |
|---|
| | | uuid: card.uuid, |
|---|
| | | type: card.type, |
|---|
| | |
|---|
| | | btnlog: [], |
|---|
| | | subcards: [{ |
|---|
| | | uuid: Utils.getuuid(), |
|---|
| | | setting: { width: 6, type: 'simple'}, |
|---|
| | | setting: { width: ismob ? 24 : 6, type: 'simple'}, |
|---|
| | | style: { |
|---|
| | | borderWidth: '1px', borderColor: '#e8e8e8', |
|---|
| | | paddingTop: '15px', paddingBottom: '15px', paddingLeft: '15px', paddingRight: '15px', |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(DataCardEditComponent) |
|---|
| | | export default DataCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, notification } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | const { card } = this.props |
|---|
| | | |
|---|
| | | if (card.isNew) { |
|---|
| | | let ismob = sessionStorage.getItem('appType') === 'mob' |
|---|
| | | let _card = { |
|---|
| | | uuid: card.uuid, |
|---|
| | | type: card.type, |
|---|
| | |
|---|
| | | scripts: [], |
|---|
| | | subcards: [{ |
|---|
| | | uuid: Utils.getuuid(), |
|---|
| | | setting: { width: 6, type: 'simple'}, |
|---|
| | | setting: { width: ismob ? 24 : 6, type: 'simple'}, |
|---|
| | | style: { |
|---|
| | | borderWidth: '1px', borderColor: '#e8e8e8', |
|---|
| | | paddingTop: '15px', paddingBottom: '15px', paddingLeft: '15px', paddingRight: '15px', |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(PropCardEditComponent) |
|---|
| | | export default PropCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, Pagination, notification } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(TableCardEditComponent) |
|---|
| | | export default TableCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, notification } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(DataCardEditComponent) |
|---|
| | | export default DataCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, notification, Carousel } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(PropCardEditComponent) |
|---|
| | | export default PropCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, notification } from 'antd' |
|---|
| | | import { Chart } from '@antv/g2' |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(antvBarLineChart) |
|---|
| | | export default antvBarLineChart |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, notification } from 'antd' |
|---|
| | | import { Chart } from '@antv/g2' |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(antvBarLineChart) |
|---|
| | | export default antvBarLineChart |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(CodeSandBox) |
|---|
| | | export default CodeSandBox |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(BraftEditorComponent) |
|---|
| | | export default BraftEditorComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { Modal, Button, Popover, Icon } from 'antd' |
|---|
| | | |
|---|
| | | import zhCN from '@/locales/zh-CN/model.js' |
|---|
| | |
|---|
| | | formlist: null, // 表单信息 |
|---|
| | | visible: false, // 模态框控制 |
|---|
| | | profVisible: false, // 验证信息编辑 |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description 搜索条件初始化 |
|---|
| | | */ |
|---|
| | | UNSAFE_componentWillMount () { |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | componentDidMount () { |
|---|
| | |
|---|
| | | * @description 按钮编辑，获取按钮表单信息 |
|---|
| | | */ |
|---|
| | | handleAction = (card) => { |
|---|
| | | const { menu, config } = this.props |
|---|
| | | const { config } = this.props |
|---|
| | | |
|---|
| | | let usefulFields = sessionStorage.getItem('permFuncField') |
|---|
| | | if (usefulFields) { |
|---|
| | |
|---|
| | | <p style={{marginBottom: '5px'}}>{this.state.dict['model.tooltip.func.innerface'].replace('@ableField', ableField)}</p> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | let modules = MenuUtils.getSubModules(menu.components, config.uuid) |
|---|
| | | let modules = MenuUtils.getSubModules(window.GLOB.customMenu.components, config.uuid) |
|---|
| | | |
|---|
| | | this.setState({ |
|---|
| | | visible: true, |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(CardCellComponent) |
|---|
| | | export default CardCellComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, Button, Switch, notification } from 'antd' |
|---|
| | | import moment from 'moment' |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(PropCardEditComponent) |
|---|
| | | export default PropCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Button } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(NormalGroup) |
|---|
| | | export default NormalGroup |
|---|
| | |
|---|
| | | import React, { Component } from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Modal, notification, Popover, Icon } from 'antd' |
|---|
| | | import moment from 'moment' |
|---|
| | |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(MainSearchComponent) |
|---|
| | | export default MainSearchComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Modal, notification, Button } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | * @description 按钮编辑，获取按钮表单信息 |
|---|
| | | */ |
|---|
| | | handleAction = (card) => { |
|---|
| | | const { menu, config } = this.props |
|---|
| | | const { config } = this.props |
|---|
| | | |
|---|
| | | let usefulFields = sessionStorage.getItem('permFuncField') |
|---|
| | | if (usefulFields) { |
|---|
| | |
|---|
| | | menulist = [] |
|---|
| | | } |
|---|
| | | |
|---|
| | | let modules = MenuUtils.getSubModules(menu.components, config.uuid) |
|---|
| | | let modules = MenuUtils.getSubModules(window.GLOB.customMenu.components, config.uuid) |
|---|
| | | |
|---|
| | | this.setState({ |
|---|
| | | visible: true, |
|---|
| | |
|---|
| | | * @description 创建按钮存储过程 |
|---|
| | | */ |
|---|
| | | creatFunc = () => { |
|---|
| | | const { menu } = this.props |
|---|
| | | const menu = window.GLOB.customMenu |
|---|
| | | let _config = fromJS(this.props.config).toJS() |
|---|
| | | |
|---|
| | | this.actionFormRef.handleConfirm().then(res => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(ActionComponent) |
|---|
| | | export default ActionComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { Modal, notification } from 'antd' |
|---|
| | | import moment from 'moment' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(SearchComponent) |
|---|
| | | export default SearchComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Popover, Modal, notification } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | shouldComponentUpdate (nextProps, nextState) { |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) || (!this.props.menu && nextProps.menu) |
|---|
| | | return !is(fromJS(this.state), fromJS(nextState)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(TableCardEditComponent) |
|---|
| | | export default TableCardEditComponent |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Tabs, Icon, Popover, Modal } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(antvTabs) |
|---|
| | | export default antvTabs |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { Icon, Modal } from 'antd' |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | editDataSource = () => { |
|---|
| | | const { config, menu } = this.props |
|---|
| | | const { config } = this.props |
|---|
| | | |
|---|
| | | let search = [] |
|---|
| | | let parents = [] |
|---|
| | |
|---|
| | | _conf = item |
|---|
| | | |
|---|
| | | if (_conf.parentId && _conf.tabId) { |
|---|
| | | getParents(menu) |
|---|
| | | getParents(tab) |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | getParents(tab) |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (config.parentId && config.tabId) { |
|---|
| | | getParents(menu) |
|---|
| | | getParents(window.GLOB.customMenu) |
|---|
| | | } |
|---|
| | | |
|---|
| | | parents.unshift(menu) |
|---|
| | | parents.unshift(window.GLOB.customMenu) |
|---|
| | | |
|---|
| | | parents.forEach(parent => { |
|---|
| | | parent.components.forEach(item => { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | render () { |
|---|
| | | const { config, menu } = this.props |
|---|
| | | const { config } = this.props |
|---|
| | | const { visible, dict, loading, mainSearch } = this.state |
|---|
| | | |
|---|
| | | return ( |
|---|
| | |
|---|
| | | > |
|---|
| | | <VerifyCard |
|---|
| | | dict={dict} |
|---|
| | | menu={menu} |
|---|
| | | menu={window.GLOB.customMenu} |
|---|
| | | mainSearch={mainSearch} |
|---|
| | | config={config} |
|---|
| | | wrappedComponentRef={(inst) => this.verifyRef = inst} |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(DataSource) |
|---|
| | | export default DataSource |
|---|
| | |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import {connect} from 'react-redux' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import { DndProvider } from 'react-dnd' |
|---|
| | | import HTML5Backend from 'react-dnd-html5-backend' |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | state = { |
|---|
| | | menu: null, // 上级菜单，三级菜单或标签 |
|---|
| | | dict: CommonDict, // 字典 |
|---|
| | | config: null, // 页面配置，包括模板类型、模态框设置、添加表名、表单列表 |
|---|
| | | visible: false, // 表单编辑模态框，显示控制 |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = (state) => { |
|---|
| | | return { |
|---|
| | | menu: state.customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(ComModalConfig) |
|---|
| | | export default ComModalConfig |
|---|
| | |
|---|
| | | import React, { Component } from 'react' |
|---|
| | | import PropTypes from 'prop-types' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { DndProvider } from 'react-dnd' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import moment from 'moment' |
|---|
| | |
|---|
| | | import enUS from '@/locales/en-US/mob.js' |
|---|
| | | import MKEmitter from '@/utils/events.js' |
|---|
| | | import asyncComponent from '@/utils/asyncComponent' |
|---|
| | | import { modifyCustomMenu } from '@/store/action' |
|---|
| | | |
|---|
| | | import './index.scss' |
|---|
| | | |
|---|
| | |
|---|
| | | config: fromJS(config).toJS() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | notification.warning({ |
|---|
| | | top: 92, |
|---|
| | |
|---|
| | | config: config |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | updatetable = (config) => { |
|---|
| | | this.setState({ config }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | insert = (item) => { |
|---|
| | |
|---|
| | | config.components.push(item) |
|---|
| | | |
|---|
| | | this.setState({config}) |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | render () { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = (dispatch) => { |
|---|
| | | return { |
|---|
| | | modifyCustomMenu: (customMenu) => dispatch(modifyCustomMenu(customMenu)) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(MenuDesign) |
|---|
| | | export default MenuDesign |
|---|
| | |
|---|
| | | { type: 'menu', url: Carousel, component: 'carousel', subtype: 'datacard', title: '轮播-动态数据', width: 24 }, |
|---|
| | | { type: 'menu', url: Carousel1, component: 'carousel', subtype: 'propcard', title: '轮播-静态数据', width: 24 }, |
|---|
| | | { type: 'menu', url: NormalTable, component: 'table', subtype: 'normaltable', title: '常用表', width: 24 }, |
|---|
| | | { type: 'menu', url: TableCard, component: 'table', subtype: 'tablecard', title: '表格', width: 12 }, |
|---|
| | | { type: 'menu', url: TableCard, component: 'table', subtype: 'tablecard', title: '表格', width: 24 }, |
|---|
| | | { type: 'menu', url: line, component: 'line', subtype: 'line', title: '折线图', width: 24 }, |
|---|
| | | { type: 'menu', url: line1, component: 'line', subtype: 'line1', title: '阶梯折线图', width: 24 }, |
|---|
| | | { type: 'menu', url: bar, component: 'bar', subtype: 'bar', title: '柱状图', width: 24 }, |
|---|
| | | { type: 'menu', url: bar1, component: 'bar', subtype: 'bar1', title: '条形图', width: 24 }, |
|---|
| | | { type: 'menu', url: Pie, component: 'pie', subtype: 'pie', title: '饼图', width: 12 }, |
|---|
| | | { type: 'menu', url: Pie1, component: 'pie', subtype: 'ring', title: '环图', width: 12 }, |
|---|
| | | { type: 'menu', url: Pie, component: 'pie', subtype: 'pie', title: '饼图', width: 24 }, |
|---|
| | | { type: 'menu', url: Pie1, component: 'pie', subtype: 'ring', title: '环图', width: 24 }, |
|---|
| | | { type: 'menu', url: SandBox, component: 'code', subtype: 'sandbox', title: '自定义', width: 24 }, |
|---|
| | | { type: 'menu', url: Pie2, component: 'pie', subtype: 'nightingale', title: '南丁格尔图', width: 12 }, |
|---|
| | | { type: 'menu', url: Pie2, component: 'pie', subtype: 'nightingale', title: '南丁格尔图', width: 24 }, |
|---|
| | | { type: 'menu', url: group, component: 'group', subtype: 'normalgroup', title: '分组', width: 24 }, |
|---|
| | | ] |
|---|
| | |
|---|
| | | // 修改会员等级 |
|---|
| | | export const MODIFY_MEMBERLEVEL = 'MODIFY_MEMBERLEVEL' |
|---|
| | | |
|---|
| | | // 修改自定义菜单 |
|---|
| | | export const MODIFY_CUSTOMMENU = 'MODIFY_CUSTOMMENU' |
|---|
| | | |
|---|
| | | // 退出 |
|---|
| | | export const LOGOUT = 'LOGOUT' |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 修改自定义菜单 |
|---|
| | | export const modifyCustomMenu = (customMenu) => { |
|---|
| | | return { |
|---|
| | | type: user.MODIFY_CUSTOMMENU, |
|---|
| | | customMenu: customMenu |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 退出重置 |
|---|
| | | export const logout = () => { |
|---|
| | | return { |
|---|
| | |
|---|
| | | permAction: {}, // 用户按钮权限 |
|---|
| | | permMenus: [], // 用户三级菜单列表 |
|---|
| | | memberLevel: _level, // 会员等级 |
|---|
| | | customMenu: null // 编辑中的菜单（自定义页面） |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 用户消息 |
|---|
| | |
|---|
| | | ...state, |
|---|
| | | memberLevel: action.memberLevel |
|---|
| | | } |
|---|
| | | case Type.MODIFY_CUSTOMMENU: |
|---|
| | | // 修改自定义菜单信息 |
|---|
| | | return { |
|---|
| | | ...state, |
|---|
| | | customMenu: action.customMenu |
|---|
| | | } |
|---|
| | | case Type.LOGOUT: |
|---|
| | | return { |
|---|
| | | menuTree: null, |
|---|
| | |
|---|
| | | editLevel: null, |
|---|
| | | permAction: {}, |
|---|
| | | permMenus: [], |
|---|
| | | customMenu: null |
|---|
| | | } |
|---|
| | | default: |
|---|
| | | return state |
|---|
| | |
|---|
| | | import React, { Component } from 'react' |
|---|
| | | import { connect } from 'react-redux' |
|---|
| | | import { DndProvider } from 'react-dnd' |
|---|
| | | import { is, fromJS } from 'immutable' |
|---|
| | | import moment from 'moment' |
|---|
| | |
|---|
| | | import MKEmitter from '@/utils/events.js' |
|---|
| | | import MenuUtils from '@/utils/utils-custom.js' |
|---|
| | | import asyncComponent from '@/utils/asyncComponent' |
|---|
| | | import { modifyCustomMenu } from '@/store/action' |
|---|
| | | |
|---|
| | | import './index.scss' |
|---|
| | | |
|---|
| | |
|---|
| | | document.body.className = '' |
|---|
| | | window.GLOB.UserComponentMap = new Map() // 缓存用户自定义组件 |
|---|
| | | window.GLOB.urlFields = [] // url变量 |
|---|
| | | window.GLOB.customMenu = null // 保存菜单信息 |
|---|
| | | |
|---|
| | | class MenuDesign extends Component { |
|---|
| | | state = { |
|---|
| | |
|---|
| | | handleBack = () => { |
|---|
| | | this.setState({popBtn: null, delButtons: [], copyButtons: []}, () => { |
|---|
| | | sessionStorage.setItem('editMenuType', 'menu') |
|---|
| | | this.props.modifyCustomMenu(this.state.config) |
|---|
| | | window.GLOB.customMenu = this.state.config |
|---|
| | | this.setState({visible: false}) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | |
|---|
| | | oriConfig: config, |
|---|
| | | config: fromJS(config).toJS() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | notification.warning({ |
|---|
| | | top: 92, |
|---|
| | |
|---|
| | | this.setState({ |
|---|
| | | config: config |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | insert = (item) => { |
|---|
| | |
|---|
| | | config.components.push(item) |
|---|
| | | |
|---|
| | | this.setState({config}) |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | render () { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapStateToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = (dispatch) => { |
|---|
| | | return { |
|---|
| | | modifyCustomMenu: (customMenu) => dispatch(modifyCustomMenu(customMenu)) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default connect(mapStateToProps, mapDispatchToProps)(MenuDesign) |
|---|
| | | export default MenuDesign |
|---|
| | |
|---|
| | | import MKEmitter from '@/utils/events.js' |
|---|
| | | import MenuUtils from '@/utils/utils-custom.js' |
|---|
| | | import asyncComponent from '@/utils/asyncComponent' |
|---|
| | | import { modifyCustomMenu } from '@/store/action' |
|---|
| | | |
|---|
| | | import './index.scss' |
|---|
| | | |
|---|
| | |
|---|
| | | window.GLOB.UserComponentMap = new Map() // 缓存用户自定义组件 |
|---|
| | | window.GLOB.CacheIndependent = new Map() |
|---|
| | | window.GLOB.urlFields = [] // url变量 |
|---|
| | | window.GLOB.customMenu = null // 保存菜单信息 |
|---|
| | | |
|---|
| | | class MobDesign extends Component { |
|---|
| | | state = { |
|---|
| | |
|---|
| | | config: fromJS(config).toJS(), |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | this.jointComponents(config, indeComs, isCreate) |
|---|
| | | } |
|---|
| | |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | this.jointComponents(config, indeComs, true) |
|---|
| | | } |
|---|
| | |
|---|
| | | config: config, |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | config: config |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | insert = (item) => { |
|---|
| | |
|---|
| | | config.components.push(item) |
|---|
| | | |
|---|
| | | this.setState({config}) |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | refreshView = () => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = (dispatch) => { |
|---|
| | | return { |
|---|
| | | modifyCustomMenu: (customMenu) => dispatch(modifyCustomMenu(customMenu)) |
|---|
| | | } |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(MobDesign)) |
|---|
| | |
|---|
| | | import MKEmitter from '@/utils/events.js' |
|---|
| | | import MenuUtils from '@/utils/utils-custom.js' |
|---|
| | | import asyncComponent from '@/utils/asyncComponent' |
|---|
| | | import { modifyCustomMenu } from '@/store/action' |
|---|
| | | |
|---|
| | | import './index.scss' |
|---|
| | | |
|---|
| | |
|---|
| | | window.GLOB.UserComponentMap = new Map() // 缓存用户自定义组件 |
|---|
| | | window.GLOB.CacheIndependent = new Map() |
|---|
| | | window.GLOB.urlFields = [] // url变量 |
|---|
| | | window.GLOB.customMenu = null // 保存菜单信息 |
|---|
| | | |
|---|
| | | class MenuDesign extends Component { |
|---|
| | | state = { |
|---|
| | |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | this.jointComponents(config, indeComs, isCreate) |
|---|
| | | } |
|---|
| | |
|---|
| | | config: fromJS(config).toJS(), |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } else { |
|---|
| | | this.jointComponents(config, indeComs, true) |
|---|
| | | } |
|---|
| | |
|---|
| | | loading: false |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | config: config |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | insert = (item) => { |
|---|
| | |
|---|
| | | config.components.push(item) |
|---|
| | | |
|---|
| | | this.setState({config}) |
|---|
| | | this.props.modifyCustomMenu(config) |
|---|
| | | window.GLOB.customMenu = config |
|---|
| | | } |
|---|
| | | |
|---|
| | | refreshView = () => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const mapDispatchToProps = (dispatch) => { |
|---|
| | | return { |
|---|
| | | modifyCustomMenu: (customMenu) => dispatch(modifyCustomMenu(customMenu)) |
|---|
| | | } |
|---|
| | | const mapDispatchToProps = () => { |
|---|
| | | return {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(MenuDesign)) |
|---|
