2021-11-23

king

2021-11-23 4a96a7bc3e15411220d4bf00a8dc04258c0e1780

2021-11-23

 src/assets/css/viewstyle.scss

@@ -186,12 +186,14 @@
    }
  }
  .custom-data-card-box, .custom-prop-card-box {
    .data-zoom.radio .card-row-list > .ant-col:not(.active):not(.selected):not(.extend-card):hover > .card-item-box, .data-zoom.checkbox .card-row-list > .ant-col:not(.active):not(.selected):not(.extend-card):hover > .card-item-box {
      border-color: $color4 !important;
      box-shadow: 0 0 4px $color4 !important;
    .data-zoom.radio, .data-zoom.checkbox {
      .card-row-list > .ant-col:not(.active):not(.backFont):not(.font):not(.selected):not(.extend-card):hover > .card-item-box {
        border-color: $color4 !important;
        box-shadow: 0 0 4px $color4 !important;
      }
    }
    .card-row-list.radio, .card-row-list.checkbox {
      >.ant-col:not(.active):not(.selected):hover {
      >.ant-col:not(.active):not(.backFont):not(.font):not(.selected):hover {
        >.card-item-box {
          border-color: $color4!important;
          box-shadow: 0 0 4px $color4!important;
@@ -203,6 +205,19 @@
        border-color: $color6!important;
        box-shadow: 0 0 4px $color6!important;
      }
      >.backFont >.card-item-box {
        border-color: $color6!important;
        background-color: $color1!important;
        .ant-mk-text {
          color: $color6;
        }
      }
      >.font >.card-item-box {
        border-color: $color6!important;
        .ant-mk-text {
          color: $color6;
        }
      }
      >.selected >.card-item-box {
        border-color: $color4!important;
        box-shadow: 0 0 4px $color4!important;

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

@@ -101,6 +101,7 @@
      controlFields: [
        {field: 'checkAll', values: ['checkbox']},
        {field: 'selected', values: ['radio', 'checkbox']},
        {field: 'selStyle', values: ['radio', 'checkbox']},
      ],
      forbid: subtype === 'tablecard'
    },
@@ -118,6 +119,20 @@
    },
    {
      type: 'radio',
      field: 'selStyle',
      label: '选中风格',
      initval: wrap.selStyle || 'active',
      tooltip: '存在边框时，边框会使用系统色。',
      required: false,
      options: [
        {value: 'active', label: '外阴影'},
        {value: 'backFont', label: '背景+文字'},
        {value: 'font', label: '文字'},
      ],
      forbid: subtype !== 'propcard'
    },
    {
      type: 'radio',
      field: 'checkAll',
      label: '全选',
      initval: wrap.checkAll || 'hidden',

 src/menu/components/share/normalheader/index.jsx

@@ -71,7 +71,7 @@
      title = ' '
    }

    if (!title && (!config.search || config.search.length === 0)) {
    if (!title && (!config.search || config.search.length === 0 || hideSearch === 'true')) {
      show = false
    }
    let _style = resetStyle(config.headerStyle)

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

@@ -111,6 +111,8 @@
      }, 200)
    }

    _config.wrap.selStyle = _config.wrap.selStyle || 'active'

    this.setState({
      sync: _sync,
      data: _data,
@@ -373,7 +375,7 @@
        <NormalHeader config={config}/>
        <Row className={`card-row-list ${config.wrap.cardType || ''} ${config.wrap.scale || ''}`}>
          {config.subcards.map((item, index) => (
            <Col className={(activeKey === index ? 'active' : '') + (item.setting.click ? ' pointer' : '')} key={index} span={item.setting.width || 6} offset={item.offset || 0} onClick={() => {this.changeCard(index, item)}}>
            <Col className={(activeKey === index ? config.wrap.selStyle : '') + (item.setting.click ? ' pointer' : '')} key={index} span={item.setting.width || 6} offset={item.offset || 0} onClick={() => {this.changeCard(index, item)}}>
              <CardItem card={item} cards={config} data={data}/>
            </Col>
          ))}