forked from nsjcy/frontEnd/nsjcy

liuwh
2020-03-31 b72fc1b10b08cf2fea1626d32e1ca2cccabe2edd
SunshineIns/src/view/QuestionnairContent/index.js
@@ -2,23 +2,38 @@
import './index.scss';
import Input from '../../libs/Input';
// import Button from '../../libs/Button';
import { Button } from 'antd';
import { Button, Select } from 'antd';
// import Default from '../../assets/scale_default.png'
const Option = Select.Option;
function typeStatus(type) {
  switch (type) {
    case 1:
      return "企业体检";
    case 2:
      return "培训活动";
    case 3:
      return "未检调查";
    case 4:
      return "刑执监督";
  }
}
class QuestionnairContent extends React.PureComponent {
  state = {
    questionnairSign: false,
    questionnairTitle: '',
    questionnairDescription: ''
    questionnairDescription: '',
    questionnairBusinessType: ''
  };
  componentDidMount() {
    const { title, content } = this.props.initData;
    const { title, content, businessType } = this.props.initData;
    console.log(title);
    this.setState({
      questionnairTitle: title,
      questionnairDescription: content
      questionnairDescription: content,
      questionnairBusinessType: typeStatus(businessType)
    });
  }
  //新增题目时内容页滚动到底部
@@ -62,11 +77,12 @@
    );
  };
  handleChange = (e, key) => {
  handleChange = ({ target: { value, name } }) => {
    console.log(value, name)
    this.setState({
      [key]: e.target.value
      [name]: value
    });
  };
  }
  handleBlur = () => {
    // const { onBlurTitle } = this.props;
@@ -79,19 +95,19 @@
    const {
      questionnairSign,
      questionnairTitle,
      questionnairDescription
      questionnairDescription,
      questionnairBusinessType
    } = this.state;
    const { submitQuestionTemp, editors, btnLoading } = this.props;
    console.log(questionnairBusinessType)
    const questionnairtitleEl = (
      <div className="title-inner">
        <span style={{ color: 'red' }}>*</span>
        <Input
          placeholder="问卷标题"
          value={questionnairTitle}
          onChange={e => {
            this.handleChange(e, 'questionnairTitle');
          }}
          name='questionnairTitle'
          onChange={this.handleChange}
          onBlur={this.handleBlur}
          style={{
            height: 45,
@@ -110,9 +126,8 @@
        <Input
          placeholder="问卷描述"
          value={questionnairDescription}
          onChange={e => {
            this.handleChange(e, 'questionnairDescription');
          }}
          name='questionnairDescription'
          onChange={this.handleChange}
          onBlur={this.handleBlur}
          style={{
            height: 25,
@@ -126,6 +141,27 @@
        />
      </div>
    );
    const questionnairBusinessType1 = (
      <div className="title-inner" style={{ marginTop: 10 }}>
        <span style={{ color: 'red' }}>*</span>
        <Select placeholder="业务类型"
          value={questionnairBusinessType}
          style={{
            width: '100%',
            textAlign: 'center',
            fontSize: 18,
            color: '#666',
            fontFamily: 'PingFangSC-Medium'
          }}
          onChange={(value) => this.handleChange({ target: { name: 'questionnairBusinessType', value } })}
        >
          <Option value='1'>企业体检</Option>
          <Option value='2'>培训活动</Option>
          <Option value='3'>未检调查</Option>
          <Option value='4'>刑执监督</Option>
        </Select>
      </div>
    );
    return (
      <div className="questionnair-page" ref={el => (this.page = el)}>
        <div className="questionnair-page-banner">
@@ -137,6 +173,7 @@
        <div className="questionnair-page-title">
          {questionnairtitleEl}
          {questionnairDescriptionEl}
          {questionnairBusinessType1}
        </div>
        <div
          className="questionnair-page-content"
@@ -165,7 +202,8 @@
                  // this.props.isThereEditor();
                  submitQuestionTemp(editors, {
                    questionnairTitle,
                    questionnairDescription
                    questionnairDescription,
                    questionnairBusinessType
                  });
                }}
              >