2019-12-12

king

2019-12-12 790dfe8172be5027940a04594224531d15143389

 src/templates/comtableconfig/editcard/index.jsx

@@ -1,5 +1,5 @@
import React, {Component} from 'react'
import { Row, Col, Icon, Radio, Input } from 'antd'
import { Row, Col, Icon, Radio, Input, Button } from 'antd'
import './index.scss'

const { Search } = Input
@@ -49,8 +49,8 @@
      <div className={'ant-card ant-card-bordered ' + (card.selected ? 'selected' : '')} >
        <div className="base" onClick={this.changeSelect}>
          <Icon type="check" />
          <p title={card.field}>字段： <span>{card.field}</span></p>
          <p title={card.label}>名称： <span>{card.label}</span></p>
          <p title={card.field}>{this.props.dict['header.form.field']}： <span>{card.field}</span></p>
          <p title={card.label}>{this.props.dict['header.form.name']}： <span>{card.label}</span></p>
        </div>
        {type === 'search' ?
          <Radio.Group onChange={this.changeType} value={card.type} disabled={!card.selected}>
@@ -78,7 +78,8 @@
      dataSource: props.data,
      selectCards: props.data.filter(item => item.selected),
      type: props.type,
      searchKey: ''
      searchKey: '',
      loading: false
    }
  }

@@ -101,14 +102,30 @@
    })
  }

  reset = () => {
    this.setState({
      searchKey: '',
      loading: true
    }, () => {
      this.setState({
        loading: false
      })
    })
  }

  render() {
    const { dataSource, type } = this.state
    const { dataSource, type, loading } = this.state

    return (
      <div className="common-modal-edit-card">
        <Row className="search-row">
          <Col span={8}>
            <Search placeholder="请输入字段名" onSearch={value => {this.setState({searchKey: value})}} enterButton />
            {!loading ? <Search placeholder={this.props.dict['header.form.field.placeholder']} onSearch={value => {this.setState({searchKey: value})}} enterButton /> : null}
          </Col>
          <Col span={8}>
            <Button onClick={this.reset}>
              {this.props.dict['header.reset']}
            </Button>
          </Col>
        </Row>
        <Row>
@@ -116,7 +133,7 @@
            if (item.field.toLowerCase().indexOf(this.state.searchKey.toLowerCase()) >= 0) {
              return (
                <Col key={index} span={8}>
                  <EditCardCell ref={'cellCard' + index} type={type} card={item} changeCard={this.changeCard} />
                  <EditCardCell ref={'cellCard' + index} type={type} card={item} dict={this.props.dict} changeCard={this.changeCard} />
                </Col>
              )
            } else {