From b72fc1b10b08cf2fea1626d32e1ca2cccabe2edd Mon Sep 17 00:00:00 2001 From: liuwh <hugeinfo123> Date: Tue, 31 Mar 2020 23:49:35 +0800 Subject: [PATCH] bug修复 --- SunshineIns/src/view/QuestionnairContent/index.js | 70 +++++++++++++++++++++++++++-------- 1 files changed, 54 insertions(+), 16 deletions(-) diff --git a/SunshineIns/src/view/QuestionnairContent/index.js b/SunshineIns/src/view/QuestionnairContent/index.js index 4b4c5b4..3828d52 100644 --- a/SunshineIns/src/view/QuestionnairContent/index.js +++ b/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 }); }} > -- Gitblit v1.8.0