m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整

Browse Source
dev_forum
杨树林 5 years ago
parent 066561ecd4
commit 39d9a9ad03
4 changed files with 1372 additions and 559 deletions
Show Stats Download Patch File Download Diff File

2
public/react/package.json
Unescape View File

@ -6,7 +6,7 @@
"@flatten/array": "^1.1.7", "@flatten/array": "^1.1.7",
"@icedesign/base": "^0.2.5", "@icedesign/base": "^0.2.5",
"@novnc/novnc": "^1.1.0", "@novnc/novnc": "^1.1.0",
"antd": "^3.20.1", "antd": "^3.6.5",
"array-flatten": "^2.1.2", "array-flatten": "^2.1.2",
"autoprefixer": "7.1.6", "autoprefixer": "7.1.6",
"axios": "^0.18.0", "axios": "^0.18.0",

612
public/react/src/modules/courses/poll/PollNew.js
Unescape View File

@ -9,7 +9,7 @@ import '../css/Courses.css'
import axios from 'axios' import axios from 'axios'
import moment from "../new/CoursesNew"; import moment from "../new/CoursesNew";
import Modals from "../../modals/Modals"; import Modals from "../../modals/Modals";
import Editingcomponent from "./components/Editingcomponent"
const TextArea = Input.TextArea const TextArea = Input.TextArea
const RadioGroup = Radio.Group const RadioGroup = Radio.Group
@ -724,7 +724,7 @@ class PollNew extends Component {
} }
//删除指定条目 //删除指定条目
deleteadddom = (indexo) => { Deleteadddom = (indexo) => {
// console.log("deleteadddom 259") // console.log("deleteadddom 259")
var arr = this.state.adddom; var arr = this.state.adddom;
let newarr = [...arr]; let newarr = [...arr];
@ -739,7 +739,7 @@ class PollNew extends Component {
} }
//保存并继续 //保存并继续
//保存并继续，即提交本题的新建并继续创建一个相同的题（该新题处于编辑模式，题目和选项不要清空） //保存并继续，即提交本题的新建并继续创建一个相同的题（该新题处于编辑模式，题目和选项不要清空）
deleteadddomtwo = (indexo, object) => { Deleteadddomtwo = (indexo, object) => {
var thiss = this; var thiss = this;
this.setState({ this.setState({
q_countst: 1, q_countst: 1,
@ -1230,7 +1230,7 @@ class PollNew extends Component {
//保存，即完成新建并退出本题编辑 //保存，即完成新建并退出本题编辑
// indexo 第几个数组 // indexo 第几个数组
//object 单个数组数据 //object 单个数组数据
deleteadddomthree = (indexo, object) => { Deleteadddomthree = (indexo, object) => {
// console.log("deleteadddom 349") // console.log("deleteadddom 349")
var thiss = this; var thiss = this;
let arr = this.state.adddom; let arr = this.state.adddom;
@ -1648,7 +1648,7 @@ class PollNew extends Component {
q_countst: 0, q_countst: 0,
}) })
} }
this.deleteadddom(indexo); this.Deleteadddom(indexo);
// console.log(indexo) // console.log(indexo)
} }
@ -1814,7 +1814,7 @@ class PollNew extends Component {
//删除编辑新增条目 //删除编辑新增条目
//id 条目的唯一id //id 条目的唯一id
//i 为要删除的子条目 //i 为要删除的子条目
deleteentrys = (id, i, stirngname) => { Deleteentrys = (id, i, stirngname) => {
// console.log(id) // console.log(id)
// console.log(stirngname); // console.log(stirngname);
var arrtwoy = this.state.adddom; var arrtwoy = this.state.adddom;
@ -1851,7 +1851,7 @@ class PollNew extends Component {
// 新增选项 // 新增选项
ewoption = (id, object) => { Ewoption = (id, object) => {
// console.log("ewoption 440") // console.log("ewoption 440")
// console.log("是否是新建题目还是编辑") // console.log("是否是新建题目还是编辑")
// console.log(object.question.new) // console.log(object.question.new)
@ -1913,7 +1913,7 @@ class PollNew extends Component {
} }
//新增其他选项 //新增其他选项
addanotheroption = (id) => { Addanotheroption = (id) => {
// console.log("addanotheroption 457") // console.log("addanotheroption 457")
let arrtwo = this.state.adddom; let arrtwo = this.state.adddom;
let newarrtwo = [...arrtwo]; let newarrtwo = [...arrtwo];
@ -1989,7 +1989,10 @@ class PollNew extends Component {
//e为获取组件对象 //e为获取组件对象
//i外层数组 //i外层数组
//k为内层数组 //k为内层数组
handleInputChanges = (e, i, k) => { HandleInputChanges = (e, i, k) => {
console.log("handleInputChanges"+" "+e);
console.log("handleInputChanges"+" "+i);
console.log("handleInputChanges"+" "+k);
// console.log("handleInputChanges 612") // console.log("handleInputChanges 612")
let value = e.target.value;//取到input的数据 let value = e.target.value;//取到input的数据
@ -2006,7 +2009,7 @@ class PollNew extends Component {
} }
//标题输入监听 //标题输入监听
handleInputTopic = (e, i) => { HandleInputTopic = (e, i) => {
// console.log("handleInputTopic 633") // console.log("handleInputTopic 633")
let value = e.target.value;//取到input的数据 let value = e.target.value;//取到input的数据
@ -2021,7 +2024,7 @@ class PollNew extends Component {
} }
//最小值 //最小值
handleGradationGroupChangee = (value, index, max, length) => { HandleGradationGroupChangee = (value, index, max, length) => {
debugger debugger
var minbool = false; var minbool = false;
@ -2058,7 +2061,7 @@ class PollNew extends Component {
} }
//最大值 //最大值
handleGradationGroupChangeee = (value, index) => { HandleGradationGroupChangeee = (value, index) => {
let arr = this.state.adddom; let arr = this.state.adddom;
for (var i = 0; i < arr.length; i++) { for (var i = 0; i < arr.length; i++) {
@ -2151,7 +2154,7 @@ class PollNew extends Component {
} }
//必答选项 //必答选项
onCheckAllChange = (e, index) => { OnCheckAllChange = (e, index) => {
// console.log("onCheckAllChange"); // console.log("onCheckAllChange");
// console.log(e.target.checked); // console.log(e.target.checked);
// console.log(e.target.value); // console.log(e.target.value);
@ -2479,8 +2482,9 @@ class PollNew extends Component {
{/*自动生成修改好的获取到的*/} {/*自动生成修改好的获取到的*/}
{/**************************************************************************/} {/**************************************************************************/}
{this.state.poll_questions === undefined ? "" : this.state.poll_questions.map((item, index) => { {this.state.poll_questions === undefined ? "" : this.state.poll_questions.map((item, index) => {
// console.log('打印this.state.poll_questions') console.log('打印this.state.poll_questions');
// console.log(item.question) console.log(this.state.poll_questions);
console.log(this.state.adddom);
let resultDom; let resultDom;
resultDom = <div className="problemShow bor-bottom-greyE"> resultDom = <div className="problemShow bor-bottom-greyE">
<p className="clearfix font-16"> <p className="clearfix font-16">
@ -2512,7 +2516,7 @@ class PollNew extends Component {
onClick={() => this.addMytopic(item.question.question_type, this.state.pollid, index + 1, true, item.question.id)}><Tooltip onClick={() => this.addMytopic(item.question.question_type, this.state.pollid, index + 1, true, item.question.id)}><Tooltip
title={item.question.question_type === 1 ? "插入单选题" : item.question.question_type === 2 ? "插入多选题" : "插入主观题"}><i title={item.question.question_type === 1 ? "插入单选题" : item.question.question_type === 2 ? "插入多选题" : "插入主观题"}><i
className="color-green font-18 iconfont icon-roundaddfill"></i></Tooltip></a> className="color-green font-18 iconfont icon-roundaddfill"></i></Tooltip></a>
<a onClick={() => this.adddomedit(item)}><Tooltip title="编辑"><i <a onClick={() => this.adddomedit(item)}><Tooltip title="编辑S"><i
className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a> className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a>
</span> : <span className="fr"> <a onClick={() => this.adddomedit(item)}><Tooltip title="编辑"><i </span> : <span className="fr"> <a onClick={() => this.adddomedit(item)}><Tooltip title="编辑"><i
className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a> </span> className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a> </span>
@ -2522,60 +2526,524 @@ class PollNew extends Component {
<p className="mt20"> <span className="font-16 flex1" style={{"white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word"}}>{item.question.question_title}</span></p> <p className="mt20"> <span className="font-16 flex1" style={{"white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word"}}>{item.question.question_title}</span></p>
{/*<pre className="mt20 mb20 font-16 break_word flex1">{item.question.question_title}</pre>*/} {/*<pre className="mt20 mb20 font-16 break_word flex1">{item.question.question_title}</pre>*/}
{item.question.question_type === 1 ? {item.question.question_type === 1 ?
(<RadioGroup defaultChecked={false} disabled> <div>
<RadioGroup defaultChecked={false} disabled>
{item.question.answers === undefined ? "" : item.question.answers.map((items, i) => { {item.question.answers === undefined ? "" : item.question.answers.map((items, i) => {
return ( return (
<div className="h20 pt20" style={{"clear": "both"}}> <div className="h20 pt20" style={{"clear": "both"}}>
<Radio value={i} className={"fl"} style={{"text-align": "left",marginTop:"3px"}}></Radio> <Radio value={i} className={"fl"} style={{"text-align": "left",marginTop:"3px"}}></Radio>
{/*<pre className={"break_word flex1 fl"}*/}
{/* style={{"text-align": "left"}}>{items.answer_text}</pre>*/}
{/*<span className={"break_word flex1"}><pre className={"break_word flex1"}>{items.answer_text}</pre> </span>*/}
<span className={" flex1 "} style={{"text-align": "left","white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word","float": "left","width":"1116px"}} >{items.answer_text}</span> <span className={" flex1 "} style={{"text-align": "left","white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word","float": "left","width":"1116px"}} >{items.answer_text}</span>
</div> </div>
) )
})} })}
</RadioGroup>) </RadioGroup>
{/*单选题*/}
<div>
{this.state.adddom === undefined ? "" : item.question.question_type === 1&&this.state.adddom.map((itemo, indexo) => {
let arrid = itemo.question.id;
let resultDomtwo;
resultDomtwo =
<div>
<span
className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"}
<Checkbox value={itemo.question.is_necessary}
checked={itemo.question.is_necessary === 1 ? true : false}
onChange={(e) => this.OnCheckAllChange(e, indexo)}
className="lineh-40"
style={{"marginLeft": "20px"}}>必答</Checkbox>
</span>
<TextArea placeholder="请输入题目" className="mb20 TextAreas"
autosize={{minRows: 1, maxRows: 5}}
id="textArea"
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
<div>
{itemt.answer_text === undefined ? (
<div></div>) : itemt.answer_text === "其他" ? (
<p className="df mb20">
<span
className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>其它</span>
<input
className="mr20 input-flex-40 TextAreainput" disabled
placeholder='无法编辑！将由参与答题的人手动录入'></input>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, true)}><Tooltip
title="删除"
placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>) : (<p className="df mb20">
<span className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>选项</span>
<TextArea
autosize={{minRows: 1, maxRows: 5}}
className="mr20 TextAreas"
value={itemt.answer_text}
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputChanges(e, indexo, indext)}></TextArea>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, false)}><Tooltip
title="删除" placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>)}
</div>
)
})}
<div className="df">
{itemo.question.question_type === 1 ? (
<div>
<div style={{minWidth: "1100px"}}>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""}
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
(this.state.newoption === false ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn>
: "")
: ""}
<span className="fr mt5">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
</div>
)
: itemo.question.question_type === 2 ? (
//////////////////////////////////////////// 可选
<div>
<div style={{minWidth: "1100px"}}>
<div>
<span
className="color-grey-6 mr20 font-16 lineh-40 fl">可选</span>
<div className="mr40 flex1 ">
{/*可选最小*/}
<style>
{
`
.ant-select-selection .ant-select-selection-selected .ant-select-selection__rendered .ant-select-selection-selected-value{
"width":"100%";
"height": "80%";
"margin-top": "5px";
"margin-left": "5px";
"text-align": "center";
"display": "block";
"opacity": "1";
}
`
}
</style>
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)}
value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr10 color-grey-6 lineh-40 fl">~</span>
{/*可选最大*/}
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangeee(value, indexo)}
value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr20 color-grey-6 lineh-40 fl font-16">项</span>
<span
className="color-grey-9 fl lineh-40">（学生答题时，系统对其选择的选项个数进行限制，--表示不限制）</span>
</div>
</div>
</div>
</div>
)
: (<div style={{minWidth: "1100px"}}></div>)
}
</div>
<div>
{itemo.question.question_type === 2 ?
(
this.state.polls_status === undefined || this.state.polls_status === 1 ?
<div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{
this.state.newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : ""
}
</div>
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
<div className="clearfix mt30" >
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
)
: itemo.question.question_type === 3 ?
<div className="clearfix mt30">
<span className="fr">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
""}
</div>
</div>
return (
<div>
{resultDomtwo}
</div>
)
})}
</div>
</div>
: item.question.question_type === 2 ? : item.question.question_type === 2 ?
(<CheckboxGroup defaultChecked={false} disabled> <div>
<CheckboxGroup defaultChecked={false} disabled>
{item.question.answers === undefined ? "" : item.question.answers.map((items, i) => { {item.question.answers === undefined ? "" : item.question.answers.map((items, i) => {
return ( return (
<div className="mt10 pt20 " style={{"clear": "both"}}> <div className="mt10 pt20 " style={{"clear": "both"}}>
<Checkbox value={i} className={"fl"} style={{"text-align": "left"}}></Checkbox> <Checkbox value={i} className={"fl"} style={{"text-align": "left"}}></Checkbox>
<span className={" flex1"} style={{"text-align": "left","white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word","float": "left","width":"1120px"}}>{items.answer_text}</span> <span className={" flex1"} style={{"text-align": "left","white-space":"pre-wrap","word-break": "break-all","word-wrap": "break-word","float": "left","width":"1120px"}}>{items.answer_text}</span>
</div>
)
})}
</CheckboxGroup>
{/*多选题*/}
<div>
{this.state.adddom === undefined ? "" : item.question.question_type === 2&&this.state.adddom.map((itemo, indexo) => {
let arrid = itemo.question.id;
let resultDomtwo;
resultDomtwo =
<div>
<span
className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"}
<Checkbox value={itemo.question.is_necessary}
checked={itemo.question.is_necessary === 1 ? true : false}
onChange={(e) => this.OnCheckAllChange(e, indexo)}
className="lineh-40"
style={{"marginLeft": "20px"}}>必答</Checkbox>
</span>
<TextArea placeholder="请输入题目" className="mb20 TextAreas"
autosize={{minRows: 1, maxRows: 5}}
id="textArea"
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea>
{/*<span*/} {itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
{/* className={"break_word flex1 fl"} style={{"text-align": "left"}}><pre*/} return (
{/* style={{"text-align": "left"}}>{items.answer_text}</pre></span>*/} <div>
{itemt.answer_text === undefined ? (
<div></div>) : itemt.answer_text === "其他" ? (
<p className="df mb20">
<span
className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>其它</span>
<input
className="mr20 input-flex-40 TextAreainput" disabled
placeholder='无法编辑！将由参与答题的人手动录入'></input>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, true)}><Tooltip
title="删除"
placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>) : (<p className="df mb20">
<span className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>选项</span>
<TextArea
autosize={{minRows: 1, maxRows: 5}}
className="mr20 TextAreas"
value={itemt.answer_text}
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputChanges(e, indexo, indext)}></TextArea>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, false)}><Tooltip
title="删除" placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>)}
</div> </div>
) )
})} })}
</CheckboxGroup>)
: item.question.question_type === 3 ? (<div></div>) : (<div></div>)} <div className="df">
{itemo.question.question_type === 1 ? (
<div>
<div style={{minWidth: "1100px"}}>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""}
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
(this.state.newoption === false ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn>
: "")
: ""}
<span className="fr mt5">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
</div> </div>
)
: itemo.question.question_type === 2 ? (
//////////////////////////////////////////// 可选
<div>
<div style={{minWidth: "1100px"}}>
<div>
<span
className="color-grey-6 mr20 font-16 lineh-40 fl">可选</span>
<div className="mr40 flex1 ">
{/*可选最小*/}
<style>
{
`
.ant-select-selection .ant-select-selection-selected .ant-select-selection__rendered .ant-select-selection-selected-value{
"width":"100%";
"height": "80%";
"margin-top": "5px";
"margin-left": "5px";
"text-align": "center";
"display": "block";
"opacity": "1";
}
`
}
</style>
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)}
value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr10 color-grey-6 lineh-40 fl">~</span>
{/*可选最大*/}
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangeee(value, indexo)}
value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return ( return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr20 color-grey-6 lineh-40 fl font-16">项</span>
<span
className="color-grey-9 fl lineh-40">（学生答题时，系统对其选择的选项个数进行限制，--表示不限制）</span>
</div>
</div>
</div>
</div>
)
: (<div style={{minWidth: "1100px"}}></div>)
}
</div>
<div> <div>
{resultDom} {itemo.question.question_type === 2 ?
(
this.state.polls_status === undefined || this.state.polls_status === 1 ?
<div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{
this.state.newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : ""
}
</div>
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
<div className="clearfix mt30" >
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
)
: itemo.question.question_type === 3 ?
<div className="clearfix mt30">
<span className="fr">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
""}
</div>
</div>
return (
<div>
{resultDomtwo}
</div> </div>
) )
})} })}
{/**************************************************************************/} </div>
{/*编辑用的新增用的*/} </div>
{/**************************************************************************/}
{this.state.adddom === undefined ? "" : this.state.adddom.map((itemo, indexo) => { : item.question.question_type === 3 ?
// console.log('打印this.state.adddom') // 主观题
// console.log(this.state.adddom); ( <div>
{this.state.adddom === undefined ? "" : item.question.question_type === 3&&this.state.adddom.map((itemo, indexo) => {
let arrid = itemo.question.id; let arrid = itemo.question.id;
let resultDomtwo; let resultDomtwo;
resultDomtwo = resultDomtwo =
<div className="problemShow"> <div>
<span <span
className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"} className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"}
<Checkbox value={itemo.question.is_necessary} <Checkbox value={itemo.question.is_necessary}
checked={itemo.question.is_necessary === 1 ? true : false} checked={itemo.question.is_necessary === 1 ? true : false}
onChange={(e) => this.onCheckAllChange(e, indexo)} onChange={(e) => this.OnCheckAllChange(e, indexo)}
className="lineh-40" className="lineh-40"
style={{"marginLeft": "20px"}}>必答</Checkbox> style={{"marginLeft": "20px"}}>必答</Checkbox>
</span> </span>
@ -2590,7 +3058,7 @@ class PollNew extends Component {
"line-height": "35px", "line-height": "35px",
}} }}
onInput={(e) => this.handleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea> onInput={(e) => this.HandleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => { {itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return ( return (
@ -2605,9 +3073,9 @@ class PollNew extends Component {
<input <input
className="mr20 input-flex-40 TextAreainput" disabled className="mr20 input-flex-40 TextAreainput" disabled
placeholder='无法编辑！将由参与答题的人手动录入'></input> placeholder='无法编辑！将由参与答题的人手动录入'></input>
{polls_status === undefined || polls_status === 1 ? {this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40" <a className="lineh-40"
onClick={() => this.deleteentrys(arrid, indext, true)}><Tooltip onClick={() => this.Deleteentrys(arrid, indext, true)}><Tooltip
title="删除" title="删除"
placement={"bottom"}><i placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a> className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
@ -2626,10 +3094,10 @@ class PollNew extends Component {
"overflow-y": "hidden", "overflow-y": "hidden",
"line-height": "35px", "line-height": "35px",
}} }}
onInput={(e) => this.handleInputChanges(e, indexo, indext)}></TextArea> onInput={(e) => this.HandleInputChanges(e, indexo, indext)}></TextArea>
{polls_status === undefined || polls_status === 1 ? {this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40" <a className="lineh-40"
onClick={() => this.deleteentrys(arrid, indext, false)}><Tooltip onClick={() => this.Deleteentrys(arrid, indext, false)}><Tooltip
title="删除" placement={"bottom"}><i title="删除" placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a> className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""} : ""}
@ -2642,25 +3110,25 @@ class PollNew extends Component {
{itemo.question.question_type === 1 ? ( {itemo.question.question_type === 1 ? (
<div> <div>
<div style={{minWidth: "1100px"}}> <div style={{minWidth: "1100px"}}>
{polls_status === undefined || polls_status === 1 ? {this.state.polls_status === undefined || this.state.polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5" <ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn> onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""} : ""}
{polls_status === undefined || polls_status === 1 ? {this.state.polls_status === undefined || this.state.polls_status === 1 ?
(newoption === false ? (this.state.newoption === false ?
<ActionBtn style="grey" className="mr20 mt5" <ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn>
: "") : "")
: ""} : ""}
<span className="fr mt5"> <span className="fr mt5">
<ActionBtn style="greyBack" className="mr20 w100" <ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.deleteadddom(indexo)}>取消</ActionBtn> onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100" <ActionBtn style="blue" className="mr20 w100"
onClick={() => this.deleteadddomthree(indexo, itemo)}>保存</ActionBtn> onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100" <ActionBtn style="blue" className=" w100"
onClick={() => this.deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn> onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span> </span>
</div> </div>
</div> </div>
@ -2694,7 +3162,7 @@ class PollNew extends Component {
} }
</style> </style>
<Select className="fl w100" <Select className="fl w100"
onChange={(value) => this.handleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)} onChange={(value) => this.HandleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)}
value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices} value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices}
> >
@ -2709,7 +3177,7 @@ class PollNew extends Component {
className="ml10 mr10 color-grey-6 lineh-40 fl">~</span> className="ml10 mr10 color-grey-6 lineh-40 fl">~</span>
{/*可选最大*/} {/*可选最大*/}
<Select className="fl w100" <Select className="fl w100"
onChange={(value) => this.handleGradationGroupChangeee(value, indexo)} onChange={(value) => this.HandleGradationGroupChangeee(value, indexo)}
value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices} value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices}
> >
<Option value={String("0")}>--</Option> <Option value={String("0")}>--</Option>
@ -2738,15 +3206,15 @@ class PollNew extends Component {
<div> <div>
{itemo.question.question_type === 2 ? {itemo.question.question_type === 2 ?
( (
polls_status === undefined || polls_status === 1 ? this.state.polls_status === undefined || this.state.polls_status === 1 ?
<div className="clearfix mt30" > <div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5" <div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn> onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{ {
newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5" this.state.newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : "" onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : ""
} }
</div> </div>
@ -2754,11 +3222,11 @@ class PollNew extends Component {
<span className="fr mt5"> <span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100" <ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.deleteadddom(indexo)}>取消</ActionBtn> onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100" <ActionBtn style="blue" className="mr20 w100"
onClick={() => this.deleteadddomthree(indexo, itemo)}>保存</ActionBtn> onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100" <ActionBtn style="blue" className=" w100"
onClick={() => this.deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn> onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span> </span>
</div> </div>
@ -2767,11 +3235,11 @@ class PollNew extends Component {
<div className="clearfix mt30" > <div className="clearfix mt30" >
<span className="fr mt5"> <span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100" <ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.deleteadddom(indexo)}>取消</ActionBtn> onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100" <ActionBtn style="blue" className="mr20 w100"
onClick={() => this.deleteadddomthree(indexo, itemo)}>保存</ActionBtn> onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100" <ActionBtn style="blue" className=" w100"
onClick={() => this.deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn> onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span> </span>
</div> </div>
) )
@ -2780,11 +3248,11 @@ class PollNew extends Component {
<div className="clearfix mt30"> <div className="clearfix mt30">
<span className="fr"> <span className="fr">
<ActionBtn style="greyBack" className="mr20 w100" <ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.deleteadddom(indexo)}>取消</ActionBtn> onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100" <ActionBtn style="blue" className="mr20 w100"
onClick={() => this.deleteadddomthree(indexo, itemo)}>保存</ActionBtn> onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100" <ActionBtn style="blue" className=" w100"
onClick={() => this.deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn> onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span> </span>
</div> </div>
: :
@ -2801,8 +3269,18 @@ class PollNew extends Component {
</div> </div>
) )
})} })}
{/**************************************************************************/} </div>) : (<div></div>)}
</div>
return (
<div>
{resultDom}
</div>
)
})}
<div className="myyslwidth">
{polls_status === undefined || polls_status === 1 ? {polls_status === undefined || polls_status === 1 ?
<div> <div>
{ {
@ -2820,7 +3298,6 @@ class PollNew extends Component {
className="iconfont icon-tianjiafangda font-15 mr10"></i>主观题</ActionBtn> className="iconfont icon-tianjiafangda font-15 mr10"></i>主观题</ActionBtn>
</div> </div>
</div> </div>
: "" : ""
: :
<div> <div>
@ -2838,6 +3315,7 @@ class PollNew extends Component {
</div> </div>
: <div></div>} : <div></div>}
</div> </div>
</div>
{ {
this.props.match.params.news === "new" ? this.props.match.params.news === "new" ?
(this.state.Newedit === false ? (this.state.Newedit === false ?

332
public/react/src/modules/courses/poll/components/Editingcomponent.js
Unescape View File

@ -0,0 +1,332 @@
import React, {Component} from "react";
import '../pollStyle.css'
import {Input, Tooltip, Checkbox, Radio, Select} from 'antd'
import {WordsBtn, ActionBtn} from 'educoder'
const TextArea = Input.TextArea
const RadioGroup = Radio.Group
const CheckboxGroup = Checkbox.Group
class Editingcomponent extends Component {
constructor(props) {
super(props);
this.state = {
adddom:this.props.adddom,
Newedit:this.props.Newedit,
}
}
componentWillReceiveProps(nextProps) {
const { adddom } = this.state
const newdata = nextProps.adddom.toString()
if (adddom.toString() !== newdata) {
this.setState({
adddom: nextProps.adddom,
})
}
}
// componentWillReceiveProps(nextProps) {
// // console.log("46");
// // console.log(nextProps);
// // console.log(this.props);
// if (nextProps.adddom != this.props.adddom) {
// // console.log("50");
// // console.log(nextProps.user);
// if (nextProps.adddom !== undefined) {
// // console.log("53");
// // console.log(nextProps.user);
// this.setState({
// adddom: nextProps.adddom,
// })
// }
//
//
// }
// }
OnCheckAllChange =(e, indexo)=>{
this.props.OnCheckAllChange(e, indexo);
}
HandleInputTopic = (e, indexo)=>{
this.props.HandleInputTopic(e, indexo);
}
Deleteentrys=(id, i, stirngname)=>{
this.props.Deleteentrys(id, i, stirngname);
}
HandleInputChanges=(e, i, k)=>{
console.log("handleInputChanges"+" "+e);
console.log("handleInputChanges"+" "+i);
console.log("handleInputChanges"+" "+k);
this.props.HandleInputChanges(e, i, k);
}
Ewoption = (id, object) => {
this.props.Ewoption(id, object)
}
Addanotheroption = (id) => {
this.props.Addanotheroption(id);
}
Deleteadddom = (indexo) => {
this.props.Deleteadddom(indexo);
}
Deleteadddomthree= (indexo, object)=>{
this.props.Deleteadddomthree(indexo, object);
}
Deleteadddomtwo =(indexo, object)=>{
this.props.Deleteadddomtwo(indexo, object);
}
HandleGradationGroupChangee = (value, index, max, length) => {
this.props.HandleGradationGroupChangee(value, index, max, length);
}
HandleGradationGroupChangeee= (value, index) => {
this.props.HandleGradationGroupChangeee(value, index);
}
render() {
return (
<div className="myyslwidth">
{this.state.adddom === undefined ? "" : this.state.adddom.map((itemo, indexo) => {
let arrid = itemo.question.id;
let resultDomtwo;
resultDomtwo =
<div className="problemShow">
<span
className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"}
<Checkbox value={itemo.question.is_necessary}
checked={itemo.question.is_necessary === 1 ? true : false}
onChange={(e) => this.OnCheckAllChange(e, indexo)}
className="lineh-40"
style={{"marginLeft": "20px"}}>必答</Checkbox>
</span>
<TextArea placeholder="请输入题目" className="mb20 TextAreas"
autosize={{minRows: 1, maxRows: 5}}
id="textArea"
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
<div>
{itemt.answer_text === undefined ? (
<div></div>) : itemt.answer_text === "其他" ? (
<p className="df mb20">
<span
className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>其它</span>
<input
className="mr20 input-flex-40 TextAreainput" disabled
placeholder='无法编辑！将由参与答题的人手动录入'></input>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, true)}><Tooltip
title="删除"
placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>) : (<p className="df mb20">
<span className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>选项</span>
<TextArea
autosize={{minRows: 1, maxRows: 5}}
className="mr20 TextAreas"
value={itemt.answer_text}
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputChanges(e, indexo, indext)}></TextArea>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, false)}><Tooltip
title="删除" placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>)}
</div>
)
})}
<div className="df">
{itemo.question.question_type === 1 ? (
<div>
<div style={{minWidth: "1100px"}}>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""}
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
(this.state.newoption === false ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn>
: "")
: ""}
<span className="fr mt5">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
</div>
)
: itemo.question.question_type === 2 ? (
//////////////////////////////////////////// 可选
<div>
<div style={{minWidth: "1100px"}}>
<div>
<span
className="color-grey-6 mr20 font-16 lineh-40 fl">可选</span>
<div className="mr40 flex1 ">
{/*可选最小*/}
<style>
{
`
.ant-select-selection .ant-select-selection-selected .ant-select-selection__rendered .ant-select-selection-selected-value{
"width":"100%";
"height": "80%";
"margin-top": "5px";
"margin-left": "5px";
"text-align": "center";
"display": "block";
"opacity": "1";
}
`
}
</style>
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)}
value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr10 color-grey-6 lineh-40 fl">~</span>
{/*可选最大*/}
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangeee(value, indexo)}
value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr20 color-grey-6 lineh-40 fl font-16">项</span>
<span
className="color-grey-9 fl lineh-40">（学生答题时，系统对其选择的选项个数进行限制，--表示不限制）</span>
</div>
</div>
</div>
</div>
)
: (<div style={{minWidth: "1100px"}}></div>)
}
</div>
<div>
{itemo.question.question_type === 2 ?
(
this.state.polls_status === undefined || this.state.polls_status === 1 ?
<div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{
this.state.newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : ""
}
</div>
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
<div className="clearfix mt30" >
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
)
: itemo.question.question_type === 3 ?
<div className="clearfix mt30">
<span className="fr">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
""}
</div>
</div>
return (
<div>
{resultDomtwo}
</div>
)
})}
</div>
)
}
}
export default (Editingcomponent);

3
public/react/src/modules/courses/poll/pollStyle.css
Unescape View File

@ -340,3 +340,6 @@ textarea:read-only{
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
} }
.myyslwidth {
min-width:1200px
}
Write Preview
Loading…
Cancel
Save