From a0ec2242677dced1e6e098c114460da3d56be157 Mon Sep 17 00:00:00 2001 From: liuwh <hugeinfo123> Date: Tue, 31 Mar 2020 05:48:24 +0800 Subject: [PATCH] 提交 --- SunshineIns/src/view/QuestionnairEditor/index.js | 135 +++++++++++++++++++++++--------------------- 1 files changed, 70 insertions(+), 65 deletions(-) diff --git a/SunshineIns/src/view/QuestionnairEditor/index.js b/SunshineIns/src/view/QuestionnairEditor/index.js index 734af73..b535f71 100644 --- a/SunshineIns/src/view/QuestionnairEditor/index.js +++ b/SunshineIns/src/view/QuestionnairEditor/index.js @@ -19,7 +19,12 @@ this.temp = ''; this.otherOptionInput = ''; - this.answer = {}; + this.answer = { + radio: { + optionIndex: "0", + optionValue: "大于10小于50" + } + }; } // static defaultProps = { @@ -416,9 +421,9 @@ answer, warnFlag } = editor; - this.answer = answer ? JSON.parse(JSON.stringify(answer)) : {}; - this.otherOptionValue = answer ? this.answer[type].otherOptionValue : []; - + console.log(this.answer) + // this.answer = answer ? JSON.parse(JSON.stringify(answer)) : {}; + // this.otherOptionValue = answer ? this.answer[type].otherOptionValue : []; /* * * 以下元素为编辑状态下的元素 @@ -681,8 +686,8 @@ <span>{otherOptionBackwards}</span> </div> ) : ( - data - )} + data + )} </span> </label> ); @@ -733,8 +738,8 @@ <span>{otherOptionBackwards}</span> </div> ) : ( - data - )} + data + )} </span> </label> ); @@ -760,8 +765,8 @@ type === 'dropdown' ? subDropdownEl : type === 'radio' - ? subRadioEl - : subCheckboxEl; + ? subRadioEl + : subCheckboxEl; //填写状态下的单行文本、多行文本 const subTextEl = ( <input @@ -919,69 +924,69 @@ </div> </ShakeTransition> ) : ( - <div - className="questionnair-subject" - style={{ - background: drag ? '' : hover ? '#F5F5F5' : '#fff', - borderTopColor: drag && index === 0 ? '#dbdbdb' : '', - borderBottomColor: drag ? '#dbdbdb' : '', - cursor: acitveAnswer ? '' : 'move', - display: 'flex', - justifyContent: 'center' - }} - onMouseEnter={this.mouseEnter} - onMouseLeave={this.mouseLeave} - > <div - className="questionnair-subject-inner" - style={{ margin: acitveAnswer ? '' : '0 auto' }} + className="questionnair-subject" + style={{ + background: drag ? '' : hover ? '#F5F5F5' : '#fff', + borderTopColor: drag && index === 0 ? '#dbdbdb' : '', + borderBottomColor: drag ? '#dbdbdb' : '', + cursor: acitveAnswer ? '' : 'move', + display: 'flex', + justifyContent: 'center' + }} + onMouseEnter={this.mouseEnter} + onMouseLeave={this.mouseLeave} > - <div className="subject-row"> - <span>{index + 1}.</span> - {'input' === type ? subCompletionEl : <span>{title}</span>} - {required == 'true' && ( - <span className="subject-title-require">*</span> - )} - - {type == 'checkbox' && <span>(多选题)</span>} - {type == 'radio' && <span>(单选题)</span>} - </div> - {remark && ( - <div className="subject-row subject-remarks">{remarkText}</div> - )} - <div className="subject-row"> - {['radio', 'dropdown', 'checkbox'].includes(type) && optionsEl} - {type === 'text' && subTextEl} - {type === 'textarea' && subTextareaEl} - </div> - </div> - {!acitveAnswer && ( <div - className="subject-control-mask" - style={{ - background: - curMoveItem === index ? 'rgba(245,245,245,0.3)' : '' - }} - ></div> - )} - <div - className="subject-control-bar" - style={{ transform: drag ? '' : hover ? 'translateX(0)' : '' }} - > - <div className="control-bar-inner"> - <div className="control-bar-button" onClick={this.edit}> - <i className="iconfont icon-grey_bianji"></i> + className="questionnair-subject-inner" + style={{ margin: acitveAnswer ? '' : '0 auto' }} + > + <div className="subject-row"> + <span>{index + 1}.</span> + {'input' === type ? subCompletionEl : <span>{title}</span>} + {required == 'true' && ( + <span className="subject-title-require">*</span> + )} + + {type == 'checkbox' && <span>(多选题)</span>} + {type == 'radio' && <span>(单选题)</span>} </div> - <div className="control-bar-button" onClick={this.copy}> - <i className="iconfont icon-grey_fuzhi"></i> + {remark && ( + <div className="subject-row subject-remarks">{remarkText}</div> + )} + <div className="subject-row"> + {['radio', 'dropdown', 'checkbox'].includes(type) && optionsEl} + {type === 'text' && subTextEl} + {type === 'textarea' && subTextareaEl} </div> - <div className="control-bar-button" onClick={this.remove}> - <i className="iconfont icon-grey_shanchu"></i> + </div> + {!acitveAnswer && ( + <div + className="subject-control-mask" + style={{ + background: + curMoveItem === index ? 'rgba(245,245,245,0.3)' : '' + }} + ></div> + )} + <div + className="subject-control-bar" + style={{ transform: drag ? '' : hover ? 'translateX(0)' : '' }} + > + <div className="control-bar-inner"> + <div className="control-bar-button" onClick={this.edit}> + <i className="iconfont icon-grey_bianji"></i> + </div> + <div className="control-bar-button" onClick={this.copy}> + <i className="iconfont icon-grey_fuzhi"></i> + </div> + <div className="control-bar-button" onClick={this.remove}> + <i className="iconfont icon-grey_shanchu"></i> + </div> </div> </div> </div> - </div> - )} + )} </div> ); } -- Gitblit v1.8.0