2023-04-05

king

2023-04-05 0a98c5dab4f2783ff5250cb69715340b40d801bb

 src/tabviews/custom/components/card/double-data-card/index.jsx

@@ -917,64 +917,66 @@
            selectedData={selectedData}
          /> : null
        }
        <div className={`data-zoom ${config.wrap.wrapClass}`}>
          <Row className={'card-row-list '}>
            {precards.map((item, index) => (
              <Col key={'pre' + index} className="extend-card" span={item.setting.width || 6}>
                <CardItem card={item} cards={config} data={extendData}>
                  {item.setting.checkAll === 'show' ? <span onClick={this.checkAll} className={'circle-select' + checkAll}></span> : null}
                </CardItem>
              </Col>
            ))}
            {data && data.map((item, index) => {
              let className = 'card-item-wrap mk-card ' + mainBox
              let subClass = 'mk-unfold'
              let unfold = true

              if (item.$disabled) {
                className = 'mk-disabled ' + mainBox
              } else if (activeKey === index) {
                className += 'active'
              } else if (selectKeys.indexOf(index) > -1) {
                className += 'selected'
              }

              if (card.setting.display !== 'default') {
                if (item.children.length === 0) {
                  subClass = 'mk-disabled'
                  unfold = false
                } else {
                  subClass = opens.indexOf(index) > -1 ? 'mk-unfold' : 'mk-collapse'
                  unfold = opens.indexOf(index) > -1
                }
              }

              return (
                <Col key={index} span={card.setting.width}>
                  <div className={className} style={wrapStyle}>
                    <CardItem card={card} cards={config} data={item} onDoubleClick={() => this.onDoubleClick(index, subClass)} onClick={() => {this.changeCard(index, item, subClass)}}>
                      <span className="circle-select"></span>
                      {card.setting.controlIcon === 'left' ? (!unfold ? <PlusSquareOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/> : <MinusSquareOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/>) : null}
                      {card.setting.controlIcon === 'right' ? <UpOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/> : null}
                    </CardItem>
                    <div className={'sub-card-wrap ' + subClass + (config.wrap.parity === 'true' ? ' mk-parity-bg' : '')}>
                      {item.children.map((cell, index) => <Col key={'sub' + index} span={subcard.setting.width || 24}>
                        <CardItem card={subcard} cards={subconfig} data={cell} />
                      </Col>)}
                    </div>
                  </div>
        <div className={config.wrap.minWidth ? 'data-zoom-box' : ''}>
          <div className={`data-zoom ${config.wrap.wrapClass}`} style={config.wrap.minWidth ? {minWidth: config.wrap.minWidth} : null}>
            <Row className={'card-row-list '}>
              {precards.map((item, index) => (
                <Col key={'pre' + index} className="extend-card" span={item.setting.width || 6}>
                  <CardItem card={item} cards={config} data={extendData}>
                    {item.setting.checkAll === 'show' ? <span onClick={this.checkAll} className={'circle-select' + checkAll}></span> : null}
                  </CardItem>
                </Col>
              )
            })}
            {nextcards.map((item, index) => (
              <Col key={'next' + index} className="extend-card" span={item.setting.width || 6}>
                <CardItem card={item} cards={config} data={extendData}>
                  {item.setting.checkAll === 'show' ? <span onClick={this.checkAll} className={'circle-select' + checkAll}></span> : null}
                </CardItem>
              </Col>
            ))}
          </Row>
          {precards.length === 0 && nextcards.length === 0 && (!data || data.length === 0) ? <Empty description={false}/> : null}
              ))}
              {data && data.map((item, index) => {
                let className = 'card-item-wrap mk-card ' + mainBox
                let subClass = 'mk-unfold'
                let unfold = true

                if (item.$disabled) {
                  className = 'mk-disabled ' + mainBox
                } else if (activeKey === index) {
                  className += 'active'
                } else if (selectKeys.indexOf(index) > -1) {
                  className += 'selected'
                }

                if (card.setting.display !== 'default') {
                  if (item.children.length === 0) {
                    subClass = 'mk-disabled'
                    unfold = false
                  } else {
                    subClass = opens.indexOf(index) > -1 ? 'mk-unfold' : 'mk-collapse'
                    unfold = opens.indexOf(index) > -1
                  }
                }

                return (
                  <Col key={index} span={card.setting.width}>
                    <div className={className} style={wrapStyle}>
                      <CardItem card={card} cards={config} data={item} onDoubleClick={() => this.onDoubleClick(index, subClass)} onClick={() => {this.changeCard(index, item, subClass)}}>
                        <span className="circle-select"></span>
                        {card.setting.controlIcon === 'left' ? (!unfold ? <PlusSquareOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/> : <MinusSquareOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/>) : null}
                        {card.setting.controlIcon === 'right' ? <UpOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/> : null}
                      </CardItem>
                      <div className={'sub-card-wrap ' + subClass + (config.wrap.parity === 'true' ? ' mk-parity-bg' : '')}>
                        {item.children.map((cell, index) => <Col key={'sub' + index} span={subcard.setting.width || 24}>
                          <CardItem card={subcard} cards={subconfig} data={cell} />
                        </Col>)}
                      </div>
                    </div>
                  </Col>
                )
              })}
              {nextcards.map((item, index) => (
                <Col key={'next' + index} className="extend-card" span={item.setting.width || 6}>
                  <CardItem card={item} cards={config} data={extendData}>
                    {item.setting.checkAll === 'show' ? <span onClick={this.checkAll} className={'circle-select' + checkAll}></span> : null}
                  </CardItem>
                </Col>
              ))}
            </Row>
            {precards.length === 0 && nextcards.length === 0 && (!data || data.length === 0) ? <Empty description={false}/> : null}
          </div>
        </div>
        {config.wrap.pagestyle === 'page' && config.setting.laypage && data ? <Pagination size="small" total={total} showTotal={(t, range) => `${range[0]}-${range[1]} 共 ${total} 条`} pageSize={pageSize} showSizeChanger={true} pageSizeOptions={this.state.pageOptions} onChange={this.changePageIndex} onShowSizeChange={this.pageSizeChange} current={pageIndex}/> : null}
        {config.wrap.pagestyle === 'more' && config.setting.laypage && data && data.length > 0 ? <div className={'mk-more' + (pageSize * pageIndex >= total ? ' disabled' : '')} onClick={this.loadMore}>查看更多<DownOutlined/></div> : null}