| | |
| | | } |
| | | |
| | | UNSAFE_componentWillMount () { |
| | | const { card, config } = this.props |
| | | const { card, config, side } = this.props |
| | | let _options = this.getOptions(card.eleType, card.datatype, card.link, (card.showType || 'line'), card.showInfo, card.fixStyle || '', card.posterType || '') |
| | | |
| | | this.setState({ |
| | |
| | | |
| | | if (item.key === 'field' || item.key === 'linkurl' || item.key === 'bgImage' || item.key === 'posterField') { |
| | | item.options = [] |
| | | config.columns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (card.eleType === 'number' || card.eleType === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && card.eleType !== 'number' && card.eleType !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | if (side === 'sub') { |
| | | config.subColumns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (card.eleType === 'number' || card.eleType === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && card.eleType !== 'number' && card.eleType !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | | config.columns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (card.eleType === 'number' || card.eleType === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && card.eleType !== 'number' && card.eleType !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } else if (item.key === 'value' && card.eleType === 'slider') { |
| | | item.type = 'number' |
| | | item.label = '值' |
| | |
| | | * 3、切换标签类型,重置可选标签 |
| | | */ |
| | | selectChange = (key, value, option) => { |
| | | const { card, config } = this.props |
| | | const { card, config, side } = this.props |
| | | const { datatype, eleType, showType, showInfo, fixStyle, posterType } = this.state |
| | | |
| | | if (key === 'eleType') { |
| | |
| | | |
| | | if (item.key === 'field') { |
| | | item.options = [] |
| | | config.columns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (value === 'number' || value === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && value !== 'number' && value !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | if (side === 'sub') { |
| | | config.subColumns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (card.eleType === 'number' || card.eleType === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && card.eleType !== 'number' && card.eleType !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | | config.columns.forEach(col => { |
| | | let label = `${col.field}(${col.label})` |
| | | |
| | | if (/^(Int|Decimal)/ig.test(col.datatype) && (value === 'number' || value === 'slider')) { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } else if (/^(Nvarchar|date)/ig.test(col.datatype) && value !== 'number' && value !== 'slider') { |
| | | item.options.push({ |
| | | value: col.field, |
| | | text: label |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } else if (item.key === 'value') { |
| | | if (value === 'slider') { |
| | | item.type = 'number' |
| | |
| | | anchors = MenuUtils.getAnchors(window.GLOB.customMenu.components, cards.uuid) || [] |
| | | } |
| | | |
| | | if (cards.type === 'table' || (cards.type === 'card' && cards.subtype === 'datacard')) { |
| | | if (cards.type === 'table' || (cards.type === 'card' && cards.subtype !== 'propcard')) { |
| | | _options.push({value: 'sequence', text: '序号'}) |
| | | } else if (card.eleType === 'sequence') { // 拖拽添加类型转换 |
| | | card.eleType = 'text' |
| | |
| | | this.setState({elements: this.state.elements.filter(item => item.uuid !== eleId)}) |
| | | } |
| | | |
| | | cardAddElement = (id, element) => { |
| | | const { cardCell } = this.props |
| | | cardAddElement = (id, element, type) => { |
| | | const { cardCell, side } = this.props |
| | | |
| | | if (id !== cardCell.uuid) return |
| | | if (window.GLOB.$lock) return |
| | | if (type && side !== type) return |
| | | |
| | | window.GLOB.$lock = true |
| | | setTimeout(() => { |
| | |
| | | } |
| | | |
| | | handleSubConfig = (item) => { |
| | | const { cards } = this.props |
| | | const { cards, side } = this.props |
| | | const { appType } = this.state |
| | | let btn = fromJS(item).toJS() |
| | | |
| | | if (side === 'sub') { |
| | | btn.$sub = true |
| | | } |
| | | |
| | | if ((sessionStorage.getItem('style-control') && sessionStorage.getItem('style-control') === 'true')) return |
| | | |
| | |
| | | } |
| | | |
| | | getVerify = (card) => { |
| | | const { cards } = this.props |
| | | const { cards, side } = this.props |
| | | |
| | | if (!card) return null |
| | | |
| | |
| | | return <VerifyCard |
| | | card={card} |
| | | config={cards} |
| | | columns={cards.columns} |
| | | columns={side === 'sub' ? cards.subColumns : cards.columns} |
| | | wrappedComponentRef={(inst) => this.verifyRef = inst} |
| | | /> |
| | | } else if (card.OpenType === 'excelIn') { |
| | | return <VerifyExcelIn |
| | | card={card} |
| | | columns={cards.columns} |
| | | columns={side === 'sub' ? cards.subColumns : cards.columns} |
| | | wrappedComponentRef={(inst) => this.verifyRef = inst} |
| | | /> |
| | | } else if (card.OpenType === 'excelOut') { |
| | |
| | | } else if (card.OpenType === 'funcbutton' && card.funcType === 'print') { |
| | | return <VerifyPrint |
| | | card={card} |
| | | columns={cards.columns} |
| | | columns={side === 'sub' ? cards.subColumns : cards.columns} |
| | | wrappedComponentRef={(inst) => this.verifyRef = inst} |
| | | /> |
| | | } |
| | | } |
| | | |
| | | render() { |
| | | const { cards, cardCell } = this.props |
| | | const { cards, cardCell, side } = this.props |
| | | const { elements, visible, actvisible, profVisible, card, record } = this.state |
| | | |
| | | return ( |
| | |
| | | <DragElement |
| | | list={elements} |
| | | parent={cardCell} |
| | | fields={cards.columns} |
| | | fields={side === 'sub' ? cards.subColumns : cards.columns} |
| | | updateMarks={this.updateMarks} |
| | | handleList={this.handleList} |
| | | handleMenu={this.handleElement} |
| | |
| | | > |
| | | <ElementForm |
| | | card={card} |
| | | side={side} |
| | | formlist={this.state.formlist} |
| | | inputSubmit={this.handleSubmit} |
| | | config={cards} |
| | |
| | | maskClosable={false} |
| | | onCancel={this.editModalCancel} |
| | | footer={[ |
| | | record && record.intertype === 'inner' ? <CreateFunc key="create" ref="btnCreatFunc" trigger={this.creatFunc}/> : null, |
| | | record && record.intertype === 'inner' && cards.subtype === 'dualdatacard' ? <CreateFunc key="create" ref="btnCreatFunc" trigger={this.creatFunc}/> : null, |
| | | <Button key="cancel" onClick={this.editModalCancel}>取消</Button>, |
| | | <Button key="confirm" type="primary" onClick={this.handleActionSubmit}>确定</Button> |
| | | ]} |
| | |
| | | search: [], |
| | | subcards: [{ |
| | | uuid: Utils.getuuid(), |
| | | setting: { width: 24}, |
| | | setting: { width: 24 }, |
| | | style: { |
| | | borderWidth: '1px', borderColor: '#e8e8e8', |
| | | paddingTop: '15px', paddingBottom: '15px', paddingLeft: '15px', paddingRight: '15px', |
| | |
| | | uuid: Utils.getuuid(), |
| | | eleType: 'text', |
| | | datatype: 'static', |
| | | width: 12, |
| | | value: '循环区域' |
| | | }], |
| | | backSetting: {}, |
| | |
| | | uuid: Utils.getuuid(), |
| | | eleType: 'text', |
| | | datatype: 'static', |
| | | width: 12, |
| | | value: '子表区域' |
| | | }] |
| | | }] |
| | |
| | | background: rgba(255, 255, 255, 0.55); |
| | | } |
| | | |
| | | .card-item { |
| | | .card-item, .card-item-wrap { |
| | | overflow: hidden; |
| | | position: relative; |
| | | background-color: #ffffff; |
| | |
| | | state = { |
| | | card: null, // 卡片信息,包括正反面 |
| | | appType: sessionStorage.getItem('appType'), |
| | | visible: false |
| | | visible: false, |
| | | side: '' |
| | | } |
| | | |
| | | /** |
| | |
| | | const { card, side } = this.state |
| | | |
| | | let _card = fromJS(card).toJS() |
| | | if (side === 'back') { |
| | | if (side === 'sub') { |
| | | _card.backStyle = style |
| | | } else { |
| | | _card.style = style |
| | |
| | | this.props.updateElement(_card) |
| | | } |
| | | |
| | | updateCard = (elements, btn) => { |
| | | const { card, side } = this.state |
| | | updateCard = (elements, btn, type) => { |
| | | const { card } = this.state |
| | | |
| | | let _card = {} |
| | | |
| | | if (side === 'back') { |
| | | if (type === 'sub') { |
| | | _card = {...card, backElements: elements} |
| | | } else { |
| | | _card = {...card, elements: elements} |
| | |
| | | |
| | | this.props.updateElement(_card, btn) |
| | | } |
| | | |
| | | changeSide = () => { |
| | | const { card } = this.props |
| | | const { side } = this.state |
| | | |
| | | let _side = '' |
| | | let _elements = null |
| | | if (side === 'front') { |
| | | _side = 'back' |
| | | } else { |
| | | _side = 'front' |
| | | } |
| | | |
| | | if (_side === 'front') { |
| | | _elements = fromJS(card.elements).toJS() |
| | | } else { |
| | | _elements = fromJS(card.backElements).toJS() |
| | | } |
| | | |
| | | this.setState({side: _side, elements: _elements}) |
| | | } |
| | | |
| | | addElement = () => { |
| | | addElement = (type) => { |
| | | const { card } = this.state |
| | | |
| | | let newcard = {} |
| | |
| | | newcard.height = 1 |
| | | |
| | | // 注册事件-添加元素 |
| | | MKEmitter.emit('cardAddElement', card.uuid, newcard) |
| | | MKEmitter.emit('cardAddElement', card.uuid, newcard, type) |
| | | } |
| | | |
| | | addButton = () => { |
| | | addButton = (type) => { |
| | | const { card } = this.state |
| | | |
| | | let newcard = {eleType: 'button', label: 'button', verify: null, show: 'link', sqlType: '', Ot: 'requiredSgl', OpenType: 'prompt', icon: '', class: 'primary', intertype: 'system', execSuccess: 'grid', execError: 'never', popClose: 'never'} |
| | |
| | | newcard.focus = true |
| | | |
| | | // 注册事件-添加元素 |
| | | MKEmitter.emit('cardAddElement', card.uuid, newcard) |
| | | MKEmitter.emit('cardAddElement', card.uuid, newcard, type) |
| | | } |
| | | |
| | | changeStyle = () => { |
| | | const { card, side } = this.state |
| | | changeStyle = (type) => { |
| | | const { card } = this.state |
| | | |
| | | let _style = null |
| | | let options = ['height', 'background', 'border', 'padding', 'margin', 'shadow'] |
| | | if (side === 'front') { |
| | | _style = card.style ? fromJS(card.style).toJS() : {} |
| | | } else if (side === 'back') { |
| | | _style = card.backStyle ? fromJS(card.backStyle).toJS() : {} |
| | | options = ['background', 'padding'] |
| | | |
| | | if (type === 'sub') { |
| | | _style = fromJS(card.backStyle).toJS() |
| | | } else { |
| | | _style = fromJS(card.style).toJS() |
| | | } |
| | | |
| | | this.setState({side: type}) |
| | | |
| | | MKEmitter.emit('changeStyle', options, _style, this.getStyle) |
| | | } |
| | | |
| | | getSettingForms = () => { |
| | | const { cards } = this.props |
| | | const { card, appType } = this.state |
| | | const { card } = this.state |
| | | |
| | | let buttons = [] |
| | | card.elements && card.elements.forEach(item => { |
| | | card.elements.forEach(item => { |
| | | if (item.eleType === 'button') { |
| | | buttons.push({ |
| | | value: item.uuid, |
| | |
| | | }) |
| | | } |
| | | }) |
| | | if (appType !== 'mob' && card.backElements) { |
| | | card.backElements.forEach(item => { |
| | | if (item.eleType === 'button') { |
| | | buttons.push({ |
| | | value: item.uuid, |
| | | label: item.label |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | return getSettingForm(card.setting, cards.subtype, buttons, card.$cardType, cards.columns) |
| | | |
| | | return getSettingForm(card.setting, buttons) |
| | | } |
| | | |
| | | updateSetting = (res) => { |
| | | const { card, side, appType } = this.state |
| | | getBackSettingForms = () => { |
| | | const { card } = this.state |
| | | |
| | | let buttons = [] |
| | | card.backElements.forEach(item => { |
| | | if (item.eleType === 'button') { |
| | | buttons.push({ |
| | | value: item.uuid, |
| | | label: item.label |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | return getSettingForm(card.backSetting, buttons) |
| | | } |
| | | |
| | | updateSetting = (res, type) => { |
| | | const { card, appType } = this.state |
| | | |
| | | if (appType === '' && res.menu) { |
| | | let list = null |
| | |
| | | }) |
| | | } |
| | | |
| | | let _card = {...card, setting: res} |
| | | let _card = {...card} |
| | | |
| | | if (type === 'sub') { |
| | | _card.backSetting = res |
| | | } else { |
| | | _card.setting = res |
| | | } |
| | | |
| | | this.setState({ |
| | | card: _card |
| | | }) |
| | | |
| | | if (side === 'back' && res.type === 'simple') { |
| | | this.setState({ |
| | | side: 'front', |
| | | elements: fromJS(_card.elements).toJS() |
| | | }) |
| | | } |
| | | |
| | | this.props.updateElement(_card) |
| | | } |
| | | |
| | | paste = (element, resolve) => { |
| | | paste = (element, resolve, type) => { |
| | | const { card } = this.state |
| | | |
| | | let _uuid = Utils.getuuid() |
| | |
| | | resolve({status: true}) |
| | | |
| | | // 注册事件-添加元素 |
| | | MKEmitter.emit('cardAddElement', card.uuid, element) |
| | | MKEmitter.emit('cardAddElement', card.uuid, element, type) |
| | | } |
| | | |
| | | doubleClickCard = () => { |
| | | doubleClickCard = (type) => { |
| | | const { card } = this.state |
| | | |
| | | if (card.setting.click === 'menu' && card.setting.menu) { |
| | | if (type !== 'sub' && card.setting.click === 'menu' && card.setting.menu) { |
| | | MKEmitter.emit('changeEditMenu', {MenuID: card.setting.menu}) |
| | | } else if (type === 'sub' && card.backSetting.click === 'menu' && card.backSetting.menu) { |
| | | MKEmitter.emit('changeEditMenu', {MenuID: card.backSetting.menu}) |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | return ( |
| | | <Col span={card.setting.width || 24}> |
| | | <div className={'card-item ' + (card.setting.btnControl || '')} style={_style} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> |
| | | <div className="card-control" onDoubleClick={(e) => e.stopPropagation()}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <PlusOutlined className="plus" title="添加元素" onClick={this.addElement} /> |
| | | <PlusSquareOutlined className="plus" title="添加按钮" onClick={this.addButton} /> |
| | | <NormalForm title={'循环卡片设置'} width={950} update={this.updateSetting} getForms={this.getSettingForms}> |
| | | <EditOutlined className="edit" title="编辑"/> |
| | | </NormalForm> |
| | | <CopyComponent type="cardcell" card={card}/> |
| | | <PasteController options={['action', 'customCardElement']} updateConfig={this.paste} /> |
| | | <FontColorsOutlined className="style" title="调整样式" onClick={this.changeStyle} /> |
| | | </div> |
| | | } trigger="hover"> |
| | | <ToolOutlined /> |
| | | </Popover> |
| | | <div className="card-item-wrap"> |
| | | <div className={'card-item ' + (card.setting.btnControl || '')} style={_style} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> |
| | | <div className="card-control" onDoubleClick={(e) => e.stopPropagation()}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <PlusOutlined className="plus" title="添加元素" onClick={() => this.addElement('main')} /> |
| | | <PlusSquareOutlined className="plus" title="添加按钮" onClick={() => this.addButton('main')} /> |
| | | <NormalForm title={'循环卡片设置'} width={950} update={(res) => this.updateSetting(res)} getForms={this.getSettingForms}> |
| | | <EditOutlined className="edit" title="编辑"/> |
| | | </NormalForm> |
| | | <CopyComponent type="cardcell" card={card}/> |
| | | <PasteController options={['action', 'customCardElement']} updateConfig={(element, resolve) => this.paste(element, resolve, 'main')} /> |
| | | <FontColorsOutlined className="style" title="调整样式" onClick={() => this.changeStyle()} /> |
| | | </div> |
| | | } trigger="hover"> |
| | | <ToolOutlined /> |
| | | </Popover> |
| | | </div> |
| | | <CardCellComponent cards={cards} cardCell={card} side="main" elements={card.elements} updateElement={(elements, btn) => this.updateCard(elements, btn)}/> |
| | | </div> |
| | | <CardCellComponent cards={cards} cardCell={card} side="" elements={card.elements} updateElement={this.updateCard}/> |
| | | </div> |
| | | <div className={'card-item ' + (card.setting.btnControl || '')} style={_backStyle} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> |
| | | <div className="card-control" onDoubleClick={(e) => e.stopPropagation()}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <PlusOutlined className="plus" title="添加元素" onClick={this.addElement} /> |
| | | <PlusSquareOutlined className="plus" title="添加按钮" onClick={this.addButton} /> |
| | | <NormalForm title={'循环子卡片设置'} width={950} update={this.updateSetting} getForms={this.getSettingForms}> |
| | | <EditOutlined className="edit" title="编辑"/> |
| | | </NormalForm> |
| | | <CopyComponent type="cardcell" card={card}/> |
| | | <PasteController options={['action', 'customCardElement']} updateConfig={this.paste} /> |
| | | <FontColorsOutlined className="style" title="调整样式" onClick={this.changeStyle} /> |
| | | </div> |
| | | } trigger="hover"> |
| | | <ToolOutlined /> |
| | | </Popover> |
| | | <div className={'card-item ' + (card.backSetting.btnControl || '')} style={_backStyle} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard('sub')}} id={card.uuid}> |
| | | <div className="card-control" onDoubleClick={(e) => e.stopPropagation()}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <PlusOutlined className="plus" title="添加元素" onClick={() => this.addElement('sub')} /> |
| | | <PlusSquareOutlined className="plus" title="添加按钮" onClick={() => this.addButton('sub')} /> |
| | | <NormalForm title={'循环子卡片设置'} width={950} update={(res) => this.updateSetting(res, 'sub')} getForms={this.getBackSettingForms}> |
| | | <EditOutlined className="edit" title="编辑"/> |
| | | </NormalForm> |
| | | <CopyComponent type="cardcell" card={card}/> |
| | | <PasteController options={['action', 'customCardElement']} updateConfig={(element, resolve) => this.paste(element, resolve, 'sub')} /> |
| | | <FontColorsOutlined className="style" title="调整样式" onClick={() => this.changeStyle('sub')} /> |
| | | </div> |
| | | } trigger="hover"> |
| | | <ToolOutlined /> |
| | | </Popover> |
| | | </div> |
| | | <CardCellComponent cards={cards} cardCell={card} side="sub" elements={card.backElements} updateElement={(elements, btn) => this.updateCard(elements, btn, 'sub')}/> |
| | | </div> |
| | | <CardCellComponent cards={cards} cardCell={card} side="" elements={card.backElements} updateElement={this.updateCard}/> |
| | | </div> |
| | | </Col> |
| | | ) |
| | |
| | | /** |
| | | * @description Setting表单配置信息 |
| | | */ |
| | | export default function (setting, subtype, buttons = [], cardType, columns) { |
| | | export default function (setting, buttons = []) { |
| | | let appType = sessionStorage.getItem('appType') |
| | | let menulist = [] |
| | | |
| | |
| | | |
| | | copyDatasource = () => { |
| | | const { config } = this.props |
| | | const { columns, scripts } = this.state |
| | | |
| | | if (columns.length === 0) { |
| | | notification.warning({ |
| | | top: 92, |
| | | message: '请添加字段集!', |
| | | duration: 5 |
| | | }) |
| | | return |
| | | } |
| | | const { columns, subColumns, scripts } = this.state |
| | | |
| | | this.settingForm.handleConfirm().then(res => { |
| | | delete res.supModule |
| | |
| | | let source = { |
| | | key: 'interface', |
| | | type: 'line', |
| | | data: {setting: res, columns, scripts, pageable: false, format: 'array', name: res.name, status: 'false', type: 'interface', uuid: '' } |
| | | data: {setting: res, columns, subColumns, scripts, pageable: false, format: 'array', name: res.name, status: 'false', type: 'interface', uuid: '' } |
| | | } |
| | | |
| | | try { |
| | |
| | | } |
| | | |
| | | if (config.subtype !== 'basetable') { |
| | | let subColumns = [] |
| | | |
| | | if (config.subtype === 'dualdatacard' && res.data.subColumns) { |
| | | subColumns = res.data.subColumns.map(col => { |
| | | col.uuid = Utils.getuuid() |
| | | return col |
| | | }) |
| | | } |
| | | |
| | | this.setState({ |
| | | scripts: res.data.scripts.map(col => { |
| | | col.uuid = Utils.getuuid() |
| | |
| | | col.uuid = Utils.getuuid() |
| | | return col |
| | | }), |
| | | subColumns: subColumns, |
| | | setting: res.data.setting, |
| | | median: res.data.setting, |
| | | reload: true, |
| | |
| | | {!reload ? <SettingForm |
| | | config={config} |
| | | columns={columns} |
| | | subColumns={subColumns} |
| | | setting={setting} |
| | | scripts={scripts} |
| | | updateStatus={(res) => this.setState({median: {...res}})} |
| | |
| | | })(<InputNumber min={0} max={500} precision={0} />)} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {config.subtype === 'dualdatacard' ? <Col span={8}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="子表在主表中的数据集名称。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 子表字段 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('subdata', { |
| | | initialValue: setting.subdata || 'sub_data', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请输入默认排序!' |
| | | } |
| | | ] |
| | | })(<Input placeholder={''} autoComplete="off" />)} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {config.subtype === 'dualdatacard' ? <Col span={8}> |
| | | <Form.Item label="子表主键"> |
| | | {getFieldDecorator('subKey', { |
| | | initialValue: setting.subKey || '' |
| | | })( |
| | | <Select> |
| | | {this.props.subColumns.map((option, i) => |
| | | <Select.Option key={i} value={option.field}> |
| | | {option.label} |
| | | </Select.Option> |
| | | )} |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | </Row> |
| | | </Form> |
| | | </div> |
| | |
| | | * 3、设置编辑参数项-formlist |
| | | */ |
| | | handleForm = (_card) => { |
| | | const { componentConfig } = this.props |
| | | const { componentConfig, btn } = this.props |
| | | const { config } = this.state |
| | | let card = fromJS(_card).toJS() |
| | | let _inputfields = [] |
| | |
| | | |
| | | _tabfields.unshift({field: '', label: '原表单'}) |
| | | |
| | | componentConfig.columns.forEach(col => { |
| | | let columns = componentConfig.columns |
| | | if (btn.$sub) { |
| | | columns = componentConfig.subColumns || [] |
| | | } |
| | | |
| | | columns.forEach(col => { |
| | | if (col.field && !uniq.has(col.field)) { |
| | | uniq.set(col.field, true) |
| | | |
| | |
| | | standardform, |
| | | visible: true, |
| | | card: card, |
| | | formlist: getModalForm(card, _inputfields, _tabfields, _linkableFields, _linksupFields, componentConfig.columns) |
| | | formlist: getModalForm(card, _inputfields, _tabfields, _linkableFields, _linksupFields, columns) |
| | | }) |
| | | } |
| | | |
| | |
| | | * 3、设置编辑参数项-formlist |
| | | */ |
| | | handleForm = (_card) => { |
| | | const { componentConfig } = this.props |
| | | const { componentConfig, btn } = this.props |
| | | const { config } = this.state |
| | | let card = fromJS(_card).toJS() |
| | | let _inputfields = [] |
| | |
| | | } |
| | | } |
| | | |
| | | componentConfig.columns.forEach(col => { |
| | | let columns = componentConfig.columns |
| | | if (btn.$sub) { |
| | | columns = componentConfig.subColumns || [] |
| | | } |
| | | |
| | | columns.forEach(col => { |
| | | if (col.field && !uniq.has(col.field)) { |
| | | uniq.set(col.field, true) |
| | | |
| | |
| | | standardform, |
| | | visible: true, |
| | | card: card, |
| | | formlist: getModalForm(card, _inputfields, _tabfields, _linkableFields, _linksupFields, componentConfig.columns) |
| | | formlist: getModalForm(card, _inputfields, _tabfields, _linkableFields, _linksupFields, columns) |
| | | }) |
| | | } |
| | | |