| | |
| | | const SettingComponent = asyncIconComponent(() => import('@/menu/datasource')) |
| | | const NormalForm = asyncIconComponent(() => import('@/components/normalform')) |
| | | const CardComponent = asyncComponent(() => import('../cardcomponent')) |
| | | const Nodes = asyncComponent(() => import('./node-wrap')) |
| | | const MobPagination = asyncIconComponent(() => import('@/menu/components/share/mobPagination')) |
| | | const LogComponent = asyncIconComponent(() => import('@/menu/components/share/logcomponent')) |
| | | const CopyComponent = asyncIconComponent(() => import('@/menu/components/share/copycomponent')) |
| | |
| | | _card.style = config.style |
| | | _card.headerStyle = config.headerStyle |
| | | |
| | | _card.setting = config.setting |
| | | _card.columns = config.columns |
| | | _card.scripts = config.scripts |
| | | |
| | | _card.subcards = config.subcards.map(scard => { |
| | | scard.uuid = Utils.getuuid() |
| | | scard.elements = scard.elements.map(elem => { |
| | |
| | | }) |
| | | this.props.updateConfig(_card) |
| | | } else { |
| | | card.action = card.action || [] // 兼容 |
| | | card.search = card.search || [] // 兼容 |
| | | let _card = fromJS(card).toJS() |
| | | _card.action = _card.action || [] // 兼容 |
| | | _card.search = _card.search || [] // 兼容 |
| | | |
| | | if (appType === 'mob') { |
| | | _card.action = _card.action.map(item => { |
| | | if (!item.color) { |
| | | if (item.sqlType === 'LogicDelete' || item.sqlType === 'delete') { |
| | | item.color = 'danger' |
| | | } else if (item.sqlType === 'insert') { |
| | | item.color = 'success' |
| | | } else if (item.sqlType === 'update' || item.sqlType === 'insertOrUpdate' || item.sqlType === 'custom') { |
| | | item.color = 'primary' |
| | | } else if (item.sqlType === 'audit') { |
| | | item.color = 'warning' |
| | | } else { |
| | | item.color = 'weak' |
| | | } |
| | | } |
| | | return item |
| | | }) |
| | | } |
| | | |
| | | this.setState({ |
| | | card: fromJS(card).toJS() |
| | | card: _card |
| | | }) |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | updateSupNodes = (res) => { |
| | | const { card } = this.state |
| | | |
| | | this.setState({ |
| | | card: {...card, supNodes: res} |
| | | }) |
| | | |
| | | this.updateComponent({...card, supNodes: res}) |
| | | } |
| | | |
| | | render() { |
| | | const { card, appType } = this.state |
| | | |
| | |
| | | <NormalForm title="数据卡设置" width={800} update={this.updateWrap} getForms={this.getWrapForms}> |
| | | <Icon type="edit" style={{color: '#1890ff'}} title="编辑"/> |
| | | </NormalForm> |
| | | {card.wrap.supType === 'multi' && appType !== 'mob' ? <Nodes card={card} updateMenus={this.updateSupNodes}/> : null} |
| | | <CopyComponent type="datacard" card={card}/> |
| | | <PasteComponent options={['action', 'search', 'form', 'cardcell']} updateConfig={this.pasteComponent} /> |
| | | <Icon className="style" title="调整样式" onClick={this.changeStyle} type="font-colors" /> |