| | |
| | | {{ item.answer }} |
| | | </span> |
| | | </div> |
| | | <div class="w100 fl"> |
| | | <ul class="fl ju-ar w100"> |
| | | <div class="w100 fl ju-cn"> |
| | | <ul class="fl ju-ev" style="width:80%"> |
| | | <li> |
| | | <button class="btn-border btn-w" @click="handlewarmUp"> |
| | | 提交 |
| | | </button> |
| | | <button class="btn-border btn-w" @click="handlewarmUp"> |
| | | 提交 |
| | | </button> |
| | | </li> |
| | | <li> |
| | | <button @click="recastwarmUp" class="btn-border btn-w"> |
| | | 重做 |
| | | </button> |
| | | <button @click="recastwarmUp" class="btn-border btn-w"> |
| | | 重做 |
| | | </button> |
| | | </li> |
| | | <li> |
| | | <button @click="viewwarmUp" class="parimary-btn"> |
| | | 查看答案 |
| | | </button> |
| | | <button @click="viewwarmUp" class="parimary-btn"> |
| | | 查看答案 |
| | | </button> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | {{index + 1}}.{{ item.answer }} |
| | | </span> |
| | | </div> |
| | | <div class="w100 fl"> |
| | | <ul class="fl ju-ar w100"> |
| | | <div class="w100 fl ju-cn"> |
| | | <ul class="fl ju-ev" style="width:80%"> |
| | | <li> |
| | | <button class="btn-border btn-w" @click="handleReadingOne"> |
| | | 提交 |
| | | </button> |
| | | <button class="btn-border btn-w" @click="handleReadingOne"> |
| | | 提交 |
| | | </button> |
| | | </li> |
| | | <li> |
| | | <button @click="recastReadingOne" class="btn-border btn-w"> |
| | | 重做 |
| | | </button> |
| | | <button @click="recastReadingOne" class="btn-border btn-w"> |
| | | 重做 |
| | | </button> |
| | | </li> |
| | | <li> |
| | | <button @click="viewReadingOne" class="parimary-btn"> |
| | | 查看答案 |
| | | </button> |
| | | <button @click="viewReadingOne" class="parimary-btn"> |
| | | 查看答案 |
| | | </button> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | <div class="w100 fl ju-cn"> |
| | | <ul class="fl ju-ev" style="width:80%"> |
| | | <li> |
| | | <button class="btn-border btn-w" @click="handleReadingOne"> |
| | | <button class="btn-border btn-w" @click="handleReadingTwo"> |
| | | 提交 |
| | | </button> |
| | | </li> |
| | |
| | | <p> |
| | | <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
| | | 1.What it is |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'What it is',0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | <p> |
| | | <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
| | | 2.Where Nadia got it |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'Where Nadia got it',1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | <p> |
| | | <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
| | | 3.How much it is |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'How much it is',2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | <p> |
| | | <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
| | | 4.What Nadia uses it for |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'What Nadia uses it for',3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | <p> |
| | | <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
| | | 5.When Nadia owned it |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'When Nadia owned it',4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | <p> |
| | | <input |
| | |
| | | :disabled="listenTwo[0].isComplete" |
| | | > |
| | | 6.Why it is important to Nadia |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,'Why it is important to Nadia',5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
| | | </p> |
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer"> |
| | | <span>答案:</span> |
| | |
| | | nine: "", |
| | | }, |
| | | }, |
| | | testData: { |
| | | check: [], |
| | | tx: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | in: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | line: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | ts: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | }, |
| | | gr: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | cm: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | }, |
| | | resource: { |
| | | listenOne: "", |
| | | readingOne: "", |
| | | readingTwo: "", |
| | | }, |
| | | dropDownList: [ |
| | | "robot floor cleaner", |
| | | "blood donation", |
| | | "community clean-ups", |
| | | "language service", |
| | | ], |
| | | dropdownData: { |
| | | one: { |
| | | value: "", |
| | |
| | | }; |
| | | }, |
| | | mounted() { |
| | | const testData = localStorage.getItem("english-testOne"); |
| | | if (testData) { |
| | | this.testData = JSON.parse(testData); |
| | | } |
| | | const bookQuestion = localStorage.getItem("english-book-question-one"); |
| | | if (bookQuestion) { |
| | | this.questionData = JSON.parse(bookQuestion); |
| | |
| | | saveWord(event, word) { |
| | | this.$emit("saveCharacters", event, word); |
| | | }, |
| | | setTestData() { |
| | | localStorage.setItem("english-testOne", JSON.stringify(this.testData)); |
| | | }, |
| | | changeTestData() { |
| | | localStorage.removeItem("english-testOne"); |
| | | this.testData = { |
| | | check: [], |
| | | tx: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | in: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | line: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | ts: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | }, |
| | | gr: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | cm: { |
| | | one: "", |
| | | two: "", |
| | | three: "", |
| | | four: "", |
| | | five: "", |
| | | }, |
| | | }; |
| | | }, |
| | | setBookQuestion() { |
| | | console.log("保存"); |
| | | localStorage.setItem( |
| | | "english-book-question-one", |
| | | JSON.stringify(this.questionData) |
| | | ); |
| | | }, |
| | | async getPath() { |
| | | this.resource.listenOne = await getResourcePath( |
| | | "422139A2EF66EA888C5ED1D550AE23E0" |
| | |
| | | } |
| | | setTimeout(() => { this.$emit("initViewer", "") }, 500) |
| | | }, |
| | | handleQuestion(type) { |
| | | if (type == "one") { |
| | | this.questionData.warnUp.one.value |
| | | ? (this.questionData.warnUp.one.isRight = |
| | | this.questionData.warnUp.one.value == "Chinese knot") |
| | | : (this.questionData.warnUp.one.isRight = null); |
| | | } else if (type == "two") { |
| | | this.questionData.warnUp.two.value |
| | | ? (this.questionData.warnUp.two.isRight = |
| | | this.questionData.warnUp.two.value == "Chinese medicine") |
| | | : (this.questionData.warnUp.two.isRight = null); |
| | | } else if (type == "three") { |
| | | this.questionData.warnUp.three.value |
| | | ? (this.questionData.warnUp.three.isRight = |
| | | this.questionData.warnUp.three.value == "Chinese calligraphy") |
| | | : (this.questionData.warnUp.three.isRight = null); |
| | | } else if (type == "four") { |
| | | this.questionData.warnUp.four.value |
| | | ? (this.questionData.warnUp.four.isRight = |
| | | this.questionData.warnUp.four.value == "Taichi") |
| | | : (this.questionData.warnUp.four.isRight = null); |
| | | } else if (type == "five") { |
| | | this.questionData.warnUp.five.value |
| | | ? (this.questionData.warnUp.five.isRight = |
| | | this.questionData.warnUp.five.value == "sweet dumpling") |
| | | : (this.questionData.warnUp.five.isRight = null); |
| | | } else if (type == "six") { |
| | | this.questionData.warnUp.six.value |
| | | ? (this.questionData.warnUp.six.isRight = |
| | | this.questionData.warnUp.six.value == "Chinese chess") |
| | | : (this.questionData.warnUp.six.isRight = null); |
| | | } |
| | | }, |
| | | handleDropdown(type) { |
| | | const dropdownDatas = this.dropdownData; |
| | | for (let key in dropdownDatas) { |
| | | const item = dropdownDatas[key]; |
| | | if (type == "judge") { |
| | | item.value == item.answer |
| | | ? (item.isRight = true) |
| | | : (item.isRight = false); |
| | | console.log(item.value, item.answer); |
| | | } |
| | | } |
| | | this.dropdownData = dropdownDatas; |
| | | }, |
| | | changeDropdown() { |
| | | localStorage.removeItem("english-dropdown-one"); |
| | | for (let key in this.dropdownData) { |
| | |
| | | item.value = ""; |
| | | item.isRight = null; |
| | | } |
| | | }, |
| | | setDropdownData() { |
| | | localStorage.setItem( |
| | | "english-dropdown-one", |
| | | JSON.stringify(this.dropdownData) |
| | | ); |
| | | }, |
| | | // 新增 |
| | | showNoSubmitAnswer(index,num) { |
| | |
| | | saveReadingTwo() { |
| | | localStorage.setItem('english-chapter04-readingTwo',JSON.stringify(this.readingTwo)) |
| | | }, |
| | | handleReadingOne() { |
| | | handleReadingTwo() { |
| | | for (let index = 0; index < this.readingTwo.length; index++) { |
| | | const item = this.readingTwo[index]; |
| | | item.isComplete = true |