Commit 4589db6f authored by 黄奎's avatar 黄奎

页面修改

parent fc15b75f
...@@ -150,7 +150,28 @@ export function CreateQuestion(questionKey) { ...@@ -150,7 +150,28 @@ export function CreateQuestion(questionKey) {
break; break;
//共用选择题 //共用选择题
case "sharing-choose": case "sharing-choose":
var tempArray = [{
Name: "A",
Content: ""
}, {
Name: "B",
Content: ""
}, {
Name: "C",
Content: ""
}, {
Name: "D",
Content: ""
}];
var array2 = [{
Name: "",
Content: "",
}, {
Name: "",
Content: "",
}];
AnswerList.push(tempArray);
AnswerList.push(array2);
break; break;
} }
return AnswerList; return AnswerList;
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<template v-if="questionObj.Key=='cloze'"> <template v-if="questionObj.Key=='cloze'">
选项处用##题号##替换,如##1## 选项处用##题号##替换,如##1##
</template> </template>
<UeEditor v-model="objOption.Title" :config="config" ref="UE_Title"></UeEditor> <UeEditor v-if="questionObj.Key!='sharing-choose'" v-model="objOption.Title" :config="config" ref="UE_Title"></UeEditor>
</div> </div>
<br /> <br />
<!--单选题--> <!--单选题-->
...@@ -62,6 +62,9 @@ ...@@ -62,6 +62,9 @@
<!--阅读理解、听力题--> <!--阅读理解、听力题-->
<reading-comprehensio v-if="questionObj.Key=='reading-comprehensio'||questionObj.Key=='listening'" <reading-comprehensio v-if="questionObj.Key=='reading-comprehensio'||questionObj.Key=='listening'"
:questionData="AnswerList" @getChild="getChildData"></reading-comprehensio> :questionData="AnswerList" @getChild="getChildData"></reading-comprehensio>
<!--共用选择题-->
<sharing-choose v-if="questionObj.Key=='sharing-choose'" :questionData="AnswerList" @getChild="getChildData" :setOption="objOption">
</sharing-choose>
<br /> <br />
<div class="col-12"> <div class="col-12">
答案解析<UeEditor v-model="objOption.AnswerParse" :config="config" ref="AnswerParse"></UeEditor> 答案解析<UeEditor v-model="objOption.AnswerParse" :config="config" ref="AnswerParse"></UeEditor>
...@@ -121,6 +124,7 @@ ...@@ -121,6 +124,7 @@
import sortingProblem from '../questiontype/sorting-problem' import sortingProblem from '../questiontype/sorting-problem'
import cloze from '../questiontype/cloze' import cloze from '../questiontype/cloze'
import readingComprehensio from '../questiontype/reading-comprehensio' import readingComprehensio from '../questiontype/reading-comprehensio'
import sharingChoose from '../questiontype/sharing-choose'
export default { export default {
components: { components: {
UeEditor, UeEditor,
...@@ -135,6 +139,7 @@ ...@@ -135,6 +139,7 @@
sortingProblem, //排序题 sortingProblem, //排序题
cloze, //完型填空 cloze, //完型填空
readingComprehensio, //阅读理解 readingComprehensio, //阅读理解
sharingChoose, //共用选择题
}, },
props: { props: {
setingObj: { setingObj: {
...@@ -235,7 +240,6 @@ ...@@ -235,7 +240,6 @@
this.objOption.QuestionTypeKey = item.Key; this.objOption.QuestionTypeKey = item.Key;
var obj = CreateQuestion(item.Key); var obj = CreateQuestion(item.Key);
this.AnswerList = obj; this.AnswerList = obj;
console.log("this.AnswerList ", this.AnswerList);
}, },
//获取题型列表 //获取题型列表
getQuestionType() { getQuestionType() {
......
<!--共用选择题-->
<style>
</style>
<template>
<div class="sharingChooseQuestion">
<table v-if="data&&data.length>0">
<tr v-for="(item,index) in data[0]">
<td>
{{item.Name}}
</td>
<td>
<UeEditor v-model="item.Content" :config="config"></UeEditor>
</td>
<td>
<a style="cursor:pointer;" @click="deleteOpion(index)">删除</a>
</td>
</tr>
<tfoot>
<tr>
<td colspan="3">
<a style="cursor:pointer;" @click="addOption()">添加选项</a>
</td>
</tr>
</tfoot>
</table>
<br />
<table v-if="data&&data.length>0">
<tr v-for="(item,index) in data[1]">
<td>
{{index+1}}
</td>
<td>
<UeEditor v-model="item.Content" :config="config"></UeEditor>
</td>
<td>
<a style="cursor:pointer;" @click="deleteQuestion(index)">删除题干</a>
</td>
</tr>
<tfoot>
<tr>
<td colspan="3">
<a style="cursor:pointer;" @click="addQuestion()">添加题干</a>
</td>
</tr>
</tfoot>
</table>
<br />
答案:
<br />
<table v-if="data&&data.length>0">
<tr v-for="(item,index) in data[1]">
<td>
{{index+1}}
</td>
<td>
<select v-model="item.Name">
<template v-for="(cItem,cIndex) in data[0]">
<option :key="cIndex" :label="cItem.Name" :value="cItem.Name">
</option>
</template>
</select>
</td>
</tr>
</table>
</div>
</template>
<script>
import {
getOptionList, //获取选择标签【A,B,C,D....】
} from '../../api/question/questionconfig'
import UeEditor from '../editor/UeEditor'
export default {
props: {
questionData: {
type: Array,
},
setOption: {
type: Object
}
},
components: {
UeEditor
},
data() {
return {
data: this.questionData,
config: {
initialFrameWidth: null,
initialFrameHeight: 80,
},
optionTitleList: [],
};
},
created() {
this.initConfig();
},
methods: {
initConfig() {
this.optionTitleList = getOptionList();
},
//删除选项
deleteOpion(index) {
this.data[0].splice(index, 1);
this.calcOptionTitle();
},
//新增选项
addOption() {
if (this.data.length < 26) {
this.data[0].push({
Name: "",
Content: "",
});
this.calcOptionTitle();
} else {
this.$q.notify({
type: 'warning',
position: 'center',
timeout: 1500,
message: `最多只能添加26个选项`
})
return
}
},
//删除题干
deleteQuestion(index) {
this.data[1].splice(index, 1);
this.calcOptionTitle();
},
//添加题干
addQuestion() {
this.data[1].push({
Name: "",
Content: "",
});
this.calcOptionTitle();
},
//重新计算选择Title[A,B,C,D....]
calcOptionTitle() {
if (this.data && this.data.length > 0) {
this.data[0].forEach((item, index) => {
item.Name = this.optionTitleList[index];
})
}
},
//返回数据到父组件
returnDataToParent() {
this.$emit('getChild', this.data);
},
},
mounted() {
},
watch: {
data: {
handler(newValue) {
this.setOption.Title = this.data[1][0].Content;
this.returnDataToParent();
},
deep: true
},
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment