| | |
| | | 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) |
| | | questionnairBusinessType: businessType, |
| | | }); |
| | | } |
| | | //新增题目时内容页滚动到底部 |
| | |
| | | this.scrollTo = false; |
| | | } |
| | | this.setState({ |
| | | questionnairSign: nextProps.questionnairSign |
| | | questionnairSign: nextProps.questionnairSign, |
| | | // questionnairTitle: nextProps.questionnairTitle, |
| | | // questionnairDescription: nextProps.questionnairDescription |
| | | }); |
| | |
| | | handleSign = () => { |
| | | const { onChangeSign } = this.props; |
| | | this.setState( |
| | | prevState => ({ |
| | | questionnairSign: !prevState.questionnairSign |
| | | (prevState) => ({ |
| | | questionnairSign: !prevState.questionnairSign, |
| | | }), |
| | | () => { |
| | | onChangeSign(this.state.questionnairSign); |
| | |
| | | ); |
| | | }; |
| | | |
| | | handleChange = (e, key) => { |
| | | handleChange = ({ target: { value, name } }) => { |
| | | console.log(value, name); |
| | | this.setState({ |
| | | [key]: e.target.value |
| | | [name]: value, |
| | | }); |
| | | }; |
| | | |
| | |
| | | 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, |
| | |
| | | textAlign: 'center', |
| | | fontSize: 18, |
| | | color: '#666', |
| | | fontFamily: 'PingFangSC-Medium' |
| | | fontFamily: 'PingFangSC-Medium', |
| | | }} |
| | | className="title-input" |
| | | /> |
| | |
| | | <Input |
| | | placeholder="问卷描述" |
| | | value={questionnairDescription} |
| | | onChange={e => { |
| | | this.handleChange(e, 'questionnairDescription'); |
| | | }} |
| | | name="questionnairDescription" |
| | | onChange={this.handleChange} |
| | | onBlur={this.handleBlur} |
| | | style={{ |
| | | height: 25, |
| | |
| | | textAlign: 'left', |
| | | fontSize: 16, |
| | | color: '#666', |
| | | fontFamily: 'PingFangSC-Medium' |
| | | fontFamily: 'PingFangSC-Medium', |
| | | }} |
| | | className="title-input" |
| | | /> |
| | | </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" ref={(el) => (this.page = el)}> |
| | | <div className="questionnair-page-banner"> |
| | | {/* <div className='banner-text' onClick={this.handleSign} style={{ color: questionnairSign ? '#FFBF47' : '' }}> |
| | | <i className="iconfont icon-dengpao"></i> |
| | |
| | | <div className="questionnair-page-title"> |
| | | {questionnairtitleEl} |
| | | {questionnairDescriptionEl} |
| | | {questionnairBusinessType1} |
| | | </div> |
| | | <div |
| | | className="questionnair-page-content" |
| | | ref={el => (this.content = el)} |
| | | ref={(el) => (this.content = el)} |
| | | > |
| | | {/*如果组件没有子节点,this.props.children返回false*/} |
| | | {this.props.children || ( |
| | |
| | | // this.props.isThereEditor(); |
| | | submitQuestionTemp(editors, { |
| | | questionnairTitle, |
| | | questionnairDescription |
| | | questionnairDescription, |
| | | questionnairBusinessType, |
| | | }); |
| | | }} |
| | | > |