|
|
@@ -178,6 +178,61 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="stem-content" v-else-if="col.type === 'mulText'">
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'sent-main',
|
|
|
+ ]"
|
|
|
+ v-for="(sdItem, sdIndex) in col.mulText.detail"
|
|
|
+ :key="'sent-option-items' + j + sdIndex"
|
|
|
+ >
|
|
|
+ <div class="sent-que-box">
|
|
|
+ <div
|
|
|
+ class="sent-que"
|
|
|
+ v-for="(sddItem, sddIndex) in sdItem.detail"
|
|
|
+ :key="'sent-option-items' + j + sdIndex + sddIndex"
|
|
|
+ :style="{
|
|
|
+ paddingLeft:
|
|
|
+ sddItem.config.wordPadding.indexOf('left') > -1
|
|
|
+ ? '4px'
|
|
|
+ : '0px',
|
|
|
+ paddingRight:
|
|
|
+ sddItem.config.wordPadding.indexOf('right') > -1
|
|
|
+ ? '4px'
|
|
|
+ : '0px',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <!-- 补全句子 -->
|
|
|
+ <OneSentenceTemp
|
|
|
+ :detail="sddItem"
|
|
|
+ :pyPosition="curQue.pinyinPosition"
|
|
|
+ :TaskModel="TaskModel"
|
|
|
+ :Bookanswer="curQue.Bookanswer[i].content[j]"
|
|
|
+ :judgeAnswer="judgeAnswer"
|
|
|
+ :correctAnswer="col.mulText.correct.complateArr"
|
|
|
+ :isInput="true"
|
|
|
+ :fn_check_list="[]"
|
|
|
+ :pyNumber="col.pyNumber && col.pyNumber[sdIndex]"
|
|
|
+ :hengLeg="sdItem.hengLeg"
|
|
|
+ :maxFontsize="sdItem.maxFontsize"
|
|
|
+ />
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ sddItem.img_list &&
|
|
|
+ sddItem.img_list.length > 0 &&
|
|
|
+ sddItem.img_list[0].id
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ :src="sddItem.img_list[0].id"
|
|
|
+ class="sddItem_img_list"
|
|
|
+ :style="[imgStyle(sddItem)]"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<CrossTick
|
|
|
v-if="col.isCross"
|
|
|
:index="i"
|
|
|
@@ -202,9 +257,10 @@
|
|
|
<script>
|
|
|
import CrossTick from "./CrossTick.vue";
|
|
|
import AnswerTitle from "../../preview/components/AnswerTitle.vue";
|
|
|
+import OneSentenceTemp from "../components/OneSentenceTemp.vue";
|
|
|
|
|
|
export default {
|
|
|
- components: { CrossTick, AnswerTitle },
|
|
|
+ components: { CrossTick, AnswerTitle, OneSentenceTemp },
|
|
|
props: {
|
|
|
curQue: {
|
|
|
type: Object,
|
|
|
@@ -217,11 +273,19 @@ export default {
|
|
|
judgeAnswer: {
|
|
|
type: String,
|
|
|
},
|
|
|
+ TaskModel: {
|
|
|
+ type: String,
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
isAnswerMode: false,
|
|
|
userError: false,
|
|
|
+ userAnswer: {
|
|
|
+ completeInput: []
|
|
|
+ },
|
|
|
+ userBookanswer:[],
|
|
|
+ chsFhList: ["，", "。", "”", "：", "》", "？", "！", "；"],
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -283,11 +347,15 @@ export default {
|
|
|
}
|
|
|
if (!this.curQue.Bookanswer) {
|
|
|
let arr = [];
|
|
|
+ let flag = false // 是否含有多个句子类型
|
|
|
this.curQue.tableData.body.forEach((item, i) => {
|
|
|
arr.push({
|
|
|
content: [],
|
|
|
});
|
|
|
item.content.forEach((items) => {
|
|
|
+ if(items.type === 'mulText'){
|
|
|
+ flag = true
|
|
|
+ }
|
|
|
arr[i].content.push({
|
|
|
answer: "",
|
|
|
CrossAnswer: "",
|
|
|
@@ -296,7 +364,9 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
- this.$set(this.curQue, "Bookanswer", arr);
|
|
|
+ if(!flag){
|
|
|
+ this.$set(this.curQue, "Bookanswer", arr);
|
|
|
+ }
|
|
|
} else {
|
|
|
this.curQue.Bookanswer.forEach((item) => {
|
|
|
item.content.forEach((item) => {
|
|
|
@@ -308,6 +378,9 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ this.handleData();
|
|
|
+ },
|
|
|
methods: {
|
|
|
enterAnswer(i, j, type) {
|
|
|
if (type == "input") {
|
|
|
@@ -425,6 +498,179 @@ export default {
|
|
|
colIndex === -1 && (rowIndex === -1 || j === body[0].content.length - 1)
|
|
|
);
|
|
|
},
|
|
|
+ handleData() {
|
|
|
+ let Bookanswer = [];
|
|
|
+ let itemLeg = 0;
|
|
|
+ this.totalHasPy = false;
|
|
|
+ let option = JSON.parse(JSON.stringify(this.curQue.tableData.body));
|
|
|
+ let completeImage = [];
|
|
|
+ option.forEach((item, index) => {
|
|
|
+ Bookanswer.push({content: []});
|
|
|
+ completeImage = [];
|
|
|
+ itemLeg = item.length > itemLeg ? item.length : itemLeg;
|
|
|
+ item.content.forEach((items, indexs) => {
|
|
|
+ if(items.mulText){
|
|
|
+ let userAnswer = JSON.parse(JSON.stringify(this.userAnswer));
|
|
|
+ let correct = JSON.parse(JSON.stringify(items.mulText.correct));
|
|
|
+ let complateArr = correct.completeInput.split("\n");
|
|
|
+ complateArr.forEach((itemI, indexI) => {
|
|
|
+ if (itemI == "??" || itemI == "？？") {
|
|
|
+ complateArr[indexI] = "";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ items.mulText.correct.complateArr = complateArr;
|
|
|
+ this.curQue.tableData.body[index].content[indexs].mulText.correct.complateArr = complateArr;
|
|
|
+ Bookanswer[index].content.push(userAnswer);
|
|
|
+ let hengIndex = 0;
|
|
|
+ items.pyNumber = [];
|
|
|
+
|
|
|
+ items.mulText.detail.forEach((sdItem, sdIndex) => {
|
|
|
+ let isHasPY = 0;
|
|
|
+ let maxFontsize = 0;
|
|
|
+ sdItem.detail.forEach((sddItem) => {
|
|
|
+ if (sddItem.wordsList.length > 0) {
|
|
|
+ sddItem.wordsList.forEach((sItem, sIndex) => {
|
|
|
+ let reg = /_{2,}/g;
|
|
|
+ if (reg.test(sItem.chs)) {
|
|
|
+ sItem.index = sIndex;
|
|
|
+ sItem.isHeng = true;
|
|
|
+ sItem.hengIndex = hengIndex;
|
|
|
+ hengIndex++;
|
|
|
+ }
|
|
|
+ //补全句子
|
|
|
+ if (
|
|
|
+ !this.curQue.Bookanswer
|
|
|
+ ) {
|
|
|
+ let reg = /_{2,}/g;
|
|
|
+ if (reg.test(sItem.chs)) {
|
|
|
+ let bool = false;
|
|
|
+ if (sddItem.hasOwnProperty("input_Isexample")) {
|
|
|
+ bool = sddItem.input_Isexample;
|
|
|
+ } else {
|
|
|
+ bool = items.Isexample;
|
|
|
+ }
|
|
|
+ let obj = null;
|
|
|
+ if (!sddItem.input_tian) {
|
|
|
+ obj = {
|
|
|
+ answer:
|
|
|
+ bool && complateArr[sItem.hengIndex]
|
|
|
+ ? complateArr[sItem.hengIndex]
|
|
|
+ : "",
|
|
|
+ userAnswerJudge:
|
|
|
+ bool || !complateArr[sItem.hengIndex]
|
|
|
+ ? ""
|
|
|
+ : "[JUDGE##F##JUDGE]",
|
|
|
+ input_Isexample: bool ? true : false,
|
|
|
+ };
|
|
|
+ Bookanswer[index].content[indexs].completeInput.push(
|
|
|
+ JSON.parse(JSON.stringify(obj))
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ if (sddItem.hengLeg == "-1") {
|
|
|
+ completeImage.push(obj);
|
|
|
+ } else {
|
|
|
+ for (let i = 0; i < Number(sddItem.hengLeg); i++) {
|
|
|
+ completeImage.push(obj);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ Bookanswer[index].content[indexs].completeInput.push(
|
|
|
+ JSON.parse(JSON.stringify(completeImage))
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.mergeWordSymbol(sItem);
|
|
|
+ if (sItem.pinyin) {
|
|
|
+ isHasPY++;
|
|
|
+ this.totalHasPy = true;
|
|
|
+ }
|
|
|
+ let fontSize = JSON.parse(JSON.stringify(sItem.fontSize));
|
|
|
+ fontSize = Number(fontSize.replace("px", ""));
|
|
|
+ maxFontsize = fontSize > maxFontsize ? fontSize : maxFontsize;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (sddItem.sentence) {
|
|
|
+ let fontSize = JSON.parse(
|
|
|
+ JSON.stringify(sddItem.config.fontSize)
|
|
|
+ );
|
|
|
+ fontSize = Number(fontSize.replace("px", ""));
|
|
|
+ maxFontsize = fontSize > maxFontsize ? fontSize : maxFontsize;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ sdItem.maxFontsize = maxFontsize;
|
|
|
+ items.pyNumber.push(isHasPY);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ });
|
|
|
+ if (!this.curQue.Bookanswer) {
|
|
|
+ this.$set(
|
|
|
+ this.curQue,
|
|
|
+ "Bookanswer",
|
|
|
+ JSON.parse(JSON.stringify(Bookanswer))
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ let BookanswerStr = JSON.stringify(this.curQue.Bookanswer);
|
|
|
+ let errReg = /\[JUDGE##F##JUDGE\]/g;
|
|
|
+ if (errReg.test(BookanswerStr)) {
|
|
|
+ let errorArr = BookanswerStr.match(/\[JUDGE##F##JUDGE\]/g);
|
|
|
+ this.userErrorNumberTotal = errorArr.length;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$set(this.curQue.tableData, "body", option);
|
|
|
+ let contentWidth = 780;
|
|
|
+ if (this.curQue.img_list && this.curQue.img_list.length > 0) {
|
|
|
+ contentWidth = 780 - this.curQue.img_size;
|
|
|
+ }
|
|
|
+ if(itemLeg==1){
|
|
|
+ this.itemsWidth = 780
|
|
|
+ }else{
|
|
|
+ this.itemsWidth = Math.floor(contentWidth / itemLeg) - 16;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 把答错的挑出来
|
|
|
+ if (this.judgeAnswer == "standardAnswer") {
|
|
|
+ this.userErrorList = [];
|
|
|
+ this.userBookanswer = [];
|
|
|
+ this.curQue.tableData.body.forEach((item, index) => {
|
|
|
+ item.content.forEach((items, indexs) => {
|
|
|
+ if(items.mulText){
|
|
|
+ let flag = false;
|
|
|
+ // 句子填空
|
|
|
+ items.mulText.correct.complateArr.forEach((itemI, indexI) => {
|
|
|
+ if (
|
|
|
+ itemI &&
|
|
|
+ itemI !=
|
|
|
+ this.curQue.Bookanswer[index].content[indexs].completeInput[indexI]
|
|
|
+ ) {
|
|
|
+ flag = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (flag) {
|
|
|
+ this.userErrorList.push(items);
|
|
|
+ this.userBookanswer.push(this.curQue.Bookanswer[index][indexs]);
|
|
|
+ this.userError = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //词和标点合一起
|
|
|
+ mergeWordSymbol(sItem) {
|
|
|
+ if (this.chsFhList.indexOf(sItem.chs) > -1) {
|
|
|
+ sItem.isShow = false;
|
|
|
+ } else {
|
|
|
+ sItem.isShow = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -575,6 +821,43 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.stem-content {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.sent-main {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ box-sizing: border-box;
|
|
|
+ &-138 {
|
|
|
+ padding-right: 138px;
|
|
|
+ }
|
|
|
+ &-bottom {
|
|
|
+ margin-bottom: 9px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.sent-que-box {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 4px 0;
|
|
|
+}
|
|
|
+.sent-que {
|
|
|
+// font-size: 0;
|
|
|
+ &-flex {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: stretch;
|
|
|
+ }
|
|
|
+ .sentence-part {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .sddItem_img_list {
|
|
|
+ height: 32px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.header-separate {
|
natasha