From 50b49c1b760489c3430fc382656d57c5fbbab07c Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 29 四月 2024 16:07:24 +0800 Subject: [PATCH] 2024-04-29 --- src/menu/components/card/cardcomponent/index.jsx | 128 ++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 121 insertions(+), 7 deletions(-) diff --git a/src/menu/components/card/cardcomponent/index.jsx b/src/menu/components/card/cardcomponent/index.jsx index fec3526..823a4b6 100644 --- a/src/menu/components/card/cardcomponent/index.jsx +++ b/src/menu/components/card/cardcomponent/index.jsx @@ -33,6 +33,7 @@ formlist: null, // 璁剧疆琛ㄥ崟淇℃伅 elements: null, // 缂栬緫缁� side: 'front', + timestamp: '', appType: sessionStorage.getItem('appType'), visible: false } @@ -44,6 +45,7 @@ const { card } = this.props this.setState({ + timestamp: new Date().getTime() + '', card: fromJS(card).toJS(), elements: fromJS(card.elements).toJS(), }) @@ -117,7 +119,7 @@ _elements = fromJS(card.backElements).toJS() } - this.setState({side: _side, elements: _elements}) + this.setState({side: _side, elements: _elements, timestamp: new Date().getTime() + ''}) } addElement = () => { @@ -215,9 +217,7 @@ okText: '纭畾', cancelText: '鍙栨秷', onOk() { - that.setState({ card: _card, side: '', elements: fromJS(_card.elements).toJS() }, () => { - that.setState({ side: 'front' }) - }) + that.setState({ card: _card, side: 'front', timestamp: new Date().getTime() + '', elements: fromJS(_card.elements).toJS() }) that.props.updateElement(_card) }, onCancel() {} @@ -267,6 +267,7 @@ if (side === 'back' && res.type === 'simple') { this.setState({ side: 'front', + timestamp: new Date().getTime() + '', elements: fromJS(_card.elements).toJS() }) } @@ -274,8 +275,121 @@ this.props.updateElement(_card) } + updateFields = (elements, resolve, type) => { + const { card, side } = this.state + + let items = elements + + if (type === 'form') { + items = [] + + elements.forEach(item => { + let cell = { + uuid: Utils.getuuid(), + eleType: 'text', + height: 1, + innerHeight: 21, + prefix: item.label ? item.label + ': ' : '', + datatype: item.field ? 'dynamic' : 'static', + field: item.field || '', + width: item.span || 12, + value: '', + style: {marginBottom: '15px'} + } + + if (item.type === 'number') { + cell.eleType = 'number' + cell.decimal = typeof(item.decimal) === 'number' ? item.decimal : '' + } + + items.push(cell) + }) + } + + if (items.length === 0) { + resolve({status: false, message: '鍏冪礌涓嶅彲涓虹┖锛�'}) + return + } + + let _card = { ...card } + let _card2 = { ...card } + let pass = false + + if (side === 'back') { + if (!_card.backElements || _card.backElements.length === 0) { + _card.backElements = items + pass = true + } else { + _card.backElements = items + _card2.backElements = [...card.backElements, ...items] + } + } else { + if (!_card.elements || _card.elements.length === 0) { + _card.elements = items + pass = true + } else { + _card.elements = items + _card2.elements = [...card.elements, ...items] + } + } + + if (pass) { + this.setState({ + card: _card, + timestamp: new Date().getTime() + '', + elements: side === 'back' ? fromJS(_card.backElements).toJS() : fromJS(_card.elements).toJS() + }) + + this.props.updateElement(_card) + } else { + const that = this + const _modal = confirm({ + title: '鍗$墖涓凡瀛樺湪鍏冪礌锛岃閫夋嫨瑕佽繘琛岀殑鎿嶄綔銆�', + className: 'mk-confirm-modal', + content: <div className="footer"> + <Button key="cancel" onClick={() => _modal.destroy()}>鍙栨秷</Button> + <Button key="replace" className="mk-border-purple" onClick={() => { + that.setState({ + card: _card, + timestamp: new Date().getTime() + '', + elements: side === 'back' ? fromJS(_card.backElements).toJS() : fromJS(_card.elements).toJS() + }) + + that.props.updateElement(_card) + _modal.destroy() + }}>鏇挎崲</Button> + <Button key="confirm" className="mk-border-green" onClick={() => { + that.setState({ + card: _card2, + timestamp: new Date().getTime() + '', + elements: side === 'back' ? fromJS(_card2.backElements).toJS() : fromJS(_card2.elements).toJS() + }) + + that.props.updateElement(_card2) + _modal.destroy() + }}>娣诲姞</Button> + </div> + }) + } + + resolve({status: true}) + } + paste = (element, resolve) => { const { card } = this.state + + if (['simpleform', 'forms', 'formgroup', 'cardcell'].includes(element.copyType)) { + if (element.copyType === 'simpleform') { + this.updateFields(element.subcards[0].fields, resolve, 'form') + } else if (element.copyType === 'forms') { + this.updateFields(element.fields, resolve, 'form') + } else if (element.copyType === 'formgroup') { + this.updateFields(element.fields, resolve, 'form') + } else { + this.updateFields(element.elements, resolve) + } + return + } let _uuid = Utils.getuuid() @@ -343,7 +457,7 @@ render() { const { cards } = this.props - const { card, elements, side, visible } = this.state + const { card, elements, side, visible, timestamp } = this.state let _style = {...card.style} @@ -390,7 +504,7 @@ <Col span={card.setting.width || 6} style={_style_}> <div className={'card-item ' + (card.setting.btnControl || '') + checkAll + tablerole} style={_style} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> <span className="circle-select"></span> - <CardCellComponent cards={cards} cardCell={card} side={side} elements={elements} updateElement={this.updateCard}/> + <CardCellComponent cards={cards} cardCell={card} side={side} timestamp={timestamp} elements={elements} updateElement={this.updateCard}/> <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"> @@ -400,7 +514,7 @@ <EditOutlined className="edit" title="缂栬緫"/> </NormalForm> <CopyComponent type="cardcell" card={card}/> - <PasteController options={['action', 'customCardElement']} updateConfig={this.paste} /> + <PasteController options={['action', 'customCardElement', 'simpleform', 'forms', 'formgroup', 'cardcell']} updateConfig={this.paste} /> <FontColorsOutlined className="style" title="璋冩暣鏍峰紡" onClick={this.changeStyle} /> <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> -- Gitblit v1.8.0