From 101098593cd1d998979cb8c603276b8f6687942e Mon Sep 17 00:00:00 2001 From: Mr Ke <kelq@hugeinfo.com.cn> Date: Wed, 08 Apr 2020 14:45:02 +0800 Subject: [PATCH] 修复问卷编辑问题 --- SunshineIns/src/view/QuestionnairContent/index.js | 67 +++++++++++++++++++++------------ 1 files changed, 43 insertions(+), 24 deletions(-) diff --git a/SunshineIns/src/view/QuestionnairContent/index.js b/SunshineIns/src/view/QuestionnairContent/index.js index 7b7de0a..073d0ac 100644 --- a/SunshineIns/src/view/QuestionnairContent/index.js +++ b/SunshineIns/src/view/QuestionnairContent/index.js @@ -6,12 +6,25 @@ // 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: '', - questionnairBusinessType: '' + questionnairBusinessType: '', }; componentDidMount() { @@ -20,7 +33,8 @@ this.setState({ questionnairTitle: title, questionnairDescription: content, - questionnairBusinessType: businessType + // questionnairBusinessType: typeStatus(businessType) + questionnairBusinessType: businessType, }); } //新增题目时内容页滚动到底部 @@ -46,7 +60,7 @@ this.scrollTo = false; } this.setState({ - questionnairSign: nextProps.questionnairSign + questionnairSign: nextProps.questionnairSign, // questionnairTitle: nextProps.questionnairTitle, // questionnairDescription: nextProps.questionnairDescription }); @@ -55,8 +69,8 @@ handleSign = () => { const { onChangeSign } = this.props; this.setState( - prevState => ({ - questionnairSign: !prevState.questionnairSign + (prevState) => ({ + questionnairSign: !prevState.questionnairSign, }), () => { onChangeSign(this.state.questionnairSign); @@ -65,11 +79,11 @@ }; handleChange = ({ target: { value, name } }) => { - console.log(value, name) + console.log(value, name); this.setState({ - [name]: value + [name]: value, }); - } + }; handleBlur = () => { // const { onBlurTitle } = this.props; @@ -83,17 +97,17 @@ questionnairSign, questionnairTitle, questionnairDescription, - questionnairBusinessType + 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} - name='questionnairTitle' + name="questionnairTitle" onChange={this.handleChange} onBlur={this.handleBlur} style={{ @@ -102,7 +116,7 @@ textAlign: 'center', fontSize: 18, color: '#666', - fontFamily: 'PingFangSC-Medium' + fontFamily: 'PingFangSC-Medium', }} className="title-input" /> @@ -113,7 +127,7 @@ <Input placeholder="问卷描述" value={questionnairDescription} - name='questionnairDescription' + name="questionnairDescription" onChange={this.handleChange} onBlur={this.handleBlur} style={{ @@ -122,7 +136,7 @@ textAlign: 'left', fontSize: 16, color: '#666', - fontFamily: 'PingFangSC-Medium' + fontFamily: 'PingFangSC-Medium', }} className="title-input" /> @@ -131,26 +145,31 @@ 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> @@ -164,7 +183,7 @@ </div> <div className="questionnair-page-content" - ref={el => (this.content = el)} + ref={(el) => (this.content = el)} > {/*如果组件没有子节点,this.props.children返回false*/} {this.props.children || ( @@ -190,7 +209,7 @@ submitQuestionTemp(editors, { questionnairTitle, questionnairDescription, - questionnairBusinessType + questionnairBusinessType, }); }} > -- Gitblit v1.8.0