import React, {Component} from "react";
import {Form, Input, Tooltip, Checkbox, Radio, Select, message, Modal, Button} from 'antd'
import {WordsBtn, ActionBtn} from 'educoder'
import '../css/members.css'
import "../common/formCommon.css"
import './pollStyle.css'
import '../css/Courses.css'
import axios from 'axios'
import moment from "../new/CoursesNew";
import Modals from "../../modals/Modals";
const TextArea = Input.TextArea
const RadioGroup = Radio.Group
const CheckboxGroup = Checkbox.Group
const Option = Select.Option;
const maps = {1: "未发布", 2: "提交中", 3: "已截止"}
const confirm = Modal.confirm;
class PollNew extends Component {
// 问卷新建和编辑
//
// * addonAfter 字数限制
// * q_counts 题目总数
// * mysingles 单选题数量
// * mydoubles 多选题数量
// * mymainsint 主观题数量
// * adddom 添加编辑的数据 页面点击新增题目
// * editentry 编辑条目 新增的题目点击到条目中
//* questionnair 问卷是否存在 默认不存在
// *
constructor(props) {
super(props);
this.state = {
visible: false,
poll_questions: [],
user_permission: "",
addonAfter: 60,
addonAftertwo: 100,
mysingles: 0,
mydoubles: 0,
mymainsint: 0,
adddom: [],
editentry: [],
questionnair: false,
polls_name: undefined,
polls_nametest: "",
polls_description: "",
polls_descriptiontest: "",
storagedesc:"",
storagedesctwo:"",
coursesId: "",
pollid: undefined,
polls_status: undefined,
q_countst: 0,
Newedit: true,
Insertposition: undefined,
Modalstype: false,
mysave: false,
readOnlys: "readOnly",
problemtopic: null,
problemtopicbool: false,
newoption: false,
cancellation: false,
}
// console.log("试卷新建和编辑");
// console.log(JSON.stringify(props));
}
changeTopicName = (e) => {
let num = 60 - parseInt(e.target.value.length);
this.setState({
addonAfter: num < 0 ? 0 : num
})
this.setState({
polls_nametest: e.target.value
})
}
changeTopicNametwo = (e) => {
// console.log("获取的值" + e.target.value);
let num = 100 - parseInt(e.target.value.length);
this.setState({
addonAftertwo: num < 0 ? 0 : num
})
this.setState({
polls_descriptiontest: e.target.value
})
}
// 初始化数据
componentDidMount = () => {
// console.log("componentDidMount 50")
if( this.props.isStudent() === true){
this.props.history.push("/403")
return
}
if (this.props.match.params.news !== undefined) {
if (this.props.match.params.news === "new") {
this.state.Newedit === true;
this.setState({
Newedit: true,
mysave: true,
readOnlys: "",
cancellation: true,
})
} else {
this.Initializatio_data();
this.state.Newedit === false;
this.setState({
Newedit: false,
mysave: false,
readOnlys: "readOnly",
})
}
}
// this.getPollInfo();
}
//获取权限
// getPollInfo(){
// // console.log(this.props.match);
// let pollId=this.props.match.params.pollId;
// let url=`/polls/${pollId}/common_header.json`
// axios.get(url).then((result)=>{
// if(result.status==200){
// this.setState({
// pollDetail:result.data,
// user_permission:result.data.user_permission
// })
// }
// }).catch((error)=>{
// console.log(error);
// })
// }
//初始化请求网络
Initializatio_data = () => {
// console.log("Initializatio_data 582")
//课堂id
let coursesId = this.props.match.params.coursesId;
//时间id
let pollid = this.props.match.params.pollid;
// console.log(pollid);
// let coursesId = 557;
if (pollid === undefined) {
// console.log("没有问卷新建问卷~~~")
// let coursesId=this.props.match.params.coursesId;
// // to={`/courses/${coursesId}/polls/new`}
//
// const urll = `/courses/${coursesId}/polls/new.json`
// axios.get(urll).then((result) => {
// if (result.status === 200) {
// console.log(urll)
// console.log("问卷新建成功")
// console.log(JSON.stringify(result))
// // var path=`/courses/${coursesId}/polls/new`;
// //
// // this.props.history.push({ pathname: path, state: { } });
// }
// }).catch((error) => {
// console.log(error)
// })
// const urlls = `/courses/${coursesId}/polls.json`
// axios.post(urlls,{
// polls_name: "这是标题",
// polls_description:"这是标题须知"
// }).then((result)=>{
// console.log("创建问卷++++++")
// console.log(result)
// try {
// if(result.data.status===0){
// console.log("创建问卷")
// console.log(JSON.stringify(result.data))
// }
// }catch (e) {
//
// }
//
// })
//没有问卷
this.setState({
projects: [],
polls_name: "",
polls_description: "",
poll_questions: [],
question_types: [],
pollid: undefined,
mysingles: 0,
mydoubles: 0,
mymainsint: 0,
polls_nametest: "",
polls_descriptiontest: "",
coursesId: 0,
questionnair: false
})
} else {
const url = `/polls/${pollid}/edit.json`;
axios.get(url).then((result) => {
if (result !== undefined)
// console.log("有问卷~~~")
// if (result.status === 200) {
// console.log(JSON.stringify(result.data))
this.props.form.setFieldsValue({
polls_nametest: result.data.poll.polls_name,
polls_descriptiontest: result.data.poll.polls_description,
});
this.setState({
projects: result.data,
pollid: pollid,
polls_status: result.data.poll.polls_status,
polls_name: result.data.poll.polls_name,
polls_description: result.data.poll.polls_description,
poll_questions: result.data.poll_questions,
question_types: result.data.question_types,
mysingles: result.data.question_types.q_singles,
mydoubles: result.data.question_types.q_doubles,
mymainsint: result.data.question_types.q_mains,
polls_nametest: result.data.poll.polls_name,
polls_descriptiontest: result.data.poll.polls_description,
questionnair: true,
})
// console.log(this.state.polls_nametest)
// console.log(this.state.polls_descriptiontest)
// }
}).catch((error) => {
console.log(error)
})
}
}
//重新获取数据
thisinitializationdatanew = () => {
var pollidsy = null;
if (this.state.pollid !== undefined) {
pollidsy = this.state.pollid;
if (pollidsy === null || pollidsy === undefined) {
pollidsy = this.props.match.params.pollid;
}
}
if (pollidsy === null || pollidsy === undefined) {
return
}
const url = `/polls/${pollidsy}/edit.json`;
axios.get(url).then((result) => {
if (result !== undefined)
// console.log("有问卷~~~")
// if (result.status === 200) {
// console.log(JSON.stringify(result.data))
this.setState({
projects: result.data,
pollid: pollidsy,
polls_status: result.data.poll.polls_status,
polls_name: result.data.poll.polls_name,
polls_description: result.data.poll.polls_description,
poll_questions: result.data.poll_questions,
question_types: result.data.question_types,
mysingles: result.data.question_types.q_singles,
mydoubles: result.data.question_types.q_doubles,
mymainsint: result.data.question_types.q_mains,
polls_nametest: result.data.poll.polls_name,
polls_descriptiontest: result.data.poll.polls_description,
questionnair: true,
})
// }
}).catch((error) => {
console.log(error)
})
}
//新建问卷
newword = () => {
if (this.state.polls_nametest === undefined || this.state.polls_nametest === "") {
this.props.showNotification(`请输入标题`);
return
}
let coursesId = this.props.match.params.coursesId;
const urlls = `/courses/${coursesId}/polls.json`
axios.post(urlls, {
polls_name: this.state.polls_nametest,
polls_description: this.state.polls_descriptiontest
}).then((result) => {
if (result.data.status === 0) {
this.state.Newedit === false;
// this.props.showNotification(`试卷创建成功`);
this.setState({
pollid: result.data.data.id,
Newedit: false,
})
this.props.history.push(`/courses/${this.props.match.params.coursesId}/polls/${result.data.data.id}/detail?tab=2`)
}
})
}
//添加单选题目
addmysingles = () => {
if (this.state.newoption === true) {
this.setState({
newoption: false
})
}
var Insertposition = this.state.poll_questions.length;
// console.log(JSON.stringify(this.state.poll_questions));
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 1) {
Insertposition = i;
}
}
this.addMytopic(1, this.state.pollid, Insertposition, false, 0);
// }
}
//添加多选题目
addmydoubles = () => {
// console.log("addmymainsint 70")
if (this.state.newoption === true) {
this.setState({
newoption: false
})
}
var Insertposition = this.state.poll_questions.length;
// console.log(JSON.stringify(this.state.poll_questions));
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 2) {
Insertposition = i;
}
}
this.addMytopic(2, this.state.pollid, Insertposition, false, 0);
// }
}
//添加主观题目
addmymainsint = () => {
var Insertposition = this.state.poll_questions.length;
// console.log(JSON.stringify(this.state.poll_questions));
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 3) {
Insertposition = i;
}
}
this.addMytopic(3, this.state.pollid, Insertposition, false, 0);
// }
}
//编辑方法
adddomedit = (object) => {
// console.log("adddomedit 76");
if (this.state.q_countst > 0) {
this.props.showNotification(`不能同时编辑两题`);
return;
}
var anserbool = false;
this.setState({
q_countst: 1,
})
window.scrollTo(0, this.refs.targetElement.offsetTop)
let {adddom} = this.state;
// var arr =new Object(objects);
// console.log(arr)
// adddom.push(arr);
var question = {};
var Insertposition = this.state.poll_questions.length;
if (object.question.question_type === 1) {
var answers = [];
var questiontwo = {};
///////////////////////////daying
for (var y = 0; y < object.question.answers.length; y++) {
var answerstwo;
if (object.question.answers[y].answer_text === "其他") {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
anserbool = true;
} else {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
}
answers.push(answerstwo);
}
// 插入单选题
questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 1,
"question_title": object.question.question_title,
"question_type": 1,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
adddom.push(question);
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 1) {
Insertposition = i;
}
}
} else if (object.question.question_type === 2) {
//插入多选题
var answers = [];
var questiontwo = {};
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
anserbool = true;
} else {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
}
answers.push(answerstwo);
}
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 2,
"question_title": object.question.question_title,
"question_type": 2,
"max_choices": object.question.max_choices,
"min_choices": object.question.min_choices,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
adddom.push(question);
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 2) {
Insertposition = i;
}
}
} else if (object.question.question_type === 3) {
//插入主观题
var answers = [];
var questiontwo = {};
if (object.question.answers.length > 0) {
for (var y = 0; y < object.question.answers.length; y++) {
var answerstwo;
if (object.question.answers[y].answer_text === "其他") {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
} else {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
}
answers.push(answerstwo);
}
}
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 3,
"question_title": object.question.question_title,
"question_type": 3,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
adddom.push(question);
for (var i = 0; i < this.state.poll_questions.length; i++) {
if (this.state.poll_questions[i].question.question_type === 3) {
Insertposition = i;
}
}
}
this.setState({
adddom: adddom,
newoption: anserbool,
Insertposition: Insertposition
})
}
//新增添加题目 有new
addMytopic = (index, pollid, Insertposition, Whether, id) => {
//Whether 是否插入
// console.log("addMytopic 90")
// console.log(index)
// console.log(pollid)
// console.log(Insertposition)
// console.log(Whether)
// console.log(id)
if (this.state.q_countst > 0) {
this.props.showNotification(`不能同时编辑两题`);
return;
}
this.state.Insertposition = Insertposition;
var Whethername = null;
if (Whether === true) {
Whethername = id;
}
this.setState({
Insertposition: Insertposition,
q_countst: 1,
})
window.scrollTo(0, this.refs.targetElement.offsetTop)
var arrr = this.state.adddom;
let newarrr = [...arrr];
var arr = this.state.poll_questions;
let newarr = [...arr];
if (newarr.length > 0) {
if (index === 1) {
// 插入单选题
// console.log(this.state.poll_questions[newarr.length - 1].question.id);
var question = {}
var questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": this.state.poll_questions[newarr.length - 1].question.id + 1,
"is_necessary": 1,
"question_number": 1,
"question_title": "",
"question_type": 1,
"new": "new",
"answers": [
{"answer_id": 1, "answer_position": 1, "answer_text": ""},
{"answer_id": 2, "answer_position": 2, "answer_text": ""},
{"answer_id": 3, "answer_position": 3, "answer_text": ""},
{"answer_id": 4, "answer_position": 4, "answer_text": ""},
// {"answer_id": 5, "answer_position": 5, "answer_text": "其他"},
]
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
} else if (index === 2) {
//插入多选题
var question = {}
var questiontwo = {
"id": this.state.poll_questions[newarr.length - 1].question.id + 1,
"is_necessary": 1,
"question_number": 2,
"question_title": "",
"question_type": 2,
"max_choices": 0,
"min_choices": 0,
"new": "new",
"answers": [
{"answer_id": 1, "answer_position": 1, "answer_text": ""},
{"answer_id": 2, "answer_position": 2, "answer_text": ""},
{"answer_id": 3, "answer_position": 3, "answer_text": ""},
{"answer_id": 4, "answer_position": 4, "answer_text": ""},
// {"answer_id": 5, "answer_position": 5, "answer_text": "其他"},
]
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
} else if (index === 3) {
//插入主观题
// console.log(this.state.poll_questions[newarr.length - 1].question.id);
var question = {}
var questiontwo = {
"id": this.state.poll_questions[newarr.length - 1].question.id + 1,
"is_necessary": 1,
"question_number": 3,
"question_title": "",
"question_type": 3,
"new": "new",
"answers": []
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
}
} else {
/////上面视图全部删除后 要加载的
if (index === 1) {
// 插入单选题
var id;
try {
id = this.state.poll_questions[newarr.length - 1].question.id + 1
} catch (e) {
id = 1;
}
var questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": id,
"is_necessary": 1,
"question_number": 1,
"question_title": "",
"question_type": 1,
"new": "new",
"answers": [
{"answer_id": 1, "answer_position": 1, "answer_text": ""},
{"answer_id": 2, "answer_position": 2, "answer_text": ""},
{"answer_id": 3, "answer_position": 3, "answer_text": ""},
{"answer_id": 4, "answer_position": 4, "answer_text": ""},
// {"answer_id": 5, "answer_position": 5, "answer_text": "其他"},
]
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
} else if (index === 2) {
//插入多选题
var id;
try {
id = this.state.poll_questions[newarr.length - 1].question.id + 1
} catch (e) {
id = 1;
}
var questiontwo = {
"id": id,
"is_necessary": 1,
"question_number": 2,
"question_title": "",
"question_type": 2,
"max_choices": 0,
"min_choices": 0,
"new": "new",
"answers": [
{"answer_id": 1, "answer_position": 1, "answer_text": ""},
{"answer_id": 2, "answer_position": 2, "answer_text": ""},
{"answer_id": 3, "answer_position": 3, "answer_text": ""},
{"answer_id": 4, "answer_position": 4, "answer_text": ""},
// {"answer_id": 5, "answer_position": 5, "answer_text": "其他"},
]
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
} else if (index === 3) {
//插入主观题
var id;
try {
id = this.state.poll_questions[newarr.length - 1].question.id + 1
} catch (e) {
id = 1;
}
var questiontwo = {
"id": id,
"is_necessary": 1,
"question_number": 3,
"question_title": "",
"question_type": 3,
"new": "new",
"answers": []
};
question = {"question": questiontwo};
newarrr.push(question);
this.setState({
adddom: newarrr,
problemtopic: Whethername,
problemtopicbool: Whether,
})
}
}
}
//删除指定条目
deleteadddom = (indexo) => {
// console.log("deleteadddom 259")
var arr = this.state.adddom;
let newarr = [...arr];
newarr.splice(indexo, 1);
this.setState({
adddom: newarr,
q_countst: 0,
problemtopic: null,
problemtopicbool: false,
})
}
//保存并继续
//保存并继续，即提交本题的新建并继续创建一个相同的题（该新题处于编辑模式，题目和选项不要清空）
deleteadddomtwo = (indexo, object) => {
var thiss = this;
this.setState({
q_countst: 1,
})
var poll_questionslength = this.state.poll_questions.length;
// console.log("deleteadddomtwo|||||||||||||||||||||||||||||||||||||||||\\");
// console.log(indexo);
// console.log(object);
// console.log(object.question.question_type);
let arr = this.state.adddom;
let arrpoll = this.state.poll_questions;
let newarr = [...arr];
let newarrpoll = [...arrpoll];
//选项内容不能为空
let max = 0;
let maxtie = newarr[indexo].question.answers.length;
for (var k = 0; k < newarr[indexo].question.answers.length; k++) {
try {
if (newarr[indexo].question.answers[k].answer_text != undefined) {
if (newarr[indexo].question.answers[k].answer_text === "") {
max = max + 1;
}
}
} catch (e) {
// console.log("PollNew281")
console.log(e)
}
}
if (newarr[indexo].question.question_title === "") {
this.props.showNotification(`题目不能为空`);
return
}
if (max > 0) {
if (object.question.question_type === 1) {
this.props.showNotification(`选项内容不能为空`);
return
} else if (object.question.question_type === 2) {
this.props.showNotification(`选项内容不能为空`);
return
}
}
if (object.question.question_type === 1) {
if (maxtie < 2) {
this.props.showNotification(`选项不能少于2个!`);
return
}
} else if (object.question.question_type === 2) {
if (maxtie < 3) {
this.props.showNotification(`选项不能少于3个!`);
return
}
}
if (object.question.question_type === 2) {
if (object.question.max_choices > 0) {
if (object.question.min_choices < 2) {
this.props.showNotification(`可选最小不能少于2个`);
return;
}
}
}
if (object.question.new === "new") {
// 根据数组里面的new 来确定是否是新增还是 修改
//添加道数组上
//不能共用数组 所以自己写个新数组 然后push 上面卷子中
var question = {};
if (object.question.question_type === 1) {
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
///////////////////////////daying
// 这个是装选项和其他的
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
// 插入单选题
// var id
// try {
// id = newarrpoll[newarrpoll.length - 1].question.id + 1;
// } catch (e) {
// id = 1;
// }
questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 1,
"question_title": object.question.question_title,
"question_type": 1,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
var insindex = null;
// if (poll_questionslength !== thiss.state.Insertposition) {
// insindex = newarrpoll[thiss.state.Insertposition].question.id;
// }
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 1, arrc, null, 0, 0, insindex);
// newarrpoll.push(question);
newarrpoll.splice(thiss.state.Insertposition, 0, question);
} else if (object.question.question_type === 2) {
//插入多选题
if (object.question.max_choices < object.question.min_choices) {
this.props.showNotification(`可选的最大限制不能小于最小限制`);
return;
}
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
// var id
// try {
// id = newarrpoll[newarrpoll.length - 1].question.id + 1;
// } catch (e) {
// id = 1;
// }
questiontwo = {
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 2,
"question_title": object.question.question_title,
"question_type": 2,
"max_choices": object.question.max_choices,
"min_choices": object.question.min_choices,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
var insindex = null;
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 2, arrc, null, object.question.max_choices, object.question.min_choices, insindex);
//插入多选题
// if (object.question.max_choices > arrc.length) {
// // console.log("选择题的最大可选项不能大于选项数")
// this.props.showNotification(`选择题的最大可选项不能大于选项数`);
//
// return;
// }
// if (object.question.min_choices === 0) {
// // console.log("选择题的最大可选项不能小于2项目")
// this.props.showNotification(`选择题的最大可选项不能小于2项目`);
//
// return;
//
// }
// newarrpoll.push(question);
newarrpoll.splice(thiss.state.Insertposition, 0, question);
} else if (object.question.question_type === 3) {
//插入主观题
var answers = [];
var questiontwo = {};
var answerstwos = [];
var answerstwoss = [];
if (object.question.answers.length > 0) {
for (var y = 0; y < object.question.answers.length; y++) {
var answerstwo;
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
answerstwoss.push(datatwo);
}
}
}
answers = answerstwoss.concat(answerstwos);
// var id
// try {
// id = newarrpoll[newarrpoll.length - 1].question.id + 1;
// } catch (e) {
// id = 1;
// }
questiontwo = {
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 3,
"question_title": object.question.question_title,
"question_type": 3,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
// var insindex = null;
// if (poll_questionslength !== thiss.state.Insertposition) {
// insindex = newarrpoll[thiss.state.Insertposition].question.id;
// }
//主观题不需要可选选项
var insindex = null;
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 3, null, null, 0, 0, insindex);
// newarrpoll.push(question);
newarrpoll.splice(thiss.state.Insertposition, 0, question);
}
//////////////////////////////////////////////////////////////////////////////////////////////////// 上面是新增
} else {
///////////////////////////////////////////////////////////////////////////////////////////////////修改点了编辑
// console.log("点了编辑")
var uuk = -1
//这个地方判断 点了编辑上面题目又把他删除了 保存的时候就只能是插入新增了
for (var uk = 0; uk < newarrpoll.length; uk++) {
if (object.question.id === newarrpoll[uk].question.id) {
uuk = uk;
}
}
var question = {};
if (object.question.question_type === 1) {
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
///////////////////////////daying
//这个装选项和其他的
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
// 插入单选题
questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 1,
"question_title": object.question.question_title,
"question_type": 1,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 1, arrc, null, 0, 0);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("他原来的删除掉了")
this.createquestionsandanswers(object, 1, arrc, null, 0, 0, object.question.id);
newarrpoll.push(question);
}
newarr[indexo].question.new = "new"
// console.log(newarrpoll)
} else if (object.question.question_type === 2) {
//插入多选题
if (object.question.max_choices < object.question.min_choices) {
this.props.showNotification('可选的最大限制不能小于最小限制！');
return;
}
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 2,
"question_title": object.question.question_title,
"question_type": 2,
"max_choices": object.question.max_choices,
"min_choices": object.question.min_choices,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
//插入多选题
// if (object.question.max_choices > arrc.length) {
// // console.log("选择题的最大可选项不能大于答案数")
// this.props.showNotification('选择题的最大可选项不能大于选项数！');
//
// return;
// }
// if (object.question.min_choices === 0) {
// // console.log("选择题的最大可选项不能小于2项目")
// this.props.showNotification('选择题的最大可选项不能小于2项目！');
//
// return;
//
// }
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 2, arrc, null, object.question.max_choices, object.question.min_choices);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("删除")
this.createquestionsandanswers(object, 2, arrc, null, object.question.max_choices, object.question.min_choices, object.question.id);
newarrpoll.push(question);
}
// console.log(newarrpoll)
newarr[indexo].question.new = "new"
} else if (object.question.question_type === 3) {
//插入主观题
var answers = [];
var questiontwo = {};
if (object.question.answers.length > 0) {
for (var y = 0; y < object.question.answers.length; y++) {
var answerstwo;
if (object.question.answers[y].answer_text === "其他") {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
} else {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
}
answers.push(answerstwo);
}
}
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 3,
"question_title": object.question.question_title,
"question_type": 3,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 3, null, null, 0, 0);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("删除")
this.createquestionsandanswers(object, 3, null, null, 0, 0, object.question.id);
newarrpoll.push(question);
}
// console.log(newarrpoll)
newarr[indexo].question.new = "new"
}
}
//添加到上面列表中
//改变题目总数
if (object.question.question_type === 1) {
//单选题
this.state.mysingles = this.state.mysingles + 1;
} else if (object.question.question_type === 2) {
//多选题
this.state.mydoubles = this.state.mydoubles + 1;
} else if (object.question.question_type === 3) {
//主观题
this.state.mymainsint = this.state.mymainsint + 1;
}
this.setState({
// poll_questions: newarrpoll,
adddom: newarr,
problemtopic: null,
problemtopicbool: false,
// mysingles: this.state.mysingles,
// mydoubles: this.state.mydoubles,
// mymainsint: this.state.mymainsint
})
}
//保存 后期可以考虑和保存并继续 合并
//保存，即完成新建并退出本题编辑
// indexo 第几个数组
//object 单个数组数据
deleteadddomthree = (indexo, object) => {
// console.log("deleteadddom 349")
var thiss = this;
let arr = this.state.adddom;
let arrpoll = this.state.poll_questions;
let newarr = [...arr];
let newarrpoll = [...arrpoll];
var poll_questionslength = this.state.poll_questions.length; //获取单前问题最大长度
//选项内容不能为空
let max = 0;
let maxtie = newarr[indexo].question.answers.length;
//判断选项值是否不为空
for (var k = 0; k < newarr[indexo].question.answers.length; k++) {
try {
if (newarr[indexo].question.answers[k].answer_text != undefined) {
if (newarr[indexo].question.answers[k].answer_text === "") {
max = max + 1;
}
}
} catch (e) {
// console.log("PollNew281")
// console.log(e)
}
}
if (newarr[indexo].question.question_title === "") {
this.props.showNotification('题目不能为空！');
return
}
if (max > 0) {
if (object.question.question_type === 1) {
this.props.showNotification('选项内容不能为空！');
return
} else if (object.question.question_type === 2) {
this.props.showNotification('选项内容不能为空！');
return
}
}
if (object.question.question_type === 1) {
if (maxtie < 2) {
this.props.showNotification('选项不能少于2个!');
return
}
} else if (object.question.question_type === 2) {
if (maxtie < 3) {
this.props.showNotification('选项不能少于3个!');
return
}
}
if (object.question.question_type === 2) {
if (object.question.max_choices > 0) {
if (object.question.min_choices < 2) {
this.props.showNotification(`可选最小不能少于2个`);
return;
}
}
}
if (object.question.new === "new") {
///////////////////////////////////////////////////////////////////新增模式
// 根据数组里面的new 来确定是否是新增还是 修改
//添加道数组上
//不能共用数组 所以自己写个新数组 然后push 上面卷子中
var question = {};
if (object.question.question_type === 1) {
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
///////////////////////////daying
// 这个是装选项和其他的
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
// 插入单选题'
// var id;
// try {
// id = newarrpoll[newarrpoll.length - 1].question.id + 1
// } catch (e) {
// id = 1;
// }
questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 1,
"question_title": object.question.question_title,
"question_type": 1,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
//获取指定id 号 用来插入，如果不是就是在最后添加
//执行新增操作
var insindex = null;
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 1, arrc, null, 0, 0, insindex);
newarrpoll.splice(thiss.state.Insertposition, 0, question);
} else if (object.question.question_type === 2) {
//插入多选题
if (object.question.max_choices < object.question.min_choices) {
this.props.showNotification(`可选的最大限制不能小于最小限制`);
return;
}
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
questiontwo = {
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 2,
"question_title": object.question.question_title,
"question_type": 2,
"max_choices": object.question.max_choices,
"min_choices": object.question.min_choices,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
var insindex = null;
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 2, arrc, null, object.question.max_choices, object.question.min_choices, insindex);
//插入多选题
// if (object.question.max_choices > arrc.length) {
newarrpoll.splice(thiss.state.Insertposition, 0, question);
} else if (object.question.question_type === 3) {
//插入主观题
var answers = [];
var questiontwo = {};
var answerstwos = [];
var answerstwoss = [];
if (object.question.answers.length > 0) {
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
answerstwoss.push(datatwo);
}
}
}
answers = answerstwoss.concat(answerstwos);
questiontwo = {
"id": null,
"is_necessary": object.question.is_necessary,
"question_number": 3,
"question_title": object.question.question_title,
"question_type": 3,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
//主观题不需要可选选项
var insindex = null;
if (this.state.problemtopicbool === true) {
insindex = this.state.problemtopic;
}
this.createquestionsandanswers(object, 3, null, null, 0, 0, insindex);
// newarrpoll.push(question);
newarrpoll.splice(thiss.state.Insertposition, 0, question);
}
///////////////////////////////////////////////////////////////////新增模式
} else {
//////////////////////////////////////////////////////////////////////////////修改模式
//修改
var uuk = -1
for (var uk = 0; uk < newarrpoll.length; uk++) {
if (object.question.id === newarrpoll[uk].question.id) {
uuk = uk;
// console.log("删除了数据=-09876543234567890-111111111111")
}
}
var question = {};
if (object.question.question_type === 1) {
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
///////////////////////////daying
//这个装选项和其他的
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
// 插入单选题
questiontwo = {
// "id": this.state.poll_questions[arr.length - 1].question.id + 1 + arrr.length,
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 1,
"question_title": object.question.question_title,
"question_type": 1,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 1, arrc, null, 0, 0);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("删除")
this.createquestionsandanswers(object, 1, arrc, null, 0, 0, object.question.id);
newarrpoll.push(question);
}
// console.log(newarrpoll)
} else if (object.question.question_type === 2) {
//插入多选题
if (object.question.max_choices < object.question.min_choices) {
this.props.showNotification(`可选的最大限制不能小于最小限制`);
return;
}
var questiontwo = {};
var other = [];
var option = [];
var answerstwos = [];
var answerstwoss = [];
for (var y = 0; y < object.question.answers.length; y++) {
if (object.question.answers[y].answer_text === "其他") {
var dataone = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
other.push(object.question.answers[y].answer_text);
answerstwos.push(dataone);
} else {
var datatwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
option.push(object.question.answers[y].answer_text)
answerstwoss.push(datatwo);
}
}
var arrc = option.concat(other);
var answers = answerstwoss.concat(answerstwos);
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 2,
"question_title": object.question.question_title,
"question_type": 2,
"max_choices": object.question.max_choices,
"min_choices": object.question.min_choices,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
//插入多选题
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 2, arrc, null, object.question.max_choices, object.question.min_choices);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("删除")
this.createquestionsandanswers(object, 2, arrc, null, object.question.max_choices, object.question.min_choices, object.question.id);
newarrpoll.push(question);
}
// console.log(newarrpoll)
} else if (object.question.question_type === 3) {
//插入主观题
var answers = [];
var questiontwo = {};
if (object.question.answers.length > 0) {
for (var y = 0; y < object.question.answers.length; y++) {
var answerstwo;
if (object.question.answers[y].answer_text === "其他") {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
} else {
answerstwo = {
"answer_id": object.question.answers[y].answer_id,
"answer_position": object.question.answers[y].answer_position,
"answer_text": object.question.answers[y].answer_text
}
}
answers.push(answerstwo);
}
}
questiontwo = {
"id": object.question.id,
"is_necessary": object.question.is_necessary,
"question_number": 3,
"question_title": object.question.question_title,
"question_type": 3,
"new": "",
"answers": answers
};
question = {"question": questiontwo};
if (uuk !== -1) {
// console.log("修改")
this.edittotheserver(object, 3, null, null, 0, 0);
newarrpoll.splice(uuk, 1, question);
} else {
// console.log("删除")
this.createquestionsandanswers(object, 3, null, null, 0, 0, object.question.id);
newarrpoll.push(question);
}
// console.log(newarrpoll)
}
}
//添加到上面列表中
//改变题目总数
if (object.question.question_type === 1) {
//单选题
this.state.mysingles = this.state.mysingles + 1;
} else if (object.question.question_type === 2) {
//多选题
this.state.mydoubles = this.state.mydoubles + 1;
} else if (object.question.question_type === 3) {
//主观题
this.state.mymainsint = this.state.mymainsint + 1;
}
//这里更新数据
if (this.state.q_countst == 1) {
this.setState({
q_countst: 0,
})
}
this.deleteadddom(indexo);
// console.log(indexo)
}
////新增到服务器中
createquestionsandanswers = (object, number, option, other, max_choices, min_choices, insert_id) => {
var thiss = this;
var poll_id = this.state.pollid;
var urlly = `/polls/${poll_id}/poll_questions.json`
var max_choicess = null;
var min_choicess = null;
if (max_choices === 0 && min_choices === 0) {
max_choicess = null;
min_choicess = null;
} else {
max_choicess = max_choices;
min_choicess = min_choices;
}
axios.post(urlly, {
question_title: object.question.question_title,
question_type: number,
is_necessary: object.question.is_necessary,
max_choices: max_choicess,
min_choices: min_choicess,
question_answers: option,
question_other_answer: null,
insert_id: insert_id
}).then((result) => {
// try {
if (result !== undefined) {
if (result.data.status === 0) {
this.props.showNotification(`已完成`);
thiss.thisinitializationdatanew();
// console.log("确认创建问题")
// console.log(result)
// try {
// if (result.data.status === 0) {
// console.log("确认创建问题")
// console.log(JSON.stringify(result.data))
// }
// } catch (e) {
//
// }
}
}
// } catch (e) {
//
// }
})
}
///编辑修改到服务器当中
edittotheserver = (object, number, option, other, max_choices, min_choices) => {
// console.log("调用了edittotheserver")
var url = `/poll_questions/${object.question.id}.json`
var thiss = this;
axios.put(url, {
// debug: true,
question_title: object.question.question_title,
question_type: number,
is_necessary: object.question.is_necessary,
max_choices: max_choices,
min_choices: min_choices,
question_answers: option,
question_other_answer: null,
}).then((result) => {
try {
if (result.data.status === 0) {
this.props.showNotification(`编辑题目成功`);
thiss.thisinitializationdatanew();
}
} catch (e) {
// console.log("调用了edittotheserver")
console.log(e)
}
})
}
//删除到服务器当中
eletetoserver = (pollid, newarr, type, index) => {
// console.log("调用了eletetoserver")
var id = pollid;
var url = `/poll_questions/${id}.json`
let {mysingles, mydoubles, mymainsint} = this.state
var thiss = this;
axios
.delete(url, {})
.then(function (response) {
// console.log(response)
if (response === undefined) {
return;
}
if (response.data.message === "删除成功") {
thiss.props.showNotification(`删除成功`);
newarr.splice(index, 1);
if (type === 1) {
mysingles = mysingles - 1;
} else if (type === 2) {
mydoubles = mydoubles - 1;
} else if (type === 3) {
mymainsint = mymainsint - 1;
}
// thiss.setState({
// poll_questions: newarr,
// mysingles: mysingles,
// mydoubles: mydoubles,
// mymainsint: mymainsint
// });
thiss.thisinitializationdatanew();
}
})
}
//上下移到服务器中
Upanddownmovementof = (bool, poll_question_id) => {
// console.log("调用了Upanddownmovementofr")
// console.log(poll_question_id)
var thiss = this;
if (bool === true) {
var url = `/poll_questions/${poll_question_id}/up_down.json`;
axios.post(url, {
opr: "up",
}).then((result) => {
try {
if (result.data.status === 0) {
this.props.showNotification(`上移成功`);
thiss.thisinitializationdatanew();
}
// console.log(JSON.stringify(result))
} catch (e) {
// console.log("上移题目成功 错误")
console.log(e)
}
})
} else {
var url = `/poll_questions/${poll_question_id}/up_down.json`;
axios.post(url, {
opr: "down",
}).then((result) => {
try {
if (result.data.status === 0) {
// message.success("下移题目成功", 1)
this.props.showNotification(`下移成功`);
thiss.thisinitializationdatanew();
}
// console.log(JSON.stringify(result))
} catch (e) {
// console.log("下移题目成功 错误")
console.log(e)
}
})
}
}
//删除编辑新增条目
//id 条目的唯一id
//i 为要删除的子条目
deleteentrys = (id, i, stirngname) => {
// console.log(id)
// console.log(stirngname);
var arrtwoy = this.state.adddom;
let newarrtwoy = [...arrtwoy];
for (var k = 0; k < newarrtwoy.length; k++) {
if (newarrtwoy[k] != undefined) {
if (newarrtwoy[k].question.id === id) {
for (var c = 0; c < newarrtwoy[k].question.answers.length; c++) {
if (c === i) {
// console.log("删除了")
// console.log(c)
newarrtwoy[k].question.answers.splice(c, 1);
}
}
}
}
}
if (stirngname === true) {
// console.log(stirngname);
this.setState({
newoption: false,
adddom: newarrtwoy,
})
} else {
// console.log(stirngname);
this.setState({
adddom: newarrtwoy,
});
}
}
// 新增选项
ewoption = (id, object) => {
// console.log("ewoption 440")
// console.log("是否是新建题目还是编辑")
// console.log(object.question.new)
let arrtwo = this.state.adddom;
let newarrtwo = [...arrtwo];
for (var k = 0; k < newarrtwo.length; k++) {
// console.log(arrtwo[k].question.id);
if (newarrtwo[k] != undefined) {
if (newarrtwo[k].question.id === id) {
var data = {
"answer_id": newarrtwo[k].question.answers.length + 1,
"answer_position": newarrtwo[k].question.answers.length + 1,
"answer_text": ""
};
//向头部添加元素
// newarrtwo[k].question.answers.unshift(data);
//如果有其他这一项就删除掉
if (newarrtwo[k].question.answers.length > 0) {
for (var o = 0; o < newarrtwo[k].question.answers.length; o++) {
if (newarrtwo[k].question.answers[o].answer_text != undefined) {
if (newarrtwo[k].question.answers[o].answer_text === "其他") {
newarrtwo[k].question.answers.splice(o, 0, data);
this.setState({
adddom: newarrtwo
})
return
} else {
if (o === newarrtwo[k].question.answers.length - 1) {
newarrtwo[k].question.answers.push(data);
this.setState({
adddom: newarrtwo
})
return
}
}
}
}
} else {
newarrtwo[k].question.answers.push(data);
this.setState({
adddom: newarrtwo
})
}
}
}
}
}
swapArray = (arr, index1, index2) => {
arr[index1] = arr.splice(index2, 1, arr[index1])[0];
return arr;
}
//新增其他选项
addanotheroption = (id) => {
// console.log("addanotheroption 457")
let arrtwo = this.state.adddom;
let newarrtwo = [...arrtwo];
// console.log(newarrtwo)
for (var k = 0; k < newarrtwo.length; k++) {
if (newarrtwo[k] != undefined) {
if (newarrtwo[k].question.id === id) {
var data = {
"answer_id": newarrtwo[k].question.answers.length + 1,
"answer_position": newarrtwo[k].question.answers.length + 1,
"answer_text": "其他"
};
newarrtwo[k].question.answers.push(data);
}
}
}
this.setState({
adddom: newarrtwo,
newoption: true,
})
}
//点击向上排序按钮事件
handleClickBySortUp = (index, object) => {
// console.log("handleClickBySortUp 521")
let arr = this.state.poll_questions;
let newarr = [...arr];
// console.log(newarr)
if (index != 0) {
this.Upanddownmovementof(true, object.question.id);
let temp = newarr[index - 1];
newarr[index - 1] = newarr[index];
newarr[index] = temp;
this.setState({
poll_questions: newarr,
});
}
}
//点击向下排序按钮事件
handleClickBySortDown = (index, object) => {
// console.log("handleClickBySortDown 536")
let arr = this.state.poll_questions;
let newarr = [...arr];
//
if (index != newarr.length - 1) {
this.Upanddownmovementof(false, object.question.id);
let temp = newarr[index + 1];
newarr[index + 1] = newarr[index];
newarr[index] = temp;
this.setState({
poll_questions: newarr,
});
} else {
// console.log("2222index==arr.length");
// console.log(this.state.poll_questions);
}
}
//点击删除按钮事件
handleClickByDelete = (type, index, object) => {
// console.log("handleClickByDelete 556")
// console.log("object.question.id")
// console.log(object.question.id)
let arr = this.state.poll_questions;
let newarr = [...arr];
this.eletetoserver(object.question.id, newarr, type, index)
}
// 数字输入监听
//e为获取组件对象
//i外层数组
//k为内层数组
handleInputChanges = (e, i, k) => {
// console.log("handleInputChanges 612")
let value = e.target.value;//取到input的数据
// console.log("handleInputChanges value is :" + value);
// console.log(k);
let arr = this.state.adddom;
let newarr = [...arr];
newarr[i].question.answers[k].answer_text = value
this.setState({
adddom: newarr
})
}
//标题输入监听
handleInputTopic = (e, i) => {
// console.log("handleInputTopic 633")
let value = e.target.value;//取到input的数据
// console.log("handleInputTopic value is :" + value);
// console.log(i);
let arr = this.state.adddom;
let newarr = [...arr];
newarr[i].question.question_title = value
this.setState({
adddom: newarr
})
}
//最小值
handleGradationGroupChangee = (value, index, max, length) => {
debugger
var minbool = false;
var maxbool = false;
let arr = this.state.adddom;
if (parseInt(value) === 0 || parseInt(value) === "0" || parseInt(value) === null || parseInt(value) === undefined || parseInt(value) < 1) {
minbool = true;
}
if (max === 0 || max === "0" || max === null || max === undefined) {
maxbool = true;
}
if (minbool === true && maxbool === true) {
for (var i = 0; i < arr.length; i++) {
if (index === i) {
arr[i].question.min_choices = parseInt(value);
}
}
this.setState({
adddom: arr
})
} else {
for (var i = 0; i < arr.length; i++) {
if (index === i) {
arr[i].question.min_choices = parseInt(value);
arr[i].question.max_choices = length;
}
}
this.setState({
adddom: arr
})
}
}
//最大值
handleGradationGroupChangeee = (value, index) => {
let arr = this.state.adddom;
for (var i = 0; i < arr.length; i++) {
if (index === i) {
arr[i].question.max_choices = parseInt(value);
}
}
this.setState({
adddom: arr
})
// console.log(this.state.adddom);
}
//提交题目//没有就创建新的题库，新建问newz题和保存题目不一样不能同时保存 这里只是新建 和编辑 标题和须知
submitQuestionnaire = (mews) => {
// console.log("调用了submitQuestionnaire")
if (this.state.Newedit === true) {
this.newword();
} else {
if (this.state.polls_nametest === undefined || this.state.polls_nametest === "") {
this.props.showNotification("请输入标题");
return
}
if (this.state.polls_descriptiontest.length > 100) {
}
var pollid;
if (this.state.pollid === undefined) {
pollid = this.props.match.params.pollid;
} else {
pollid = this.state.pollid;
}
if(mews ==="new"){
if(this.state.poll_questions&&this.state.poll_questions.length===0){
this.props.showNotification("至少创建1个题目");
return;
}
}
var url = `/polls/${pollid}.json`;
axios.put(url, {
polls_name: this.state.polls_nametest,
polls_description: this.state.polls_descriptiontest
}).then((result) => {
try {
// console.log(JSON.stringify(result))
if (result.data.status === 0) {
// console.log("更新题目成功")
// this.props.showNotification("保存成功");
this.props.history.push(`/courses/${this.props.match.params.coursesId}/polls/${pollid}/detail?tab=2`)
}
} catch (e) {
}
})
}
}
cancelmodel = () => {
this.setState({
Modalstype: false,
Modalstopval: "",
ModalsBottomval: "",
})
}
savedelete = (question_type, index, item) => {
// console.log("savedelete");
this.handleClickByDelete(question_type, index, item);
this.setState({
Modalstype: false,
Modalstopval: "",
ModalsBottomval: "",
})
}
// 问题的类型，1单选题，2为多选题，3为主观题
showDeleteConfirm = (question_type, index, item) => {
this.setState({
Modalstype: true,
Modalstopval: "是否确认删除？",
ModalsBottomval: "",
ModalCancel: this.cancelmodel,
ModalSave: () => this.savedelete(question_type, index, item),
})
}
//必答选项
onCheckAllChange = (e, index) => {
// console.log("onCheckAllChange");
// console.log(e.target.checked);
// console.log(e.target.value);
let arr = this.state.adddom;
for (var i = 0; i < arr.length; i++) {
if (index === i) {
if (e.target.checked === true) {
arr[i].question.is_necessary = 1;
} else {
arr[i].question.is_necessary = 0;
}
}
}
this.setState({
adddom: arr
})
}
//重新编辑标题和须知
adddomeditit = () => {
if (this.state.mysave === true) {
this.setState({
mysave: false,
readOnlys: "readOnly",
storagedesc:this.state.polls_nametest,
storagedesctwo:this.state.polls_descriptiontest,
})
} else if (this.state.mysave === false) {
this.setState({
mysave: true,
readOnlys: "",
storagedesc:this.state.polls_nametest,
storagedesctwo:this.state.polls_descriptiontest,
})
}
}
//取消保存
onSaveExercisetwo = () => {
if (this.state.mysave === true) {
this.setState({
mysave: false,
Newedit: false,
readOnlys: "readOnly",
polls_nametest:this.state.storagedesc,
polls_descriptiontest:this.state.storagedesctwo,
})
} else {
this.setState({
mysave: false,
Newedit: false,
readOnlys: "readOnly",
polls_nametest:this.state.storagedesc,
polls_descriptiontest:this.state.storagedesctwo,
})
}
}
// 创建问卷
onSaveExercise = () => {
if (this.state.Newedit === true) {
if (this.state.polls_nametest === undefined || this.state.polls_nametest === "") {
this.props.showNotification(`请输入标题`);
return
}
let coursesId = this.props.match.params.coursesId;
const urlls = `/courses/${coursesId}/polls.json`
axios.post(urlls, {
polls_name: this.state.polls_nametest,
polls_description: this.state.polls_descriptiontest
}).then((result) => {
if (result === undefined) {
return;
}
this.state.Newedit === false;
this.props.showNotification(`问卷创建成功!`);
this.setState({
pollid: result.data.data.id,
Newedit: false,
mysave: false,
readOnlys: "readOnly",
cancellation: false,
})
})
} else {
if (this.state.polls_nametest === undefined || this.state.polls_nametest === "") {
this.props.showNotification("请输入标题");
return
}
var pollid;
if (this.state.pollid === undefined) {
pollid = this.props.match.params.pollid;
} else {
pollid = this.state.pollid;
}
var url = `/polls/${pollid}.json`;
axios.put(url, {
polls_name: this.state.polls_nametest,
polls_description: this.state.polls_descriptiontest
}).then((result) => {
if (result !== undefined) {
this.props.showNotification(`问卷更新成功!`);
this.setState({
mysave: false,
readOnlys: "readOnly",
})
}
})
}
}
//试图
render() {
let {
addonAfter,
user_permission,
polls_status,
Modalstype,
mysave,
readOnlys,
newoption,
cancellation,
} = this.state
//获取老师权限
// console.log("[`${maps[polls_status && polls_status]}`]]");
// console.log(polls_status);
// console.log([[`${maps[polls_status && polls_status]}`]] + "");
const IsAdmin = this.props.isAdmin();
const {getFieldDecorator} = this.props.form;
const formItemLayout = {
labelCol: {
xs: {span: 24},
// sm: { span: 8 },
sm: {span: 24},
},
wrapperCol: {
xs: {span: 24},
// sm: { span: 16 },
sm: {span: 24},
},
};
const radioStyle = {
display: 'block',
height: '30px',
lineHeight: '30px',
};
// console.log(this.state.projects===undefined?"":this.state.projects.poll_questions)
var displaymysave = (mysave === true) ? "" : "display:none;";
return (
<div className="newMain">
{/*提示*/}
{Modalstype && Modalstype === true ? <Modals
modalsType={this.state.Modalstype}
modalsTopval={this.state.Modalstopval}
modalCancel={this.state.ModalCancel}
modalSave={this.state.ModalSave}
modalsBottomval={this.state.ModalsBottomval}
loadtype={this.state.Loadtype}
/> : ""}
<div className="educontent mb50">
<p className="clearfix mb20 mt10">
<ActionBtn className=" btn colorgrey fl hovercolorblue"
to={`/courses/${this.props.match.params.coursesId}`}>{this.props.coursedata.name}</ActionBtn>
<span className="color-grey-9 fl ml3 mr3">></span>
<ActionBtn className=" btn colorgrey fl hovercolorblue"
to={`/courses/${this.props.match.params.coursesId}/polls/${this.props.match.params.pollid}`}>问卷</ActionBtn>
<span className="color-grey-9 fl ml3 mr3">></span>
<span>{this.props.match.params.news === undefined ? "新建" : this.props.match.params.news === "new" ? "新建" : "编辑"}</span>
</p>
<div className="clearfix mb30">
<p
className="fl color-black summaryname mt5">{this.props.match.params.news === undefined ? "新建问卷" : this.props.match.params.news === "new" ? "新建问卷" : "编辑问卷"}</p>
<ActionBtn to={`/courses/${this.props.match.params.coursesId}/polls/${this.props.match.params.pollid}`}
className=" fr font-16">返回</ActionBtn>
</div>
{/*<Form {...formItemLayout} onSubmit={this.handleSubmit}>*/}
{
this.state.mysave === false ?
<div className="padding20-30" style={{ background: '#fff'}}>
<div className="displayTitle font-16">
<span>{this.state.polls_nametest}</span>
<a className="fr" onClick={() => { this.adddomeditit() }} style={{ lineHeight: '32px'}}>
<Tooltip title="编辑"><i className="iconfont icon-bianjidaibeijing font-20 color-green"></i></Tooltip>
</a>
</div>
<div className="displayDescription color-grey-9" dangerouslySetInnerHTML={{__html: this.state.polls_descriptiontest}}
style={{whiteSpace: 'pre-wrap'}}
></div>
</div>
:""
}
{
this.state.mysave === true ?
<div className="edu-back-white">
<div className="createPage bor-bottom-greyE">
<style>
{`
.ant-form-item-label{width:180px;}
`}
</style>
<div>
<div style={{"color": "#212121", "font-size": "16px"}} className="fl"><span
style={{"color": "#f5222d"}}>*</span>问卷标题
</div>
{
this.props.match.params.news === undefined ? "" : this.props.match.params.news === "new" ?
(
this.state.mysave === false ?
<div className="fr">
<span><a onClick={() => this.adddomeditit()}><Tooltip title="编辑"><i
className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a></span>
</div>
: "")
:""
}
</div>
<Input placeholder="请输入问卷标题，最大限制60个字符" maxLength="60"
style={{"margin-top": "15px", "text-align": "left"}}
onInput={this.changeTopicName}
readOnly={readOnlys}
autoComplete="off" addonAfter={String(addonAfter)}
value={this.state.polls_nametest}
className="searchViewAfter"></Input>
</div>
<div style={{
"padding": "20px 30px 50px",
"position": "relative",
"border-bottom": "1px solid #EDEDED",
"margin-bottom": " 0px"
}}>
<style>
{`
.ant-form-item-label{width:80px;}
`}
</style>
<div style={{"color": "#212121", "font-size": "16px"}}>问卷须知</div>
<TextArea placeholder="请输入本次问卷答题的相关说明，最大限制100个字符"
style={{"height": "120px", "margin-top": "15px", "text-align": "left"}}
maxLength="100"
readOnly={readOnlys}
onInput={this.changeTopicNametwo}
value={this.state.polls_descriptiontest}
autoComplete="off" addonAfter={"100"}></TextArea>
{
this.state.Newedit === true || this.state.mysave === true ?
<div>
<Button type="primary" onClick={this.onSaveExercise} className=" fr "
style={{
"margin-top": "10px",
"height": "32px",
"width": " 70px",
"font-size": "14px",
"line-height": " 30px",
}}>保存</Button>
{cancellation === false ?
<Button onClick={this.onSaveExercisetwo} className="defalutCancelbtn fr mr20 "
style={{
"margin-top": "10px",
"height": "32px",
"width": " 70px",
"font-size": "14px",
"line-height": " 30px"
}}>取消</Button>
: ""}
</div>
: ""
}
</div>
</div>:""
}
<p className="clearfix padding20-30 color-grey-9">
{
this.state.mysingles + this.state.mydoubles + this.state.mymainsint === 0 ? "" :
<div>
<span className="fl">
{this.state.mysingles === 0 ? "" : <span
className="mr20">单选题{this.state.mysingles === undefined ? "" : this.state.mysingles} 题</span>}
{this.state.mydoubles === 0 ? "" :
<span
className="mr20">多选题{this.state.mydoubles === undefined ? "" : this.state.mydoubles}题</span>}
{this.state.mymainsint === 0 ? "" :
<span className="mr20">
主观题{this.state.mymainsint === undefined ? "" : this.state.mymainsint}题
</span>
}
</span>
<span className="fr">合计 <span
className="color-blue">{this.state.mysingles === undefined ? "" : this.state.mydoubles === undefined ? "" : this.state.mymainsint === undefined ? "" : this.state.mysingles + this.state.mydoubles + this.state.mymainsint}</span> 题</span>
</div>
}
</p>
<div className="edu-back-white">
{/*自动生成修改好的获取到的*/}
{/**************************************************************************/}
{this.state.poll_questions === undefined ? "" : this.state.poll_questions.map((item, index) => {
// console.log('打印this.state.poll_questions')
// console.log(item.question)
let resultDom;
resultDom = <div className="problemShow bor-bottom-greyE">
<p className="clearfix font-16">
<span className="color-grey-6 fl">第{index + 1}题：</span>
<span
className="color-grey-9 fl">{item.question.question_type === 1 ? "(单选题)" : item.question.question_type === 2 ? "(多选题)" : "(主观题)"}</span>
<span
className="selectAnswer ml10">{item.question.is_necessary === 1 ? "必答" : item.question.question_type === 2 ? "选答" : "选答"}</span>
<span style={{color: "#4B4B4B"}}
className="font-16 mt10 ml10">{(item.question.min_choices === undefined && item.question.max_choices === undefined ? "" : item.question.min_choices === null && item.question.max_choices === null ? "" : item.question.min_choices === 0 && item.question.max_choices === 0 ? "" : "可选" + item.question.min_choices + "-" + item.question.max_choices + "项")}</span>
{
polls_status === undefined || polls_status === 1 ?
<span className="fr">
<a className="mr30"
onClick={() => this.showDeleteConfirm(item.question.question_type, index, item)}><Tooltip
title="删除"><i
className="color-grey-cd font-16 iconfont icon-shanchu"></i></Tooltip></a>
{index === 0 ? "" :
<a className="mr30"
onClick={() => this.handleClickBySortUp(index, item)}><Tooltip
title="上移"><i
className="color-green font-18 iconfont icon-xiangshangyi"></i></Tooltip></a>}
{index === this.state.poll_questions.length - 1 ? "" :
<a className="mr30"
onClick={() => this.handleClickBySortDown(index, item)}><Tooltip
title="下移"><i
className="color-green font-18 iconfont icon-xiangxiayi"></i></Tooltip></a>}
<a className="mr30"
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
className="color-green font-18 iconfont icon-roundaddfill"></i></Tooltip></a>
<a onClick={() => this.adddomedit(item)}><Tooltip title="编辑"><i
className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a>
</span> : <span className="fr"> <a onClick={() => this.adddomedit(item)}><Tooltip title="编辑"><i
className="color-green font-18 iconfont icon-bianjidaibeijing"></i></Tooltip></a> </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>*/}
{item.question.question_type === 1 ?
(<RadioGroup defaultChecked={false} disabled>
{item.question.answers === undefined ? "" : item.question.answers.map((items, i) => {
return (
<div className="h20 pt20" style={{"clear": "both"}}>
<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>
</div>
)
})}
</RadioGroup>)
: item.question.question_type === 2 ?
(<CheckboxGroup defaultChecked={false} disabled>
{item.question.answers === undefined ? "" : item.question.answers.map((items, i) => {
return (
<div className="mt10 pt20 " style={{"clear": "both"}}>
<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={"break_word flex1 fl"} style={{"text-align": "left"}}><pre*/}
{/* style={{"text-align": "left"}}>{items.answer_text}</pre></span>*/}
</div>
)
})}
</CheckboxGroup>)
: item.question.question_type === 3 ? (<div></div>) : (<div></div>)}
</div>
return (
<div>
{resultDom}
</div>
)
})}
{/**************************************************************************/}
{/*编辑用的新增用的*/}
{/**************************************************************************/}
{this.state.adddom === undefined ? "" : this.state.adddom.map((itemo, indexo) => {
// console.log('打印this.state.adddom')
// console.log(this.state.adddom);
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>
{polls_status === undefined || 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>
{polls_status === undefined || 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"}}>
{polls_status === undefined || polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""}
{polls_status === undefined || polls_status === 1 ?
(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 ?
(
polls_status === undefined || polls_status === 1 ?
<div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{
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>
)
})}
{/**************************************************************************/}
{polls_status === undefined || polls_status === 1 ?
<div>
{
this.props.match.params.news === "new" ?
this.state.Newedit === false ?
<div>
<div className=" mb10" style={this.state.adddom === undefined?{"border-bottom": "0.5px solid #ffffff"}:this.state.adddom.length <1? {"border-bottom": "0.5px solid #ffffff"}:{"border-bottom": "0.5px solid #eee"}}></div>
<div style={{"padding": "10px 30px 20px 30px"}}>
<ActionBtn style="green" className="mr20" onClick={() => this.addmysingles()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>单选题</ActionBtn>
<ActionBtn style="green" className="mr20" onClick={() => this.addmydoubles()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>多选题</ActionBtn>
<ActionBtn style="green" className="mr20" onClick={() => this.addmymainsint()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>主观题</ActionBtn>
</div>
</div>
: ""
:
<div>
<div className=" mb10" style={this.state.adddom === undefined? {"border-bottom": "0.5px solid #ffffff"}:this.state.adddom.length <1? {"border-bottom": "0.5px solid #ffffff"}:{"border-bottom": "0.5px solid #eee"}}></div>
<div style={{"padding": "10px 30px 20px 30px"}}>
<ActionBtn style="green" className="mr20" onClick={() => this.addmysingles()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>单选题</ActionBtn>
<ActionBtn style="green" className="mr20" onClick={() => this.addmydoubles()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>多选题</ActionBtn>
<ActionBtn style="green" className="mr20" onClick={() => this.addmymainsint()}><i
className="iconfont icon-tianjiafangda font-15 mr10"></i>主观题</ActionBtn>
</div>
</div>
}
</div>
: <div></div>}
</div>
{
this.props.match.params.news === "new" ?
(this.state.Newedit === false ?
<div
style={{
"display": "flex",
"justify-content": "center",
"align-items": "center",
"width": "100%",
}}
>
<li className="clearfix mt30 mb50">
<a className="defalutCancelbtn fl mr20" onClick={() => this.props.history.goBack()}>取消</a>
<a type="primary" className="defalutSubmitbtn fl"
onClick={() => this.submitQuestionnaire(this.props.match.params.news)}>提交</a>
</li>
</div>
: "")
:
<div
style={{
"display": "flex",
"justify-content": "center",
"align-items": "center",
"width": "100%",
}}
>
<li className="clearfix mt30 mb50">
<a className="defalutCancelbtn fl mr20"onClick={() => this.props.history.goBack()}>取消</a>
<a type="primary" className=" defalutSubmitbtn fl"
onClick={() => this.submitQuestionnaire(this.props.match.params.news)}>提交</a>
</li>
</div>
}
{/*</Form>*/}
</div>
<div ref='targetElement'></div>
</div>
)
}
}
const WrappedPollNew = Form.create({name: 'taskPollNew'})(PollNew);
// RouteHOC()
export default (WrappedPollNew);