| | |
| | | function typeStatus(type) { |
| | | switch (type) { |
| | | case 1: |
| | | return "企业体检"; |
| | | return '企业体检'; |
| | | case 2: |
| | | return "培训活动"; |
| | | return '培训活动'; |
| | | case 3: |
| | | return "未检调查"; |
| | | return '未检调查'; |
| | | case 4: |
| | | return "刑执监督"; |
| | | return '刑执监督'; |
| | | } |
| | | } |
| | | class QuestionnairContent extends React.PureComponent { |
| | |
| | | questionnairSign: false, |
| | | questionnairTitle: '', |
| | | questionnairDescription: '', |
| | | questionnairBusinessType: '' |
| | | questionnairBusinessType: '', |
| | | }; |
| | | |
| | | componentDidMount() { |
| | |
| | | this.setState({ |
| | | questionnairTitle: title, |
| | | questionnairDescription: content, |
| | | questionnairBusinessType: typeStatus(businessType) |
| | | // 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 = ({ target: { value, name } }) => { |
| | | console.log(value, name) |
| | | console.log(value, name); |
| | | this.setState({ |
| | | [name]: value |
| | | [name]: value, |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | handleBlur = () => { |
| | | // const { onBlurTitle } = this.props; |
| | |
| | | questionnairSign, |
| | | questionnairTitle, |
| | | questionnairDescription, |
| | | questionnairBusinessType |
| | | questionnairBusinessType, |
| | | } = this.state; |
| | | const { submitQuestionTemp, editors, btnLoading } = this.props; |
| | | console.log(questionnairBusinessType) |
| | | console.log(questionnairBusinessType); |
| | | const questionnairtitleEl = ( |
| | | <div className="title-inner"> |
| | | <span style={{ color: 'red' }}>*</span> |
| | | <Input |
| | | placeholder="问卷标题" |
| | | value={questionnairTitle} |
| | | name='questionnairTitle' |
| | | name="questionnairTitle" |
| | | onChange={this.handleChange} |
| | | onBlur={this.handleBlur} |
| | | style={{ |
| | |
| | | textAlign: 'center', |
| | | fontSize: 18, |
| | | color: '#666', |
| | | fontFamily: 'PingFangSC-Medium' |
| | | fontFamily: 'PingFangSC-Medium', |
| | | }} |
| | | className="title-input" |
| | | /> |
| | |
| | | <Input |
| | | placeholder="问卷描述" |
| | | value={questionnairDescription} |
| | | name='questionnairDescription' |
| | | name="questionnairDescription" |
| | | onChange={this.handleChange} |
| | | onBlur={this.handleBlur} |
| | | style={{ |
| | |
| | | textAlign: 'left', |
| | | fontSize: 16, |
| | | color: '#666', |
| | | fontFamily: 'PingFangSC-Medium' |
| | | fontFamily: 'PingFangSC-Medium', |
| | | }} |
| | | className="title-input" |
| | | /> |
| | |
| | | const questionnairBusinessType1 = ( |
| | | <div className="title-inner" style={{ marginTop: 10 }}> |
| | | <span style={{ color: 'red' }}>*</span> |
| | | <Select placeholder="业务类型" |
| | | <Select |
| | | placeholder="业务类型" |
| | | value={questionnairBusinessType} |
| | | style={{ |
| | | width: '100%', |
| | | textAlign: 'center', |
| | | fontSize: 18, |
| | | color: '#666', |
| | | fontFamily: 'PingFangSC-Medium' |
| | | fontFamily: 'PingFangSC-Medium', |
| | | }} |
| | | onChange={(value) => this.handleChange({ target: { name: 'questionnairBusinessType', value } })} |
| | | onChange={(value) => |
| | | this.handleChange({ |
| | | target: { name: 'questionnairBusinessType', value }, |
| | | }) |
| | | } |
| | | > |
| | | <Option value='1'>企业体检</Option> |
| | | <Option value='2'>培训活动</Option> |
| | | <Option value='3'>未检调查</Option> |
| | | <Option value='4'>刑执监督</Option> |
| | | <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> |
| | | <div |
| | | className="questionnair-page-content" |
| | | ref={el => (this.content = el)} |
| | | ref={(el) => (this.content = el)} |
| | | > |
| | | {/*如果组件没有子节点,this.props.children返回false*/} |
| | | {this.props.children || ( |
| | |
| | | submitQuestionTemp(editors, { |
| | | questionnairTitle, |
| | | questionnairDescription, |
| | | questionnairBusinessType |
| | | questionnairBusinessType, |
| | | }); |
| | | }} |
| | | > |