2022-03-30

king

2022-03-30 25fbc16aa14667064ac5de854183b09e01105f2c

2022-03-30

 src/menu/components/card/data-card/index.jsx

@@ -495,6 +495,10 @@
      delete _card.supNodes
    }

    if (res.layout === 'flex') {
      _card.wrap.pagestyle = 'page'
    }

    this.updateComponent(_card)
  }


 src/menu/components/card/data-card/options.jsx

@@ -77,6 +77,22 @@
    },
    {
      type: 'radio',
      field: 'layout',
      label: '卡片布局',
      initval: wrap.layout || 'grid',
      tooltip: appType === 'mob' ? '弹性布局时，滑动加载无效' : '弹性布局时，左右切换无效',
      required: false,
      options: [
        {value: 'grid', label: '栅格布局'},
        {value: 'flex', label: '弹性布局'},
      ],
      controlFields: [
        {field: 'cardFloat', values: ['grid']},
      ],
      forbid: subtype === 'tablecard'
    },
    {
      type: 'radio',
      field: 'pagestyle',
      label: '分页风格',
      initval: wrap.pagestyle || 'page',

 src/menu/components/card/prop-card/index.jsx

@@ -450,6 +450,10 @@
    if (res.supModule && res.supModule.length > 0) {
      _card.setting.supModule = res.supModule
    }
    if (res.layout === 'flex') {
      _card.wrap.pagestyle = 'page'
    }

    this.updateComponent(_card)
  }

@@ -499,7 +503,9 @@
        } trigger="hover">
          <ToolOutlined />
        </Popover>
        {card.subcards.map((subcard, index) => (<CardComponent key={subcard.uuid} offset={!index ? offset : 0} cards={card} card={subcard} move={this.move} updateElement={this.updateCard} deleteElement={this.deleteCard}/>))}
        <div className={(card.wrap.layout || 'grid') + '-layout'}>
          {card.subcards.map((subcard, index) => (<CardComponent key={subcard.uuid} offset={!index ? offset : 0} cards={card} card={subcard} move={this.move} updateElement={this.updateCard} deleteElement={this.deleteCard}/>))}
        </div>
      </div>
    )
  }

 src/menu/components/card/prop-card/index.scss

@@ -71,6 +71,14 @@
      margin-right: 10px;
    }
  }
  .flex-layout {
    display: flex;
    width: 100%;
    >.ant-col {
      width: 5%;
      flex: 1;
    }
  }
}
.menu-prop-card-edit-box::after {
  display: block;

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

@@ -168,6 +168,7 @@

    _config.wrap.selStyle = _config.wrap.selStyle || 'active'
    _config.wrap.scale = _config.wrap.scale === 'true' ? 'scale' : ''
    _config.wrap.layout = (_config.wrap.layout || 'grid') + '-layout'

    _config.wrap.wrapClass =  `${_config.wrap.selStyle} ${_config.wrap.cardType || ''} ${_config.wrap.scale}`

@@ -772,7 +773,7 @@
        }
        <div className={`data-zoom ${config.wrap.wrapClass}`}>
          {switchable ? <div className={'prev-page ' + (pageIndex === 1 ? 'disabled' : '')} onClick={this.prevPage}><div><div><img src={preImg} alt=""/></div></div></div> : null}
          <Row className="card-row-list">
          <Row className={'card-row-list ' + config.wrap.layout}>
            {offset ? <Col span={offset} style={{height: '10px'}}> </Col> : null}
            {precards.map((item, index) => (
              <Col key={'pre' + index} className="extend-card" span={item.setting.width || 6}>

 src/tabviews/custom/components/card/data-card/index.scss

@@ -46,6 +46,14 @@
      cursor: pointer;
    }
  }
  .card-row-list.flex-layout {
    display: flex;
    width: 100%;
    >.ant-col {
      width: 5%;
      flex: 1;
    }
  }
  .card-item-box {
    position: relative;
    background-color: #ffffff;

 src/tabviews/custom/components/card/prop-card/index.jsx

@@ -113,6 +113,7 @@
    _config.wrap.selStyle = _config.wrap.selStyle || 'active'
    _config.wrap.priKeyType = _config.wrap.priKeyType || 'static'
    _config.wrap.scale = _config.wrap.scale === 'true' ? 'scale' : ''
    _config.wrap.layout = (_config.wrap.layout || 'grid') + '-layout'

    _config.wrap.wrapClass =  `${_config.wrap.selStyle} ${_config.wrap.cardType || ''} ${_config.wrap.scale || ''}`

@@ -418,7 +419,7 @@
          </div> : null
        }
        <NormalHeader config={config}/>
        <Row className={`card-row-list data-zoom ${config.wrap.wrapClass}`}>
        <Row className={`card-row-list data-zoom ${config.wrap.wrapClass} ${config.wrap.layout}`}>
          {config.subcards.map((item, index) => {
            let className = item.setting.click ? 'mk-card pointer ' : 'mk-card '
            if (activeKey === index) {

 src/tabviews/custom/components/card/prop-card/index.scss

@@ -17,6 +17,14 @@
      cursor: pointer;
    }
  }
  .card-row-list.flex-layout {
    display: flex;
    width: 100%;
    >.ant-col {
      width: 5%;
      flex: 1;
    }
  }
  .card-row-list.scale {
    .mk-card:hover {
      >.card-item-box {