src/App.vue
@@ -67,7 +67,7 @@ process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product" ? process.env.VUE_APP_BOOK_ID : "sportsAndHealth") : "english") ); // æµè¯è¯è¯»30页 // this.activeBook.tryPageCount = 10; src/books/English/assets/images/page47selectFour.png
@@ -768,6 +768,9 @@ .w80x { width: 80px !important; } .w70 { width: 70%; } .w50 { width: 50%; } src/books/English/view/components/chapter001.vue
@@ -1080,7 +1080,7 @@ people. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> @@ -1092,7 +1092,7 @@ greatly promoted the development of ancient Chinese civilization. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1103,7 +1103,7 @@ tea culture in depth. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1114,7 +1114,7 @@ Chinese medical science. </p> <p> <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border" <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> @@ -1142,7 +1142,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you try using sticks, you can enjoy the fun of having a @@ -1154,7 +1154,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you go to my Chinese New Year party, you will meet my @@ -1163,7 +1163,7 @@ <p>3.Drink some Longjing tea,and you will love it.</p> <p> <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If you drink some Longjing tea, you will love it. @@ -1174,7 +1174,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼If I go to Xiâan one day, I will visit the terracotta @@ -1186,7 +1186,7 @@ </p> <p> <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />. class="input-bottom-border w90" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼ If you ask foreigners about their favorite Chinese food, @@ -2756,7 +2756,7 @@ </p> </div> <p> 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2781,7 +2781,7 @@ </span> </p> <p> 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.two.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2807,7 +2807,7 @@ </p> <p> 3.China offers researchers world-class advanced research facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.three.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2833,7 +2833,7 @@ </p> <p> 4.These friends made Vanessa see China through the eyes of the locals. ( <select class="select-border" :disabled="testOneData.isComplete" locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -2858,7 +2858,7 @@ </span> </p> <p> 5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete" 5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> @@ -3030,137 +3030,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/1-2ãMODULE 1ï¼lesson twoï¼_17.jpg" /> </div> </div> </div> @@ -3581,7 +3531,7 @@ </div> <div class="right" style="width: 48%"> <p> <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" /> <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" /> Name of the event <span> <svg v-if=" @@ -3611,7 +3561,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" /> <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" /> Date and time <span> <svg v-if=" @@ -3641,7 +3591,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" /> <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" /> Location <span> <svg v-if=" @@ -3671,7 +3621,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" /> <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" /> Greetings <span> <svg v-if=" @@ -3701,7 +3651,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" /> <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" /> Warnings <span> <svg v-if=" @@ -3731,7 +3681,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" /> <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" /> Organizer <span> <svg v-if=" @@ -3761,7 +3711,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" /> <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" /> Signature <span> <svg v-if=" @@ -3792,7 +3742,7 @@ </p> <p> <input type="checkbox" name="ball" value="A short description of the event" id="8" v-model="check.value" /> v-model="check.value" @change="setCheck" /> A short description of the event <span> <svg v-if=" @@ -3822,7 +3772,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" /> <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" /> Contact information <span> <svg v-if=" @@ -3852,7 +3802,7 @@ </span> </p> <p> <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" /> <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" @change="setCheck" /> Pictures of the event <span> <svg v-if=" @@ -3884,7 +3834,7 @@ </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer"> çæ¡ï¼Name of the event,Date & time,Address,Organizer çæ¡ï¼1.Name of the event 2.Date & time 3.Address,Organizer </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> @@ -4154,137 +4104,77 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/1-3ãMODULE 1ï¼lesson threeï¼_15.jpg" /> </div> </div> </div> @@ -4844,6 +4734,11 @@ if (testTwoData) { this.testTwoData = JSON.parse(testTwoData); } const check = localStorage.getItem("english-lessonFour"); if (check) { this.check = JSON.parse(check); } this.getPath(); }, methods: { @@ -4921,6 +4816,7 @@ three:"", }, }; this.showQuestionAnswer = false }, changeTestOneData() { localStorage.removeItem("english-lessonTwo") src/books/English/view/components/chapter002.vue
@@ -65,14 +65,16 @@ <div class="fd-c w80"> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span class=""> <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -97,14 +99,16 @@ </div> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span> <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -141,14 +145,16 @@ <div class="fd-c w80"> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span class=""> <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -173,14 +179,16 @@ </div> <div class="h50"> <span class="mr-10"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item"> {{ item }} </option> </select> </span> <span> <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"> <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%" @change="setWarmUp"> <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item"> {{ item }} </option> @@ -331,90 +339,95 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td> <td class="bor-b-n"> <input type="radio" name="ball" value="A. I can understand my foreign colleagues because they are straightforward." id="1" v-model="testData.check" /> A. I can <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" /> A. I can understand my foreign colleagues because they are straightforward. <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ball" value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1" v-model="testData.check" /> B. My foreign <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" /> B. My foreign colleagues just nod and agree with me when we have a discussion. <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' "> </td> </tr> <!-- 第äºè¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td> <td class="bor-b-n"> <input type="radio" name="ballOne" value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1" v-model="testData.check" /> A. My foreign <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" /> A. My foreign boss closely oversees our work and criticizes us for our mistakes. <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballOne" value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1" v-model="testData.check" /> B. My foreign <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" /> B. My foreign boss is very hands-off and gives us a lot freedom to do things. <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'"> </td> </tr> <!-- 第ä¸è¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td> <td class="bor-b-n"> <input type="radio" name="ballTwo" value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1" v-model="testData.check" /> A. My Chinese <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" /> A. My Chinese colleagues always stay late in the ofice or bring work home. <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballTwo" value="B. My Chinese colleagues manage to get their work done during working hours." id="1" v-model="testData.check" /> B. My Chinese <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" /> B. My Chinese colleagues manage to get their work done during working hours. <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'"> </td> </tr> <!-- 第åè¡ --> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td> <td class="bor-b-n"> <input type="radio" name="ballThree" value="A. My Chinese colleagues deal with issues more objectively" id="1" v-model="testData.check" /> A. My Chinese <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" /> A. My Chinese colleagues deal with issues more objectively <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'"> </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> <input type="radio" name="ballThree" value="B. My Chinese colleagues are likely to take things personally" id="1" v-model="testData.check" /> B. My Chinese <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" /> B. My Chinese colleagues are likely to take things personally <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'"> </td> </tr> </table> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20"> {{ item.answer }} </span> </div> <!-- æ交æé® --> <div class="w100 fl"> <ul class="fl ju-ar w100"> <li> <button class="btn-border btn-w" @click="saveDataOne"> <button class="btn-border btn-w" @click="handleRadioOne"> æ交 </button> </li> <li> <button @click="changeQuestionDataOne" class="btn-border btn-w"> <button @click="changeRadioOne" class="btn-border btn-w"> éå </button> </li> <li> <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn"> <button @click="viewRadioOne" class="parimary-btn"> æ¥ççæ¡ </button> </li> @@ -1438,137 +1451,142 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_27.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/2-1ãMODULE 2ï¼lesson one ï¼_28.jpg" /> </div> </div> </div> @@ -1797,8 +1815,8 @@ </p> <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p> <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>For an <span class="word-bc" >individual</span> or a country,a period of 14 years is long enough to become calm,confident and @@ -1990,13 +2008,13 @@ <p>A.Read the passage and answer the following questions.</p> <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p> <p> <textarea v-model="questionData.reading.five" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <textarea v-model="questionData.reading.five" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <p>2.What made the Beijing 2022 Winter Olympics âexceptionalâ?</p> <p> <textarea v-model="questionData.reading.six" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <textarea v-model="questionData.reading.six" placeholder="请è¾å ¥å 容" rows="6" style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> </div> </div> @@ -2709,139 +2727,120 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/2-2ãMODULE 2ï¼lesson twoï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> @@ -2860,21 +2859,23 @@ </tr> <tr class="table-tr-bc"> <td>When is it?</td> <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td> <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td> </tr> <tr class="table-tr-bc"> <td>Why do we celebrate it?</td> <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" /> <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" /> Understanding the concept of culture. Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race, Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race, religion and other elements. Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture. .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td> style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture. .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td> </tr> </table> <!-- çæ¡ --> @@ -2884,7 +2885,7 @@ </p> <p><b>â ¡.Listen to the conversation and mark the activities when mentioned.</b></p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <p><input :disabled="check.isComplete" type="checkbox" name="ball" <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck" value="Lecture on Ancient Chinese History" id="1" v-model="check.value" /> Lecture on Ancient Chinese History <span> @@ -2914,7 +2915,7 @@ </svg> </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck" value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy & Painting Demonstration <span> @@ -2945,7 +2946,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3" v-model="check.value" />Traditional Chinese Music v-model="check.value" @change="setCheck" />Traditional Chinese Music <span> <svg v-if=" check.isComplete && @@ -2974,7 +2975,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4" v-model="check.value" />Sichuan Opera v-model="check.value" @change="setCheck" />Sichuan Opera <span> <svg v-if=" check.isComplete && @@ -3003,7 +3004,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5" v-model="check.value" />Chinese Cuisine v-model="check.value" @change="setCheck" />Chinese Cuisine <span> <svg v-if=" check.isComplete && @@ -3032,7 +3033,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6" v-model="check.value" />Tea Ceremony v-model="check.value" @change="setCheck" />Tea Ceremony <span> <svg v-if=" check.isComplete && @@ -3061,7 +3062,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7" v-model="check.value" />Tai Chi v-model="check.value" @change="setCheck" />Tai Chi <span> <svg v-if=" check.isComplete && @@ -3090,7 +3091,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine" id="8" v-model="check.value" />Traditional Chinese Medicine id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine <span> <svg v-if=" check.isComplete && @@ -3119,7 +3120,7 @@ </span> </p> <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9" v-model="check.value" />Traditional Chinese Crafts v-model="check.value" @change="setCheck" />Traditional Chinese Crafts <span> <svg v-if=" check.isComplete && @@ -3247,15 +3248,16 @@ Chinese in the brackets.</b></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" /> <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3264,8 +3266,8 @@ tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3281,15 +3283,16 @@ <p class="table-p">9:30a.m.-11:30a.m.</p> </td> <td> <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" /> <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3298,13 +3301,14 @@ tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> </span> </p> <p class="table-p">(ä¸å½ä¹¦æ³ç»ç»è¡)</p> <p class="table-p">(Chinese Snacks Provided)</p> </td> @@ -3314,15 +3318,16 @@ </tr> <tr class="table-tr-bc"> <td> <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" /> <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3331,13 +3336,14 @@ tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> </span> </p> <p class="table-p">(5æ16æ¥ææäº)</p> <p class="table-p">9:30a.m.-1l:30a.m.</p> </td> @@ -3359,14 +3365,14 @@ </td> <td> 4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" /> style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3375,8 +3381,8 @@ tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3391,15 +3397,16 @@ </td> <td> <p class="table-p">Workshop</p> <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" /> <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five" @change="setTableBlanksData" /> <span> <svg v-if=" tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3408,13 +3415,14 @@ tableBlanksData.isComplete && isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>(è¶é)</p> </span>(è¶é) </p> <p class="table-p">Tai Chi</p> <p class="table-p">Traditional Chinese CmAs</p> </td> @@ -3512,8 +3520,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3522,8 +3530,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3546,8 +3554,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3556,8 +3564,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3575,8 +3583,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3585,8 +3593,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3599,15 +3607,16 @@ </tr> <tr class="table-tr-bc"> <td>Friday</td> <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" /> <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" /> <span> <svg v-if=" tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3616,13 +3625,14 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>Buy souvenirs</td> </span>Buy souvenirs </td> <td> Panda Base 5. <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" @@ -3632,8 +3642,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3642,8 +3652,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3661,8 +3671,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> @@ -3671,8 +3681,8 @@ tableBlanksDataOne.isComplete && isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -3979,137 +3989,72 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/2-3ãMODULE 2ï¼lesson threeï¼_14.jpg" /> </div> </div> </div> @@ -4143,6 +4088,8 @@ }, data() { return { correctIcon: require('@/assets/images/correct.svg'), errorIcon: require('@/assets/images/error.svg'), imgThirteen: require("../../assets/images/grammar2-1.png"), imgThirteenOne: require("../../assets/images/grammar2-2.png"), showAnswerOne: false, @@ -4408,7 +4355,6 @@ value: [], }, testData: { check: [], tx: { one: "", two: "", @@ -4719,7 +4665,36 @@ six: "", answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"], }, }, radioOne: [ { type: 'radio', isComplete: false, isShowAnswer: false, value: [ { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, { answer: "b", userAnswer: "", isRight: null }, ] } ] }; }, mounted() { @@ -4768,6 +4743,7 @@ if (dropdownData) { this.dropdownData = JSON.parse(dropdownData); } this.getPath(); }, methods: { @@ -4934,7 +4910,6 @@ this.showAnswerTwelve = false }, setBookQuestion() { console.log("ä¿å"); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -5148,6 +5123,44 @@ } return flag; }, savaRadioOne() { localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne)); }, handleRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isShowAnswer = true item.isComplete = true for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if (citem.userAnswer != "") { citem.isRight = citem.answer == citem.userAnswer } else { citem.isRight = null } } this.savaRadioOne() } }, changeRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isComplete = false item.isShowAnswer = false for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.isRight = null citem.userAnswer = "" } } localStorage.removeItem("englis-chapter02-radioOne"); }, viewRadioOne() { for (let index = 0; index < this.radioOne.length; index++) { const item = this.radioOne[index]; item.isShowAnswer = !item.isShowAnswer } } }, }; </script> src/books/English/view/components/chapter003.vue
@@ -47,10 +47,16 @@ answer line under each picture.</b> </p> <div class="bk-wh"> <p> animal rescue and careãblood donationãcommunity clean-upsãlanguage service </p> <div style="display: flex"> <div class="left" style="width: 50%;"> <p class="tl-lf">animal rescue and care</p> <p class="tl-lf">community clean-ups</p> </div> <div class="right" style="width: 50%"> <p class="tl-lf">blood donation</p> <p class="tl-lf">language service</p> </div> </div> </div> <div class="openImgBox"> <div class="fl ju-bt"> @@ -61,7 +67,7 @@ </p> <p class="center"> 1. <select v-model="dropdownData.one.value"> <select class="w70 select-border" v-model="dropdownData.one.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -94,11 +100,12 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" /> <img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt="" class="w100" /> </p> <p class="center"> 2. <select v-model="dropdownData.two.value"> <select class="w70 select-border" v-model="dropdownData.two.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -133,11 +140,11 @@ <div class="left" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0049-4.jpg" alt="" class="w100" /> </p> <p class="center"> 3. <select v-model="dropdownData.three.value"> <select class="w70 select-border" v-model="dropdownData.three.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -170,11 +177,11 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" /> <img class="w100" src="../../assets/images/0049-5.jpg" alt="" /> </p> <p class="center"> 4. <select v-model="dropdownData.four.value"> <select class="w70 select-border" v-model="dropdownData.four.value"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} @@ -265,7 +272,8 @@ </div> <div class="right" style="width: 45%"> <p v-for="(item, index) in listenOne[0].option" :key="index"> ã<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" /> ã<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[0].value == item"> <svg v-if="listenOne[0].isRight" t="1716986419862" class="icon" @@ -286,7 +294,6 @@ </svg> </span> </p> </div> </div> <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer"> @@ -320,7 +327,8 @@ </div> <div class="right" style="width: 45%"> <p v-for="(item, index) in listenOne[1].option" :key="index"> ã<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" /> ã<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[1].value == item"> <svg v-if="listenOne[1].isRight" t="1716986419862" class="icon" @@ -352,7 +360,8 @@ </div> <div class="right" style="width: 50%"> <p v-for="(item, index) in listenOne[2].option" :key="index"> ã<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" /> ã<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" @change="saveListenOneData" /> {{ item }} <span class="icon-box" v-if="listenOne[2].value == item"> <svg v-if="listenOne[2].isRight" t="1716986419862" class="icon" @@ -654,16 +663,16 @@ </p> </div> <div style="display: flex"> <div class="left" style="width: 45%; text-wrap: nowrap"> <div class="left" style="width: 45%;"> <p>help out 帮å©è§£å³é¾é¢ï¼æåº</p> <p>stretch oneâs wings 大å±æ³è</p> <p>carry over ï¼å¨ä¸åæ åµä¸ï¼ 继ç»åå¨ï¼ä¿æä¸å»</p> </div> <div class="right" style="width: 55%"> <p>make a difference æå½±åï¼æå ³ç³»</p> <p>whatâs more èä¸ï¼æ¤å¤</p> </div> </div> <p class="table-p" style="text-indent: 2em;">carry over ï¼å¨ä¸åæ åµä¸ï¼ 继ç»åå¨ï¼ä¿æä¸å»</p> <p></p> <p><b>â .Reading comprehension.</b></p> <matching :rawData="rawData" :question="question"></matching> @@ -695,22 +704,22 @@ ã <p> <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> a.People are too busy to volunteer. </p> <p> <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> b.People canât find ways to volunteer. </p> <p> <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> c.There is no benefit in volunteering. </p> <p> <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" /> d.The volunteer work is too hard to do. </p> <p> @@ -736,22 +745,22 @@ </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> a.Volunteering is a win-win behavior for both parties. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> b.Small acts of helping others also matter. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> c.Those who volunteer enjoy a lower mortality rate. </p> <p> <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" /> d.Volunteering has nothing to do with oneâs mental health. </p> <p> @@ -776,17 +785,17 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> a.Providing one with a new career. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> b.Helping to arouse oneâs interests. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" <input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> c.Offering an opportunity to practice working skills. </p> @@ -813,8 +822,8 @@ <div class="padding-93"> <div class="bodystyle"> <p> <input type="radio" value="d" name="bothparties" v-model="wordsOne[0].value[2].userAnswer" /> <input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer" @change="savewordsOne" /> d.Bringing more comfort to those who are at work. </p> <p> @@ -839,23 +848,23 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> a.Making a plan before volunteering. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> b.Preparing a résumé in advance. </p> <p> <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> c.Taking a physical and mental health check. </p> <p> <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> <input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" /> d.Spending some time volunteering. </p> <p> @@ -880,23 +889,23 @@ </span> </p> <p> <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> a.Indifferent. </p> <p> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> b.Supportive. </p> <P> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> c.Opposed. </P> <P> <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" /> d.Unknown. </P> <p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer"> @@ -910,7 +919,7 @@ <p> There are e <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -933,7 +942,7 @@ community a better place,and it also helps you to connect to people and b<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -953,7 +962,7 @@ </svg> </span>your social skills.Second,volunteering helps to deal with stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -972,7 +981,7 @@ fill="#d81e06" p-id="25746"></path> </svg> </span>.Studies show that people who volunteer have a lower m<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -992,7 +1001,7 @@ at work.Fourth,when you are tied up with the daily routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" /> v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[1].value[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1011,7 +1020,7 @@ fill="#d81e06" p-id="25746"></path> </svg> </span>escape,where you can find your interests and p<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" /> style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" /> <span> <svg v-if=" wordsOne[1].value[5].isRight @@ -1046,7 +1055,7 @@ {{ index + 1 }}.{{ item.stem }} <textarea v-model="item.userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </p> <!-- ä¾å¥ --> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" @@ -1080,7 +1089,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" /> </p> <p> 2.Serving in the Beijing 2022 Winter Olympics was a meaningful and @@ -1088,7 +1097,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" /> </p> </div> </div> @@ -1118,7 +1127,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" /> </p> <p> 4.Volunteering in different programs helps him grow up to be a man @@ -1126,7 +1135,7 @@ </p> <p> <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border" style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" /> style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" /> </p> <!-- çæ¡ --> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" @@ -1158,7 +1167,7 @@ <p> 1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1182,7 +1191,7 @@ <p> 2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1205,7 +1214,7 @@ </p> <p> 3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" /> style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1229,7 +1238,7 @@ <p> 4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1253,7 +1262,7 @@ <p> 5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" /> v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" /> <span> <svg v-if="wordsOne[4].value[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" @@ -1290,7 +1299,7 @@ <p>å¿æ¿è æ£å¨è¾ 导å©å们åå课ã</p> <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="fieldset-2"> <p class="center"> @@ -1299,7 +1308,7 @@ <p>å¦ç们æ£å¨å¸®å¿ååæ´»ã</p> <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> </div> </div> @@ -1330,7 +1339,7 @@ <p>å¿æ¿è æ£å¨æ²æ»©ä¸æ¸ çåå¾ã</p> <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="fieldset-2"> <p class="center"> @@ -1339,7 +1348,7 @@ <p>å¿æ¿è æ£å¨è¿è¡è¡£ç©æèµ æ´»å¨ã</p> <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请è¾å ¥å 容" rows="6" :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> class="fz-16 fm-son" @change="savewordsOne"></textarea> </div> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="wordsOne[3].isShowAnswer"> @@ -1518,29 +1527,19 @@ <p class="dl-box"> <span class="word-bc mr-20 dl-span" > blood donation</span> <span class="word-bc mr-20 dl-span" >volunteer teacher</span> <span class="word-bc mr-20 dl-span" >community service</span> <span class="word-bc mr-20 dl-span">volunteer teacher</span> <span class="word-bc mr-20 dl-span">community service</span> <span class="word-bc mr-20 dl-span" >nursing home</span> <span class="word-bc mr-20 dl-span" >rewarding</span> <span class="word-bc mr-20 dl-span" >challenging</span> <span class="word-bc mr-20 dl-span" >demanding</span> <span class="word-bc mr-20 dl-span" >interesting</span> <span class="word-bc mr-20 dl-span" >overwhelming</span> <span class="word-bc mr-20 dl-span">rewarding</span> <span class="word-bc mr-20 dl-span">challenging</span> <span class="word-bc mr-20 dl-span">demanding</span> <span class="word-bc mr-20 dl-span">interesting</span> <span class="word-bc mr-20 dl-span">overwhelming</span> <span class="word-bc mr-20 dl-span" >moving</span> <span class="word-bc mr-20 dl-span" >merciful</span> <span class="word-bc mr-20 dl-span" >kind-hearted</span> <span class="word-bc mr-20 dl-span" >appreciate</span> <span class="word-bc mr-20 dl-span">merciful</span> <span class="word-bc mr-20 dl-span">kind-hearted</span> <span class="word-bc mr-20 dl-span">appreciate</span> <span class="word-bc mr-20 dl-span">cherish</span> <span class="word-bc mr-20 dl-span" >respect</span> </p> @@ -1551,137 +1550,147 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_27.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_28.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/3-1ãMODULE 3ï¼lesson one ï¼_29.jpg" /> </div> </div> </div> @@ -1701,6 +1710,14 @@ better place and making a difference in people's lives.Work with your partner to do research online and match the following organizations with their missions.</b> <span class="btn-box" @click="viewSelectData"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> </div> </div> @@ -1724,42 +1741,164 @@ <!-- å 容 --> <div class="padding-93"> <div class="bodystyle"> <p class="center"> <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /> <p class="tl-lf"> a. Its mission is to protect the lives and dignityof victims of armed conflict and violence and toprovide them with assistance. </p> <p class="tl-lf"> b. It saves wildlife and wilderness worldwidethrough science, conservation action, education,and inspires people to value nature. </p> <p class="tl-lf"> c.It is committed to helping young people andto improving the environment for their growth in China. </p> <p class="tl-lf"> d. It works in over 190 countries and territoriesto save children's lives, to defend their rights,and to help them fulfill their potential, fromearly childhood through adolescence. </p> <div class="openImgBox"> <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> <img style="margin-bottom: 1.5%" src="../../assets/images/page47selectOne.png" alt="" class="w100" /> </p> <p class="center"> 1. <select class="w45 select-border" v-model="selectData[0].value[0].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[0].isRight == true || selectData[0].value[0].isRight == false"> <img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/page47selectTwo.png" alt="" class="w100" /> </p> <p class="center"> 2. <select class="w45 select-border" v-model="selectData[0].value[1].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[1].isRight == true || selectData[0].value[1].isRight == false"> <img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> </div> <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> <img style="margin: 12.5% 0%" src="../../assets/images/page47selectThree.png" alt="" class="w100" /> </p> <p class="center"> 3. <select class="w45 select-border" v-model="selectData[0].value[2].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[2].isRight == true || selectData[0].value[2].isRight == false"> <img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/page47selectFour.png" alt="" class="w100" /> </p> <p class="center"> 4. <select class="w45 select-border" v-model="selectData[0].value[3].userAnswer" @change="handleSelectData"> <option v-for="(item, index) in selectData[0].option" :key="index" :value="item"> {{ item }} </option> </select> <span class="icon-box" v-if="selectData[0].value[3].isRight == true || selectData[0].value[3].isRight == false"> <img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon" alt=""> </span> </p> </div> </div> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer"> <span>çæ¡ï¼</span> <p v-for="(item, index) in selectData[0].value" :key="index" > {{ index + 1 }}.{{ item.answer }} </p> </div> <h3 id="c024"><span class="bjh3">Reading</span></h3> <p> 1.More and more organizations and individuals in China are working in public service.Can you name a few? <span class="btn-box" @click="showNoSubmitAnswer(3,0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer"> <span>çæ¡ï¼</span> <P v-for="(item,index) in noSubmitData[3].value[0].answer"> <P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index"> {{index + 1}}.{{item}} </p> </div> <p> 2.What changes do they bring to China? <span class="btn-box" @click="showNoSubmitAnswer(3,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> <span>çæ¡ï¼</span> <P v-for="(item,index) in noSubmitData[3].value[1].answer"> <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index"> {{index + 1}}.{{item}} </p> </div> @@ -2565,137 +2704,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/3-2ãMODULE 3ï¼lesson two ï¼_18.jpg" /> </div> </div> </div> @@ -3419,24 +3513,24 @@ <div class="fl wh-no w100"> <span>University/College:</span> <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" v-model="practicalWriting[1].value[9].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree"> </div> <div> <div>Other qualifcations, short courses and training</div> <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea> v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea> </div> <div class="fl wh-no w100"> <span>Language level:</span> <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" v-model="practicalWriting[1].value[11].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree"> </div> <div> <div>Volunteering experience</div> <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea> v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer"> @@ -3605,139 +3699,75 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/3-3ãMODULE 3ï¼lesson three ï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> @@ -3769,6 +3799,8 @@ }, data() { return { correctIcon: require('@/assets/images/correct.svg'), errorIcon: require('@/assets/images/error.svg'), imgThirteen: require("../../assets/images/grammar3-1.png"), imgThirteenOne: require("../../assets/images/grammar3-1.png"), showAnswerOne: false, @@ -5147,6 +5179,47 @@ ] }, ], selectData: [ { type: 'select', isComplete: false, isShowAnswer: false, option: [ "a", "b", "c", "d", ], value: [ { userAnswer: "", answer: "b", isRight: null }, { userAnswer: "", answer: "d", isRight: null }, { userAnswer: "", answer: "a", isRight: null }, { userAnswer: "", answer: "c", isRight: null }, ] } ] }; }, mounted() { @@ -5173,6 +5246,8 @@ if (listenThree) this.listenThree = JSON.parse(listenThree) const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting') if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) const selectData = localStorage.getItem('english-chapter03-selectData') if (selectData) this.selectData = JSON.parse(selectData) this.getPath(); @@ -5391,6 +5466,7 @@ item.value = '' item.isRight = null item.isComplete = false item.isShowAnswer = false } }, // åªéè¦ä¿åçé¢ç®æ°æ® @@ -5425,7 +5501,7 @@ viewwordsOne() { for (let index = 0; index < this.wordsOne.length; index++) { const item = this.wordsOne[index]; item.isShowAnswer = true item.isShowAnswer = !item.isShowAnswer } }, handelwordsOne() { @@ -5438,6 +5514,7 @@ citem.isRight = citem.userAnswer == citem.answer } } this.savewordsOne(); }, saveminiTable() { console.log(1); @@ -5585,6 +5662,32 @@ showNoSubmitAnswer(index,num) { this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer) }, saveSelectData() { localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData)) }, handleSelectData() { for (let index = 0; index < this.selectData.length; index++) { const item = this.selectData[index]; item.isComplete = true if (item.type == 'select') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if (citem.userAnswer == "") { return } else { citem.isRight = citem.userAnswer == citem.answer this.saveSelectData() } } } } }, viewSelectData() { for (let index = 0; index < this.selectData.length; index++) { const item = this.selectData[index]; item.isShowAnswer = !item.isShowAnswer } }, }, }; </script> src/books/English/view/components/chapter004.vue
@@ -47,8 +47,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p> <p class="center">1. <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -61,8 +61,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p> <p class="center">2. <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -75,8 +75,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p> <p class="center">3. <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -89,8 +89,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p> <p class="center">4. <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -103,8 +103,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p> <p class="center">5. <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -117,8 +117,8 @@ <li> <p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p> <p class="center">6. <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp" :disabled="warmUp[0].isComplete"> <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> {{ item }} </option> @@ -129,8 +129,7 @@ </p> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[0].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -142,7 +141,9 @@ <tr> <td>1. It takes pictures of the world from the sky.</td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt=""> </span> @@ -151,7 +152,9 @@ <tr> <td>2. It allows us to open the door with fingertips.</td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <img :src="warmUp[1].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> @@ -160,25 +163,33 @@ <tr> <td>3. It cleans the foor of your room.</td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <img :src="warmUp[1].value[2].isRight ? correctIcon : errorIcon" alt=""> </span> </td> </tr> <tr> <td>4. It allows you to experience amazing places of the world without leaving home.</td> <td>4. It allows you to experience amazing places of the world without leaving home. </td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <img :src="warmUp[1].value[3].isRight ? correctIcon : errorIcon" alt=""> </span> </td> </tr> <tr> <td>5. It works as your personal transporter, and takes you from one place to another.</td> <td>5. It works as your personal transporter, and takes you from one place to another. </td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <img :src="warmUp[1].value[4].isRight ? correctIcon : errorIcon" alt=""> </span> @@ -187,20 +198,22 @@ <tr> <td>6. It can not only tell time but also keep track of your ftness.</td> <td> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> <span class="icon-box" v-if="warmUp[1].isComplete"> <svg v-if="warmUp[1].value[5].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="warmUp[1].value[5].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <svg v-if="warmUp[1].value[5].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> @@ -209,8 +222,7 @@ </td> </tr> </table> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[1].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[1].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20"> {{ item.answer }} @@ -268,19 +280,22 @@ </p> <matching :rawData="rawData" :question="question"></matching> <h3 id="c030"><span class="bjh3">Reading</span></h3> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p> 1.Technology is all around us.What images spring to your mind when you hear the word ârobotâ? 1.Technology is all around us.What images spring to your mind when you hear the word ârobotâ? <span class="btn-box" @click="showNoSubmitAnswer(0,0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer"> <span>çæ¡:</span> <p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index"> @@ -290,14 +305,16 @@ <p> 2.How can robots help humans today in daily life and work? <span class="btn-box" @click="showNoSubmitAnswer(0,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer"> <span>çæ¡:</span> <p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index"> @@ -402,8 +419,7 @@ <span class="line-border-box"></span> </p> <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> class="audio"></audio> <p>creature /ËkriËtÊÉ(r)/ <i>n.</i> çç©ï¼ï¼å°¤æï¼ å¨ç©</p> <div class="bkbj"> <p><i>a living thing that can move around,such as an animal</i></p> @@ -505,18 +521,23 @@ <p>A.Read the passage and complete the summary.</p> <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make peopleâs lives 1. <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <span class="icon-box" v-if="readingOne[0].isComplete"> <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" alt=""> </span> .Sometimes,machines can perform better than humans.There are four examples of the latest robots.Octobot is designed to study 2. <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <span class="icon-box" v-if="readingOne[0].isComplete"> <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> ,which can blend in with its underwater surroundings.Spot is a mechanical dog which may</p> with its underwater surroundings.Spot is a mechanical dog which may </p> </div> </div> <div class="preface-bottom"> @@ -540,24 +561,30 @@ <div class="padding-93"> <div class="bodystyle"> <p> be used for 3. <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <span class="icon-box" v-if="readingOne[0].isComplete"> <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" alt=""> </span> missions.Mingo could be found in hotels making 4. <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <span class="icon-box" v-if="readingOne[0].isComplete"> <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" alt=""> </span> .A humanoid robot Pepper has been created to communicate with humans and react to 5. <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <span class="icon-box" v-if="readingOne[0].isComplete"> <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" alt=""> </span> .</p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> . </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -573,27 +600,34 @@ </li> --> <li> <span>Pepper</span> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown> <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown> <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> </li> <li> <span>Spot</span> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown> <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown> <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> </li> <li> <span>Mingo</span> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown> <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown> <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> </li> <li> <span>Octobot</span> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown> <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown> <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[1].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[1].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[1].value" :key="index" class="mr-20"> {{index + 1}}.{{ arrayToString(item.answer) }} @@ -613,55 +647,96 @@ <p>facilityãmissionãmechanicalãhabitatãcreatureãreact</p> </div> <p>1.This jellyfish looks like a <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> from outer space.</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> from outer space. </p> <p>2.The giant panda <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> is commonly known as a bamboo forest.</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> is commonly known as a bamboo forest. </p> <p>3.China launched its first manned space <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> in 2003.</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> in 2003. </p> <p>4.E-Theatre is equipped with state-of-the-art audio and video <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> .</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> . </p> <p>5.Research shows that video games can help us think and <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> faster.</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> faster. </p> <p>6.Our company has over 10 years of experience in the field of <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> engineering.</p> <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> engineering. </p> <p>B.Choose the correct preposition or adverb.</p> <p>1.I have not yet seen the machines <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>in / into</i>) action.</p> <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>in / into</i>) action. </p> <p>2.Technology is <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>off / on</i>) the rise more than ever before.</p> <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>off / on</i>) the rise more than ever before. </p> <p>3.The secretary is not willing to take <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>up / on</i>) any extra work. </p> <p>4.Employees are not allowed to smoke while <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>on / in</i>) the job.</p> <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>on / in</i>) the job. </p> <p>5.I donât know how to cheer him <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> (<i>up / on</i>) when he found the project was a total failure. </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -669,10 +744,13 @@ </div> <p>C.Translate the following sentences into Chinese.</p> <p>1.While riding your scooter,you should keep your body in balance. <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> </p> <p> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </p> </div> </div> @@ -698,26 +776,34 @@ <div class="bodystyle"> <p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a central store. <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> </p> <p> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </p> <p>3.Not only does our team have professional equipment,but they also have a great amount of rescue experience. <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> </p> <p> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </p> <p>4.Food processors are great tools for blending vegetables and fruits. <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> </p> <p> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[4].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[4].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[4].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -738,63 +824,74 @@ <img class="w100" :src="imgThirteen" /> </div> <p>A.Write the comparative form for each word below.</p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14"> <tr class="table-tr-bc"> <td class="tl-lf" style="width: 33%;"> l. often â <input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[0].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf" style="width: 33%;">2. go0d â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <td class="tl-lf" style="width: 33%;">2. go0d â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[1].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf" style="width: 33%;">3. bad â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <td class="tl-lf" style="width: 33%;">3. bad â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[2].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> </tr> <tr class="table-tr-bc "> <td class="tl-lf">4. early â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[3].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">5. heavy â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[4].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">6. late â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[5].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf">7. dangerous â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[6].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">8. thin â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[7].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">9. far â<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[8].userAnswer" @change="saveReadingOne" /> <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> </td> </tr> </table> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20"> {{index + 1}}.{{ arrayToString(item.answer) }} @@ -802,40 +899,70 @@ </div> <p>B.Fill in the blanks with the correct comparatives from the above.</p> <p>1.The new car model may be launched <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than expected.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than expected. </p> <p>2.The higher we go above the earth,the <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> the air is.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> the air is. </p> <p>3.What you plant now,you will harvest <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> .</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> . </p> <p>4.People come online <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> with smartphones than with any other device.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> with smartphones than with any other device. </p> <p>5.The big ball is <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than the small ball.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than the small ball. </p> <p>6.In fact,the summer heat is <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than lightning.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> than lightning. </p> <p>7.Our mission is to create a/an <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> everyday life for the many people.</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> everyday life for the many people. </p> <p>8.I wanted to discuss it <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> ,but we didnât have time. </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[6].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[6].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[6].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -949,20 +1076,16 @@ <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" >physical</span> <span class="word-bc mr-20 dl-span">physical</span> <span class="word-bc mr-20 dl-span" >complex</span> <span class="word-bc mr-20 dl-span" >social</span> <span class="word-bc mr-20 dl-span" >relationship</span> <span class="word-bc mr-20 dl-span">relationship</span> <span class="word-bc mr-20 dl-span" >feeling</span> <span class="word-bc mr-20 dl-span" >emotion</span> <span class="word-bc mr-20 dl-span" >empathy</span> <span class="word-bc mr-20 dl-span" >thought</span> <span class="word-bc mr-20 dl-span" >tireless</span> <span class="word-bc mr-20 dl-span" >creative</span> <span class="word-bc mr-20 dl-span">tireless</span> <span class="word-bc mr-20 dl-span">creative</span> </p> <p>ããããããããã </p> @@ -973,137 +1096,117 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/4-1ãMODULE 4ï¼lesson oneï¼_23.jpg" /> </div> </div> </div> @@ -1124,17 +1227,14 @@ <li v-for="(item,index) in noSubmitData[2].value.slice(0,2)" :key="index"> <p> {{index + 1}}.{{item.stem}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> </p> <p v-for="(citem,cindex) in item.option" :key="cindex"> <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData" > <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData"> {{citem}} </p> </li> @@ -1167,11 +1267,14 @@ <li v-for="(item,index) in noSubmitData[2].value.slice(2,5)" :key="index"> <p> {{index + 3}}.{{item.stem}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> </p> <p v-for="(citem,cindex) in item.option" :key="cindex"> <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData"> <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData"> {{citem}} </p> </li> @@ -1181,31 +1284,36 @@ <p><i>Most students seem</i>â¦</p> <p><i>It appears that most students</i>â¦</p> <p><i>What surprised me is that</i>â¦</p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> <h3 id="c033"><span class="bjh3">Reading</span></h3> <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence? <span class="btn-box" @click="showNoSubmitAnswer(3,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> <span>çæ¡ï¼{{noSubmitData[3].value[1].answer}}</span> </div> <p>2.What is your dream about space exploration? <span class="btn-box" @click="showNoSubmitAnswer(3,2)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[2].isShowAnswer"> <span>çæ¡:</span> <p v-for="(item,index) in noSubmitData[3].value[2].answer" :key="index"> @@ -1214,8 +1322,9 @@ </div> <p class="center"><b>Fresh Face of Science</b></p> <p class="center"> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio></p> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> </p> <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p> <p>According to Zhao Hongzhou,founder of Chinaâs <span class="word-bc" >scientometrics</span> @@ -1308,8 +1417,8 @@ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p>scientometrics /ËsaɪÉntÉÊËmetrɪks/ <i>n.</i> ç§å¦è®¡éå¦</p> <div class="bkbj"> <p><i>the science of measuring and analyzing science</i></p> @@ -1451,52 +1560,62 @@ <td style="width: 65%;"> <p class="table-p"> The engineering and operation team has an average age of 1. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> while the on-site team has an average age of 2. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> </p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Achievements</td> <td style="width: 65%;"> <p class="table-p">The team built the worldâs largest radio telescope, which has been quite helpful in the discovery of around 3. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <p class="table-p">The team built the worldâs largest radio telescope, which has been quite helpful in the discovery of around 3. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> pulsars, since becoming operational in September 4. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> </p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Contributions ofTeam Members</td> <td style="width: 65%;"> <p class="table-p">A researcher behind FASTâs feed cabin, was responsible for creating the âpupilâ of the âSky Eyeâ. She joined the team at the age of 5. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <p class="table-p">A researcher behind FASTâs feed cabin, was responsible for creating the âpupilâ of the âSky Eyeâ. She joined the team at the age of 5. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> Sun Jinghai A 6. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> ________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> ________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7. <input :disabled="readingTwo[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" /> <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> years on FAST. </p> </td> @@ -1513,8 +1632,7 @@ <p v-for="(item,index) in readingTwo[1].value" :key="index"> ( <select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo"> <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem"> <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem"> {{ citem }} </option> </select> @@ -1553,9 +1671,8 @@ <p><b>â ¡.Language focus.</b></p> <p v-for="(item,index) in readingTwo[2].value" :key="index"> {{index + 1}}.{{item.stemOne}} <input :disabled="readingTwo[2].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> <input :disabled="readingTwo[2].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> {{item.stemTwo}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> </p> @@ -1571,9 +1688,8 @@ </div> <p v-for="(item,index) in readingTwo[3].value" :key="'list' + index"> {{index + 1}}.{{item.stemOne}} <input :disabled="readingTwo[3].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> <input :disabled="readingTwo[3].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> {{item.stemTwo}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> </p> @@ -1600,9 +1716,8 @@ <p>Complete the sentences with the superlative form of the words in the brackets.</p> <p v-for="(item,index) in readingTwo[4].value" :key="'hold' + index"> {{index + 1}}.{{item.stemOne}} <input :disabled="readingTwo[4].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> <input :disabled="readingTwo[4].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> {{item.stemTwo}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> </p> @@ -1726,137 +1841,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/4-2ãMODULE 4ï¼lesson twoï¼_18.jpg" /> </div> </div> </div> @@ -1878,24 +1948,32 @@ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p> <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 1.What it is <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],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"> <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 2.Where Nadia got it <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],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"> <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 3.How much it is <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],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"> <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 4.What Nadia uses it for <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],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> @@ -1920,20 +1998,18 @@ <div class="padding-93"> <div class="bodystyle"> <p> <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 5.When Nadia owned it <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],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 type="checkbox" value="Why it is important to Nadia" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" > <input type="checkbox" value="Why it is important to Nadia" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 6.Why it is important to Nadia <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],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> @@ -1962,18 +2038,20 @@ </p> <p class="table-p"> It wakes me up 1. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> in the morning. </p> <p class="table-p"> It plays my 2. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> music. </p> <p class="table-p"> @@ -1988,19 +2066,21 @@ <td class="tl-lf"> <p class="table-p"> It 3. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> suggests things that I want. </p> <p class="table-p"> It makes shopping a 4. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> experience. </p> </td> @@ -2015,19 +2095,21 @@ </p> <p class="table-p"> They're so 5. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> for foreign language learning. </p> <p class="table-p"> I can figure out words or the meaning of words 6. <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="listenTwo[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" /> <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> </p> </td> </tr> @@ -2063,27 +2145,31 @@ <p>Work with your partner to discuss the following questions.</p> <p>1.What is a sales letter like? <span class="btn-box" @click="showNoSubmitAnswer(5,0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer"> <span>çæ¡ï¼{{noSubmitData[5].value[0].answer}}</span> </div> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <p>2.What are the purposes of a sales letter? <span class="btn-box" @click="showNoSubmitAnswer(5,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[1].isShowAnswer"> <span>çæ¡ï¼{{noSubmitData[5].value[1].answer}}</span> </div> @@ -2136,33 +2222,41 @@ <p class="left">Gardening can be back-breaking work when you are not using the right tools. Almost 90% of homeowners injure their backs just by simply raking (è) the leaves in their back yards. If you are like them and 1. <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> a sore back after gardening, then you need to use our new easy rake leaf blower.</p> you need to use our new easy rake leaf blower. </p> <p class="left">What is the 2. <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> raking and blowing leaves:</p> <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> raking and blowing leaves: </p> <p class="left">ããâNo bending over, so less back pain</p> <p class="left">ããâ3. <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> and your arms do not ache</p> <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> and your arms do not ache </p> <p class="left">ããâPowerful motor blows leaves right where you want them</p> <p class="left">ããâDurable and easy to store in your garage</p> <p class="left">ããâ4. <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> 20% discount with every purchase</p> <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> 20% discount with every purchase </p> </div> </div> </div> @@ -2188,10 +2282,11 @@ <div class="bodystyle"> <div class="fieldset-3"> <p class="left">To 5. <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" <input :disabled="practicalWriting[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> this offer, just come into our store on the corner of Main and Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you. </p> @@ -2207,40 +2302,51 @@ </div> <p><b>â ¢.Translate the Chinese in the brackets into English to complete the sentences.</b></p> <p class="tl-left">1.Are you having trouble cleaning your house? <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (æ们æ解å³æ¹æ¡).</p> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (æ们æ解å³æ¹æ¡). </p> <p class="tl-left">2. <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (æ们ååæ¨åºä¸æ¬¾æ°äº§å) âmodern sweeper XSweep.</p> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (æ们ååæ¨åºä¸æ¬¾æ°äº§å) âmodern sweeper XSweep. </p> <p class="tl-left">3.With XSweep,you can do it straight from the ground and <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å®çé¿åº¦å¯è¾¾4è±å°º).</p> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å®çé¿åº¦å¯è¾¾4è±å°º). </p> <p class="tl-left">4.How much will this cost you? <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å«è¿è´¹åªè¦19.99ç¾å ).</p> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å«è¿è´¹åªè¦19.99ç¾å ). </p> <p class="tl-left">5. <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å¦ææ¨æå ´è¶£ææ³äºè§£æ´å¤ä¿¡æ¯),you can call us directly at 493-201-2018.</p> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (å¦ææ¨æå ´è¶£ææ³äºè§£æ´å¤ä¿¡æ¯),you can call us directly at 493-201-2018. </p> <p class="tl-left">6. <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> <input :disabled="practicalWriting[1].isComplete" type="text" class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" /> <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> (欢è¿æ¨æ¥è¯ç¨æ们çæ°äº§å) and we assure you that you will love it. </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer"> @@ -2260,7 +2366,9 @@ <p class="left"><br /></p> <p class="left">Dear Mr. Wang,</p> <p class="left"> <textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea> <textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea> </p> </div> </div> @@ -2364,7 +2472,9 @@ <p><br /></p> <p class="left">Dear Mr. Allen,</p> <p class="left"> <textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> </p> <p class="left">Sincerely,</p> <p class="left">Lin Yi</p> @@ -2391,137 +2501,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/4-3ãMODULE 4ï¼lesson threeï¼_17.jpg" /> </div> </div> </div> @@ -3327,27 +3387,32 @@ { stem:'According to Zhao Hongzhouâs analysis,scientists usually make their greatest achievements before the age of 45.', answer:'F', userAnswer:'' userAnswer: '', isRight: null }, { stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.', answer:'F', userAnswer:'' userAnswer: '', isRight: null }, { stem:'Yao Rui is lucky to associate her personal interests with the development of the country.', answer:'T', userAnswer:'' userAnswer: '', isRight: null }, { stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.', answer:'F', userAnswer:'' userAnswer: '', isRight: null }, { stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.', answer:'T', userAnswer:'' userAnswer: '', isRight: null }, ] }, @@ -3360,30 +3425,35 @@ stemOne:'The o', stemTwo:'of life is one of the great mysteries in the universe.', answer:'rigin', isRight: null, userAnswer:'' }, { stemOne:'The most c', stemTwo:'science is biology followed by chemistry and next is physics.', answer:'omplex', isRight: null, userAnswer:'' }, { stemOne:'Years of doing scientific research had made her very p', stemTwo:'in her working methods.', answer:'recise', isRight: null, userAnswer:'' }, { stemOne:'The competition is designed to inspire and r', stemTwo:'the next generation of scientific leaders.', answer:'eward', isRight: null, userAnswer:'' }, { stemOne:'Learning how to o', stemTwo:'challenges is a necessary life skill on the road to success.', answer:'vercome', isRight: null, userAnswer:'' }, ] @@ -3397,30 +3467,35 @@ stemOne:'If we are nice to others,we expect that they will be nice to us', stemTwo:'.', answer:'in return', isRight: null, userAnswer:'' }, { stemOne:'We will always remember Yuan Longping who', stemTwo:'Chinaâs food security.', answer:'contributes to', isRight: null, userAnswer:'' }, { stemOne:'The service of food delivery robot is still not satisfactory,but the company say theyâre', stemTwo:'it.', answer:'working on', isRight: null, userAnswer:'' }, { stemOne:'All drivers', stemTwo:'their vehiclesâeven when itâs a self-driving car accident.', answer:'responsible for', isRight: null, userAnswer:'' }, { stemOne:'Studies show how customers can', stemTwo:'innovation development by giving feedback.', answer:'be involved in', isRight: null, userAnswer:'' }, ] @@ -3434,48 +3509,56 @@ stemOne:'He is probably the ', stemTwo:'(creative) designer in our company.', answer:'most creative', isRight: null, userAnswer:'' }, { stemOne:'This automated store offers the', stemTwo:'(wide) variety of products.', answer:'widest', isRight: null, userAnswer:'' }, { stemOne:'His ankles hurt badly,but his knees hurt', stemTwo:'(badly).', answer:'worst', isRight: null, userAnswer:'' }, { stemOne:'Penicillin is one of the', stemTwo:'(big) scientific discoveries of all time.', answer:'biggest', isRight: null, userAnswer:'' }, { stemOne:'You can contact me', stemTwo:'(easily) by email.Hereâs my address.', answer:'most easily', isRight: null, userAnswer:'' }, { stemOne:'The light bulb is one of the', stemTwo:'(helpful) inventions.', answer:'most helpful', isRight: null, userAnswer:'' }, { stemOne:'In our office,Zhang Ming works by far the', stemTwo:'(hard).', answer:'hardest', isRight: null, userAnswer:'' }, { stemOne:'As I live', stemTwo:'(near) to the station,Iâll go and buy the train tickets for us.', answer:'nearest', isRight:null, userAnswer:'' }, ] @@ -3631,8 +3714,13 @@ if(readingOne) this.readingOne = JSON.parse(readingOne) const readingTwo = localStorage.getItem('english-chapter04-readingTwo') if(readingTwo) this.readingTwo = JSON.parse(readingTwo) const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting') if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) this.getPath(); const listenTwo = localStorage.getItem('english-chapter04-listenTwo') if (listenTwo) this.listenTwo = JSON.parse(listenTwo) this.getPath(); }, methods: { @@ -3813,29 +3901,31 @@ item.isComplete = true item.isShowAnswer = true for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[index]; const citem = item.value[cindex]; citem.isRight = citem.answer == citem.userAnswer } } this.saveReadingTwo() console.log(this.readingTwo); }, recastReadingTwo() { localStorage.removeItem('english-chapter04-readingTwo') for (let index = 0; index < this.readingTwo.length; index++) { const item = this.readingTwo[index]; item.isComplete = false item.isShowAnswer = false for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[index]; citem.isRight = null const citem = item.value[cindex]; citem.isRight = null, citem.userAnswer = '' } } localStorage.removeItem('english-chapter04-readingTwo') }, viewReadingTwo() { for (let index = 0; index < this.readingTwo.length; index++) { const item = this.readingTwo[index]; item.isShowAnswer = true item.isShowAnswer = !item.isShowAnswer } }, savelistenTwo() { @@ -3867,8 +3957,13 @@ citem.isRight = null citem.userAnswer = '' } } else { for (let cindex = 0; cindex < item.value.length; cindex++) { const ditem = item.value[cindex]; ditem.userAnswer = [] } } } localStorage.removeItem('english-chapter04-listenTwo') }, @@ -3913,7 +4008,7 @@ viewPracticalWriting() { for (let index = 0; index < this.practicalWriting.length; index++) { const item = this.practicalWriting[index]; item.isShowAnswer = false item.isShowAnswer = !item.isShowAnswer } } }, @@ -3994,6 +4089,7 @@ right: 0; background-color: red; } .dropdown-box-one { li { @@ -4003,13 +4099,16 @@ justify-content: flex-end; } } .choice-select { display: flex; flex-wrap: wrap; justify-content: space-between; li { display: flex; margin-top: 5px; span { margin-right: 4px; } src/books/English/view/components/chapter005.vue
@@ -678,10 +678,10 @@ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p> <p>3.Who should lead the campaign against plastic pollution?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReading"> <p class="table-p tl-lf">çæ¡</p> @@ -1506,137 +1506,112 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/5-1ãMODULE 5ï¼lesson oneï¼_22.jpg" /> </div> </div> </div> @@ -1684,7 +1659,7 @@ <p> <span v-for="(citem, cindex) in choiceData[0].option " :key="cindex"> <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer" /> v-model="item.userAnswer" @change="saveChoiceData" /> {{ citem.value }}.{{ citem.label }} </span> </p> @@ -1844,8 +1819,8 @@ <span class="word-bc" >vegans</span> .It turns out that <span class="word-bc" >eliminat</span> ing meat from your diet can reduce your carbon <span class="word-bc">eliminating</span> meat from your diet can reduce your carbon <span class="word-bc">emissions</span> by half.A vegan diet was connected with the least amount of greenhouse gas emissionsâ99 percent to 102 percent @@ -2170,6 +2145,13 @@ </p> </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.Driving to work in cars 2.Eating much meat 3.Eating imported fruits </p> <p>B.Decide whether the following statements are true (T) or false (F).</p> <p>(<select class="select-border" :disabled="questionDataTwo.isComplete" v-model="questionDataTwo.dt.one.value" style="width: 8%"> @@ -2285,6 +2267,10 @@ fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.F 2.T 3.F 4.F 5.T </p> <p><b>â ¡.Language focus.</b></p> <p>A.Replace the words or expression,in italics with the exact words in the passage and change @@ -2420,6 +2406,10 @@ </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.crisp 2.survive 3.eliminate 4.Emission 5.figured </p> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>carbon footprintãbig timeãturn outãreflect onãreach for</p> @@ -2554,6 +2544,10 @@ </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.reflect on 2.big time 3.reached for 4.carbon footprint 5.turns out </p> </div> </div> <div class="preface-bottom"> @@ -2611,6 +2605,13 @@ <p>She switched off all the lights after each class.</p> <p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReadingOne"> çæ¡ï¼ 1.We work hard to make a better life. 2.Iâm sorry to send the urgent email to a wrong person. 3.I was shocked to hear the news that temperatures at North Pole were more than 50°F warmer than average. 4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. 5.It was environmentally conscious of Miss Li to switch off all the lights after each class. </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -2624,7 +2625,7 @@ </button> </li> <li> <button class="parimary-btn"> <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn"> æ¥ççæ¡ </button> </li> @@ -2779,137 +2780,107 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/5-2ãMODULE 5ï¼lesson twoï¼_21.jpg" /> </div> </div> </div> @@ -2971,7 +2942,7 @@ <td> I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.one" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -2995,7 +2966,7 @@ </svg> </span>ï¼bugs and 2.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.two" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3030,7 +3001,7 @@ They changed wolves into dogs, rivers into lakes, and us into 3.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.three" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3055,7 +3026,7 @@ </span> They started using the 4.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.four" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3090,7 +3061,7 @@ I don't know, If they don't figure put that they're part of 5.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" /> v-model="questionDataThree.eo.five" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3131,7 +3102,7 @@ <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.one.value"> v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3162,7 +3133,7 @@ <p class="table-p center">Amy</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.two.value"> v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3193,7 +3164,7 @@ <p class="table-p center">Tim</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.three.value"> v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3224,7 +3195,7 @@ <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" v-model="questionDataThree.tp.four.value"> v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3833,137 +3804,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/5-3ãMODULE 5ï¼lesson threeï¼_17.jpg" /> </div> </div> </div> @@ -4008,7 +3929,7 @@ </div> </div> </div> <div class="preface-bottom"> <div class="preface-bottom" style="margin-top: 60%"> <span class="contet-num-box">96</span> </div> </div> @@ -4043,6 +3964,7 @@ showAnswerEleven: false, showAnswerTwelve: false, showAnswerReading: false, showAnswerReadingOne: false, showImg: false, showImgOne: false, showQuestionAnswer: false, @@ -4712,6 +4634,11 @@ this.questionDataFour = JSON.parse(questionDataFour); } const choiceData = localStorage.getItem('english-chapter05-choiceData') if (choiceData) { this.choiceData = JSON.parse(choiceData); } this.getPath(); }, methods: { @@ -4719,7 +4646,6 @@ localStorage.setItem("english-testOne", JSON.stringify(this.testData)); }, setBookQuestion() { console.log("ä¿å"); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -4868,7 +4794,6 @@ }, saveDataTwo() { const savaDataTwos = this.questionDataTwo; console.log(savaDataTwos, 123); for (let key in savaDataTwos) { let item = savaDataTwos[key] if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") { @@ -4883,6 +4808,7 @@ this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", true); this.setQuestionDataTwo(); this.showAnswerReadingOne = true; }, changeQuestionDataTwo() { localStorage.removeItem("english-chapter05-questionDataTwo"); @@ -4907,9 +4833,9 @@ item.value = []; } } console.log(savaDataTwos, 1433233) this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", false); this.showAnswerReadingOne = false; }, handleChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4923,6 +4849,7 @@ item.userScore += data.score } } this.saveChoiceData(); }, changeChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4935,6 +4862,10 @@ citem.userAnswer = ""; } } localStorage.removeItem('english-chapter05-choiceData') }, saveChoiceData(){ localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData)) }, handleQuestionDataThree() { const questionDataThrees = this.questionDataThree; src/books/English/view/components/chapter006.vue
@@ -26,10 +26,7 @@ <div v-if="showPageList.indexOf(104) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -44,10 +41,8 @@ </h2> <h3 id="c046"><span class="bjh3">Warm-up</span></h3> <p> <b >â .Put the expressions in the box below on the corresponding answer line under each picture.</b > <b>â .Put the expressions in the box below on the corresponding answer line under each picture.</b> </p> <div class="bk-wh"> <p>open plan officeãcubiclesãprivate officeãSOHO</p> @@ -64,7 +59,8 @@ {{ item}} </option> </select> <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> </p> </li> <li class="w50"> @@ -78,7 +74,8 @@ {{ item}} </option> </select> <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> </p> </li> <li class="w50"> @@ -92,7 +89,8 @@ {{ item}} </option> </select> <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> </p> </li> <li class="w50"> @@ -106,12 +104,12 @@ {{ item }} </option> </select> <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> </p> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in dropDownOne[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -137,18 +135,18 @@ </ul> </div> <p> <b >â ¡.Pick up the words in the box below to describe the work environment you love and explain your reasons.</b > <b>â ¡.Pick up the words in the box below to describe the work environment you love and explain your reasons.</b> </p> <div class="bk-wh"> <p>caring, supportive, privacy, friendly, freedom, flexible</p> </div> <ul> <li v-for="(item,index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px"> <li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px"> <span class="tl-right" style="width:20%">{{item.stem}}</span> <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea> </li> </ul> </div> @@ -166,9 +164,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -177,42 +173,24 @@ <h3 id="c047" class="fl al-cn"> <span class="bjh3">Listening</span> <!--controlslist="noplaybackrate nodownload"åé¢çé³é¢æ¡å å ¥è¿ä¸ª--> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> </h3> <p> <b >Four interns are talking about the work environment they <b>Four interns are talking about the work environment they like.Listen to the recording and fill in the blanks with what you hear.</b > you hear.</b> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-tr-bc"> <td class="tl-lf table-th-bc wh-no">Chen Meiling</td> <td> I would prefer working in an interesting and professional environment where everybody works hard and helps each other to succeed as a l. <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> </td> </tr> <tr class="table-tr-bc"> @@ -220,25 +198,15 @@ <td> For me, I prefer the workplace that gives me enough space to grow, There should be good 2. <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> and mutual 3. <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> between each team member. </td> </tr> @@ -247,37 +215,26 @@ <td> I'd like to work in an environment that gives me learning opportunities as well as spacefor personal 4. <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Li Tao</td> <td> I hope it's a workplace where there is 5. <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" /> <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> for people's ideas as well as appreciationfor good work and elfort. </td> </tr> </table> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in listenTable[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -313,7 +270,8 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer"> çæ¡ï¼{{noSubmitData[1].value[0].answer}} </div> @@ -326,20 +284,15 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer"> çæ¡ï¼{{noSubmitData[1].value[1].answer}} </div> <p class="center"><b>A Positive Work Environment</b></p> <p class="center"> <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio> <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> </p> <p> How do we exactly define a positive work environment? When asked @@ -349,14 +302,10 @@ </p> <p> Gone are those times when <span class="word-bc" word="candidate" >candidates</span > <span class="word-bc" word="candidate">candidates</span> only considered the salary at the time of joining a company.Nowadays,apart from the job <span class="word-bc" >prospect</span > <span class="word-bc">prospect</span> itself,one factor that is greatly influencing how employees feel about work is the environment being provided by the employer.The work environment here includes everything,such as the relationship @@ -368,26 +317,16 @@ </p> <p> An effective way to <span class="word-bc" >ensure</span > <span class="word-bc">ensure</span> a positive work environment is to motivate employees for a correct <span class="word-bc" >behavioral</span > <span class="word-bc" >approach</span > <span class="word-bc">behavioral</span> <span class="word-bc">approach</span> .Good behavior also <span class="word-bc" >determines</span > <span class="word-bc">determines</span> good and peaceful environment.Another way is to ensure healthy relationships among the staff; that is why communication is quite necessary.Keeping an eye on staff <span class="word-bc" >interaction</span > <span class="word-bc">interaction</span> doesnât cost much time for the management team.They only </p> </div> @@ -402,10 +341,7 @@ <div v-if="showPageList.indexOf(106) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -421,70 +357,45 @@ the message from the behavior of the management team,so the management team should also be aware of the power of their behavior and always <span class="word-bc" >maintain</span > <span class="word-bc">maintain</span> <span class="word-bc" >dignity</span >. <span class="word-bc">dignity</span>. </p> <p> Another important way to make a great work environment for a company is to show <span class="word-bc" >appreciation</span > <span class="word-bc">appreciation</span> of <span class="word-bc" >outstanding</span > <span class="word-bc">outstanding</span> employees.Workers are more likely to stay in the company,work hard and provide years of excellent service when knowing that they have a clear opportunity for <span class="word-bc" > advancement</span > advancement</span> .When employees know they are valued,they tend to return the favor by being the best at their job.A positive work environment is a place that promises to advance <span class="word-bc" >gifted</span > <span class="word-bc">gifted</span> employees and keep that promise. </p> <p> The work environment can greatly influence how the employees feel about their jobs.Because of this,itâs important to find an employer that <span class="word-bc" >fosters</span > <span class="word-bc">fosters</span> a positive atmosphere and encourages employees <span class="word-bc" >consistently</span > <span class="word-bc">consistently</span> .A positive work environment can improve employeesâ happiness,increase the <span class="word-bc" >productivity</span > <span class="word-bc">productivity</span> and motivate those around them. </p> <p class="fl al-cn mt-40"> <span class="zt-cs" style="font-size: 20px" >Words & Expressions</span > <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio> <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> <p>candidate /ËkændɪdÉt/ <i>n.</i> åºèè </p> <div class="bkbj"> <p><i>a person who is applying for a job</i></p> @@ -504,10 +415,8 @@ <p>approach /ÉËprÉÊtÊ/ <i>n.</i> æ¹æ³ï¼è·¯å¾</p> <div class="bkbj"> <p> <i >a way of doing or thinking about sth.such as a problem or a task</i > <i>a way of doing or thinking about sth.such as a problem or a task</i> </p> </div> <p> @@ -516,10 +425,8 @@ </p> <div class="bkbj"> <p> <i >to make sth.happen in a particular way or be of a particular type</i > <i>to make sth.happen in a particular way or be of a particular type</i> </p> </div> <p>interaction /ɪntÉrËækÊn/ <i>n.</i> 交æµï¼æ²éï¼åä½</p> @@ -529,10 +436,8 @@ <p>clue /kluË/ <i>n.</i> 线索ï¼ç«¯åª</p> <div class="bkbj"> <p> <i >a fact or a piece of evidence that helps to solve a problem or reveal the truth in an investigation</i > <i>a fact or a piece of evidence that helps to solve a problem or reveal the truth in an investigation</i> </p> </div> <p>maintain /meɪnâteɪn/ <i>v.</i> ä¿æï¼ç»´æ</p> @@ -556,9 +461,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -599,20 +502,16 @@ <p>consistently /kÉnËsɪstÉntli/ <i>adv.</i> å§ç»ï¼ä¸è´¯å°</p> <div class="bkbj"> <p> <i >in a way that does not change and continues for a period of time</i > <i>in a way that does not change and continues for a period of time</i> </p> </div> <p>productivity /ËprÉdÊkËtɪvÉti/ <i>n.</i> ç产çï¼ç产è½å</p> <div class="bkbj"> <p> <i >the rate at which a worker,a company or a country produces <i>the rate at which a worker,a company or a country produces goods,and the amount produced,compared with how much time,work and money is needed to produce them</i > and money is needed to produce them</i> </p> </div> <ul class="fl fw-wr"> @@ -632,13 +531,8 @@ the passage. </p> <p v-for="(item,index) in readingOne[0].option" :key="index"> <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer" :disabled="readingOne[0].isComplete" @input="saveReadingOne" > <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer" :disabled="readingOne[0].isComplete" @input="saveReadingOne"> {{item}} </p> </div> @@ -653,10 +547,7 @@ <div v-if="showPageList.indexOf(108) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -677,13 +568,7 @@ <p>2.What does positive work environment refer to?</p> <p>3.How do employers maintain a positive work environment?</p> </div> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Paragraphs</td> <td class="wh-no tl-cn">Related Questions</td> @@ -692,61 +577,34 @@ <tr class="table-tr-bc"> <td class="tl-cn">Para. 1-2</td> <td class="wh-no tl-cn"> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" /> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" /> </td> <td style="width: 80%"> <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne" ></textarea> <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn">Para. 3-4</td> <td class="tl-cn"> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" /> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" /> </td> <td> <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne" ></textarea> <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn">Para. 5</td> <td class="tl-cn"> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" /> <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" /> </td> <td> <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne" ></textarea> <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" @input="saveReadingOne"></textarea> </td> </tr> </table> @@ -758,12 +616,12 @@ <p v-for="(item,index) in readingOne[2].value" :key=" 'passage' + index"> {{index + 1}}. {{item.stemFirst}} <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne" > <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> {{item.stemLast}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[2].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[2].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[2].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -782,7 +640,8 @@ <p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index"> {{index + 1}}. <span v-html="item.stem"></span> <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> </p> </div> @@ -800,9 +659,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -811,11 +668,11 @@ <p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index"> {{index + 3}}. <span v-html="item.stem"></span> <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -827,27 +684,19 @@ <p> {{index + 1}}. {{item.stem}} </p> <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </li> </ul> <p> <b>â ¢.Grammar focus:Inverted sentences.</b> <span class="btn-box" > <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" > <span class="btn-box" @click="showAnswer('showImg')"> <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z" p-id="30865" ></path> p-id="30865"></path> </svg> </span> </p> @@ -864,12 +713,12 @@ {{index + 1}}.{{item.stem}} </p> <p v-for="(citem,cindex) in item.option" :key="'option' + cindex"> <input type="radio" :name="item.stem" :value="citem.value" @change="saveReadingOne">{{citem.value}}.{{citem.label}} <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer" @change="saveReadingOne">{{ citem.value }}.{{ citem.label }} </p> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -887,10 +736,7 @@ <div v-if="showPageList.indexOf(110) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -907,7 +753,8 @@ <ul> <li v-for="(item,index) in readingOne[6].value" :key="index"> <p>{{index + 1}}.{{item.stem}}</p> <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> </li> </ul> <div class="w100 fl ju-cn"> @@ -936,19 +783,9 @@ work environment and explain the reasons for your choice. </p> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Elements</td> <td class="tl-cn">Reasons for the Choice</td> @@ -962,82 +799,52 @@ </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[2].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[2].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[2].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[2].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[2].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> </table> @@ -1056,209 +863,147 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> <div class="padding-93"> <div class="bodystyle"> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /> <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /> </p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" >relationship</span > <span class="word-bc mr-20 dl-span" >communication</span > <span class="word-bc mr-20 dl-span" >productivity</span > <span class="word-bc mr-20 dl-span" >respect</span > <span class="word-bc mr-20 dl-span" >pleasure</span > <span class="word-bc mr-20 dl-span" >professional</span > <span class="word-bc mr-20 dl-span" >team spirit</span > <span class="word-bc mr-20 dl-span" >job satisfaction</span > <span class="word-bc mr-20 dl-span" >personal development</span > <span class="word-bc mr-20 dl-span" >job prospect</span > <span class="word-bc mr-20 dl-span" >modern decor</span > <span class="word-bc mr-20 dl-span">relationship</span> <span class="word-bc mr-20 dl-span">communication</span> <span class="word-bc mr-20 dl-span">productivity</span> <span class="word-bc mr-20 dl-span">respect</span> <span class="word-bc mr-20 dl-span">pleasure</span> <span class="word-bc mr-20 dl-span">professional</span> <span class="word-bc mr-20 dl-span">team spirit</span> <span class="word-bc mr-20 dl-span">job satisfaction</span> <span class="word-bc mr-20 dl-span">personal development</span> <span class="word-bc mr-20 dl-span">job prospect</span> <span class="word-bc mr-20 dl-span">modern decor</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%" > <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/6-1ãMODULE 6ï¼lesson oneï¼_23.jpg" /> </div> </div> </div> @@ -1274,10 +1019,8 @@ </h2> <h3 id="c050"><span class="bjh3">Warm-up</span></h3> <p> <b >â .Put the following statements into the corresponding box to make a code of conduct for a school.</b > <b>â .Put the following statements into the corresponding box to make a code of conduct for a school.</b> <span class="btn-box" @click="showdropdownTwo"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" @@ -1296,13 +1039,7 @@ <p>e.Mobile phones must be on silent mode during the class.</p> </div> <p class="fl ju-cn"> <table border="1" cellpadding="4" cellspacing="" style="border-color:#eace8d " class="fz-14 " > <table border="1" cellpadding="4" cellspacing="" style="border-color:#eace8d " class="fz-14 "> <tr class="tc"> <td class="tl-cn" colspan="2">The School Code of Conduct</td> </tr> @@ -1311,8 +1048,8 @@ <img src="../../assets/images/table/t1.jpg" alt=""> </td> <td> <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)" :disabled="dropDownTwo[0].isComplete"> <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)" :disabled="dropDownTwo[0].isComplete"> <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> {{ item }} </option> @@ -1326,8 +1063,8 @@ <img src="../../assets/images/table/t2.jpg" alt=""> </td> <td> <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" @change="handledropDownTwo(1)" :disabled="dropDownTwo[0].isComplete"> <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" @change="handledropDownTwo(1)" :disabled="dropDownTwo[0].isComplete"> <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> {{ item }} </option> @@ -1341,8 +1078,8 @@ <img src="../../assets/images/table/t3.jpg" alt=""> </td> <td> <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)" :disabled="dropDownTwo[0].isComplete"> <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)" :disabled="dropDownTwo[0].isComplete"> <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> {{ item }} </option> @@ -1356,8 +1093,8 @@ <img src="../../assets/images/table/t4.jpg" alt=""> </td> <td> <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)" :disabled="dropDownTwo[0].isComplete"> <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)" :disabled="dropDownTwo[0].isComplete"> <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> {{ item }} </option> @@ -1371,18 +1108,19 @@ <img src="../../assets/images/table/t5.jpg" alt=""> </td> <td> <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)" :disabled="dropDownTwo[0].isComplete"> <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)" :disabled="dropDownTwo[0].isComplete"> <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="dropDownTwo[0].value[4].isRight == true || dropDownTwo[0].value[4].isRight == false"> </td> </tr> </table> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownTwo[0].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownTwo[0].isShowAnswer"> <span>çæ¡ï¼</span> <p v-for="(item,index) in dropDownTwo[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -1400,10 +1138,7 @@ <div v-if="showPageList.indexOf(112) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -1426,9 +1161,9 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> çæ¡ï¼{{item.answer}} </div> @@ -1436,14 +1171,8 @@ </ul> <p class="center"><b>Code of Conduct in the Workplace</b></p> <p class="center"> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> </p> <p> A company code of conduct is a set of rules and standards all @@ -1454,18 +1183,12 @@ </p> <p> Often,a company uses its <span class="word-bc" >core</span > <span class="word-bc">core</span> values,including its mission,to guide the creation of these codes.These guidelines <span class="word-bc" >outline</span > <span class="word-bc">outline</span> how the organization operates,how employees <span class="word-bc" >conduct</span > <span class="word-bc">conduct</span> themselves daily,and how they work with others on behalf of the organization. </p> @@ -1473,9 +1196,7 @@ You can usually find a companyâs code of conduct in an employee handbook.Each company has different rules in its code of conduct,and each company has its own policies for <span class="word-bc" >enforcing</span > <span class="word-bc">enforcing</span> this code. </p> <p> @@ -1496,9 +1217,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -1508,8 +1227,8 @@ <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p> <p> <b>A.</b> <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)" :disabled="dropDownThree[0].isComplete"> <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)" :disabled="dropDownThree[0].isComplete"> <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> {{ item}} </option> @@ -1519,28 +1238,20 @@ </p> <p> 1.Honesty and <span class="word-bc" >integrity</span > <span class="word-bc">integrity</span> .Above all,treat clients fairly. </p> <p> 2.Maintain the good <span class="word-bc" >reputation</span > <span class="word-bc">reputation</span> of the company. </p> <p> 3. <span class="word-bc" >Conflicts</span > <span class="word-bc">Conflicts</span> and interest.Manage conflicts of interest fairly and do not act in a manner <span class="word-bc" >inconsistent</span > <span class="word-bc">inconsistent</span> with the company mission and values. </p> <p> @@ -1548,19 +1259,15 @@ </p> <p> 5.Advertising.Products should not be <span class="word-bc" >advertised</span > <span class="word-bc">advertised</span> in a <span class="word-bc" >misleading</span > <span class="word-bc">misleading</span> way. </p> <p> <b>B.</b> <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)" :disabled="dropDownThree[0].isComplete"> <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)" :disabled="dropDownThree[0].isComplete"> <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> {{ item}} </option> @@ -1570,13 +1277,9 @@ </p> <p> 6. <span class="word-bc" >Competence</span > <span class="word-bc">Competence</span> .Advise clients only on matters in which they are <span class="word-bc" >competent</span > <span class="word-bc">competent</span> . </p> <p> @@ -1589,22 +1292,18 @@ </p> <p> 9. <span class="word-bc" >Suitability</span > <span class="word-bc">Suitability</span> of advice.Advice should be suitable for the clientsâ needs. </p> <p> 10.Activities.Do not engage in activities that will bring direct or indirect profit to a <span class="word-bc" >competitor</span >. <span class="word-bc">competitor</span>. </p> <p> <b>C.</b> <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)" :disabled="dropDownThree[0].isComplete"> <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)" :disabled="dropDownThree[0].isComplete"> <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> {{ item}} </option> @@ -1618,27 +1317,19 @@ </p> <p> 12.Professional <span class="word-bc" >discipline</span > <span class="word-bc">discipline</span> .Organize business in a responsible and effective way. </p> <p> 13.Company guidance.Be familiar and seek to <span class="word-bc" >observe</span > <span class="word-bc">observe</span> the company <span class="word-bc" >guidance</span > <span class="word-bc">guidance</span> . </p> <p> 14. <span class="word-bc" >Complaints</span > <span class="word-bc">Complaints</span> .Handle the complaints fairly and quickly. </p> <p> @@ -1647,19 +1338,11 @@ </p> </div> <p class="fl al-cn mt-40"> <span class="zt-cs" style="font-size: 20px" >Words & Expressions</span > <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio> <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> <p>core /kÉË(r)/ <i>adj</i>.æ ¸å¿ç</p> <div class="bkbj"> <p><i>the most important or central part of sth.</i></p> @@ -1667,10 +1350,8 @@ <p>outline /ËaÊtlaɪn/ <i>v</i>.æ¦è¿°</p> <div class="bkbj"> <p> <i >to give a description of the main facts or points involved in sth.</i > <i>to give a description of the main facts or points involved in sth.</i> </p> </div> <p>conduct /kÉnËdÊkt/ <i>v</i>.举æ¢ï¼è¡¨ç°</p> @@ -1686,10 +1367,7 @@ <div v-if="showPageList.indexOf(114) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -1711,19 +1389,15 @@ <p>integrity /ɪnËteÉ¡rÉti/ <i>n</i>.è¯å®æ£ç´</p> <div class="bkbj"> <p> <i >the quality of being honest and having strong moral principles</i > <i>the quality of being honest and having strong moral principles</i> </p> </div> <p>client /ËklaɪÉnt/ <i>n</i>.客æ·</p> <div class="bkbj"> <p> <i >a person who uses the services or advice of a professional person or organization</i > <i>a person who uses the services or advice of a professional person or organization</i> </p> </div> <p>reputation /ËrepjuËteɪÊn/ <i>n</i>.åèªï¼å声</p> @@ -1735,10 +1409,8 @@ <p>conflict /ËkÉnflɪkt/ <i>n</i>.å²çªï¼äºè®º</p> <div class="bkbj"> <p> <i >a situation in which people,groups or countries are involved in a serious disagreement or argument</i > <i>a situation in which people,groups or countries are involved in a serious disagreement or argument</i> </p> </div> <p> @@ -1751,28 +1423,22 @@ <p>confidentiality /ËkÉnfɪËdenÊiËælÉti/ <i>n</i>.ä¿å¯ï¼æºå¯</p> <div class="bkbj"> <p> <i >a situation in which you expect sb.to keep information secret</i > <i>a situation in which you expect sb.to keep information secret</i> </p> </div> <p>advertise /ËædvÉtaɪz/ <i>v</i>.å广åï¼åå®£ä¼ </p> <div class="bkbj"> <p> <i >to tell the public about a product or a service in order to encourage people to buy or to use it</i > <i>to tell the public about a product or a service in order to encourage people to buy or to use it</i> </p> </div> <p>misleading /ËmɪsËliËdɪÅ/ <i>adj</i>.误导çï¼å¼å ¥æ§éç</p> <div class="bkbj"> <p> <i >giving the wrong idea or impression and making you believe sth.that is not true</i > <i>giving the wrong idea or impression and making you believe sth.that is not true</i> </p> </div> <p>competence /ËkÉmpɪtÉns/ <i>n</i>.è½åï¼èä»»</p> @@ -1793,19 +1459,15 @@ </p> <div class="bkbj"> <p> <i >a person or an organization that compete against others,esp.in business</i > <i>a person or an organization that compete against others,esp.in business</i> </p> </div> <p>discipline /ËdɪsÉplɪn/ <i>n</i>.èªå¶å</p> <div class="bkbj"> <p> <i >the ability to control your behavior or the way you live,work,etc.</i > <i>the ability to control your behavior or the way you live,work,etc.</i> </p> </div> </div> @@ -1823,9 +1485,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -1862,7 +1522,8 @@ </p> <div class="bk-11"> <p v-for="(item,index) in readingTwo[0].option" :key="index"> <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo"> <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo"> {{index + 1}}.{{item}} </p> </div> @@ -1878,10 +1539,7 @@ <div v-if="showPageList.indexOf(116) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -1898,11 +1556,11 @@ </p> <p v-for="(item,index) in readingTwo[1].value" :key="index"> {{index + 1}}.{{item.stem}} <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingTwo[1].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -1919,12 +1577,12 @@ </div> <p v-for="(item,index) in readingTwo[2].value" :key="'engage' + index"> {{index + 1}}.{{item.stemOne}} <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingTwo[2].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -1932,22 +1590,13 @@ </div> <p> <b>â ¢.Grammar focus:Modal verbs (can,could,may,might).</b> <span class="btn-box" > <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" > <span class="btn-box" @click="showAnswer('showImgOne')"> <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z" p-id="30865" ></path> p-id="30865"></path> </svg> </span> </p> @@ -1957,12 +1606,12 @@ <p>A.Choose the correct modal verbs in the brackets.</p> <p v-for="(item,index) in readingTwo[3].value" :key="'brackets' + index"> {{index + 1}}.{{item.stemOne}} <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingTwo[3].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -1972,7 +1621,8 @@ <p v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index"> {{index + 1}}. <span v-html="item.stem"></span> <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> </p> </div> @@ -1990,9 +1640,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -2001,11 +1649,11 @@ <p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index"> {{index + 4}}. <span v-html="item.stem"></span> <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in readingTwo[4].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -2037,19 +1685,9 @@ conduct.Share your opinions with the class. </p> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">Improper Behavior</td> <td class="tl-cn">Talking Loudly</td> @@ -2065,82 +1703,52 @@ </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[4].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[4].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[4].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[4].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="noSubmitData[4].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> </table> @@ -2150,137 +1758,117 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/6-2ãMODULE 6ï¼lesson twoï¼_23.jpg" /> </div> </div> </div> @@ -2299,18 +1887,11 @@ <!--controlslist="noplaybackrate nodownload"åé¢çé³é¢æ¡å å ¥è¿ä¸ª--> </h3> <p> <b >â .Listen to the monologue about the perfect workplace and <b>â .Listen to the monologue about the perfect workplace and decide whether the following statements are true (T) or false (F).</b > (F).</b> </p> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <p v-for="(item,index) in listenThree[0].value" :key="index"> ( <select class="select-border" v-model="item.userAnswer" @change="saveListenThree" @@ -2323,8 +1904,7 @@ {{index + 1}}.{{item.stem}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20"> {{index + 1}}.{{ item.answer }} @@ -2342,10 +1922,7 @@ <div v-if="showPageList.indexOf(118) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -2356,31 +1933,20 @@ <div class="padding-93"> <div class="bodystyle"> <p> <b >â ¡.Listen to the conversation about the dress code between Sally <b>â ¡.Listen to the conversation about the dress code between Sally and Ross and match the following information with the corresponding speaker.</b > corresponding speaker.</b> </p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-tr-bc"> <td class="tl-cn wh-no table-th-bc">Sally</td> <td class="fl de-cl al-cn ju-cn"> <img src="../../assets/images/table/c2.jpg" alt=""> <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne" /> <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne" :userAnswer="listenThree[1].value[0].userAnswer" /> <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> </td> <td rowspan="2"> <p class="table-p"> @@ -2408,13 +1974,14 @@ <td class="table-th-bc tl-cn">Ross</td> <td class="fl de-cl al-cn ju-cn"> <img src="../../assets/images/table/c1.jpg" alt=""> <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" /> <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" /> <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> </td> </tr> </table> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer"> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(item,index) in listenThree[1].value" :key="index" class="mr-20"> {{index + 1}}.{{ arrayToString(item.answer) }} @@ -2453,9 +2020,9 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData" ></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(citem,cindex) in item.answer" :key="'list' + cindex" class="mr-20"> {{cindex + 1}}.{{ citem }} @@ -2477,11 +2044,7 @@ <p>âWho attended the meeting and who was absent</p> <p>âWhat happened at the meeting in detail</p> <p class="center"> <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /> <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /> </p> </div> </div> @@ -2499,9 +2062,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -2520,20 +2081,16 @@ </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[0].isShowAnswer"> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[0].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(citem,cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20"> {{cindex + 1}}.{{ citem }} </span> </div> <p> 2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> 2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees. <span class="btn-box" @click="showNoSubmitAnswer(6,1)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> @@ -2543,9 +2100,9 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[1].isShowAnswer"> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[1].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(citem,cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20"> {{cindex + 1}}.{{ citem }} @@ -2560,9 +2117,9 @@ </svg> </span> </p> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[2].isShowAnswer"> <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[2].isShowAnswer"> <span>çæ¡ï¼</span> <span v-for="(citem,cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20"> {{cindex + 1}}.{{ citem }} @@ -2583,10 +2140,7 @@ <div v-if="showPageList.indexOf(120) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -2600,26 +2154,16 @@ <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /> </p> <p> <b >â ¢.Match the following sentences with the correct translation.</b > <b>â ¢.Match the following sentences with the correct translation.</b> </p> <matching :rawData="rawData" :question="question" /> <p> â £<b >.The HR department has been assigned the task to prepare the â £<b>.The HR department has been assigned the task to prepare the in-service training for the newly recruited employees.Complete the following minutes based on the information provided.</b > the following minutes based on the information provided.</b> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn" style="width: 86%">Interviewees</td> <td class="tl-cn">Presented By</td> @@ -2660,9 +2204,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -2696,12 +2238,14 @@ </p> <p> Samuel Birch called the meeting to 1. <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> at 3 p.m. </p> <p> All attendees were given an agenda 2. <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px"> <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px"> via email. The agenda was unanimously approved by all attendees at 3:20 p.m. </p> @@ -2710,16 +2254,19 @@ </p> <p> Tim Shaw discussed about the 3. <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px"> <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px"> .A vote was taken to approve the budget plan of the training. </p> <p> 4. <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> discussed about the reservation of the lecture hall and mentioned that the projector wasn't 5. <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> He suggested renting one </p> <p class="weekly-p"> @@ -2727,7 +2274,8 @@ </p> <p> The meeting 6. <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> at 5 p.m.. </p> <p class="fl fw-wr ju-bt" > @@ -2761,10 +2309,7 @@ <div v-if="showPageList.indexOf(122) > -1"> <!-- å¤´é¨ --> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px" > <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> <div class="preface-header-box event-header-text-bc-unit6"> <span class="l-text">æ°æ åéç¨èåºè±è¯</span> <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> @@ -2787,19 +2332,9 @@ </p> <p class="img">Picture 3</p> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /> <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Pictures</td> <td class="tl-cn">Problems</td> @@ -2822,49 +2357,31 @@ <tr class="table-tr-bc"> <td class="tl-cn">2</td> <td> <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn">3</td> <td> <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> </table> @@ -2883,9 +2400,7 @@ <li class=""></li> <li class="fz-18"> <span class="chapter-left-bc-unit6">MODULE 6</span> <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" >A GLIMPSE OF THE WORK ENVIRONMENT</span > <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> </li> </ul> <!-- å 容 --> @@ -2896,19 +2411,9 @@ know,and then work with your partner to finish Worksheet 2. </p> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /> <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /> </p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14" > <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Respondents</td> <td class="tl-cn">Problems</td> @@ -2917,92 +2422,56 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td class="tl-lf"> <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td class="tl-lf"> <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td class="tl-lf"> <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> <td> <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData" ></textarea> <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea" @input="savenoSubmitData"></textarea> </td> </tr> </table> @@ -3027,137 +2496,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/6-3ãMODULE 6ï¼lesson threeï¼_18.jpg" /> </div> </div> </div> @@ -3188,6 +2612,15 @@ showPageList: { type: Array, }, }, watch: { showPageList: { handler(newVal) { console.log(123, newVal, this.$refs); }, immediate: true } }, data() { return { @@ -4357,22 +3790,34 @@ }, mounted() { this.getPath(); const dropDownOne = localStorage.getItem('english-chapter04-dropDownOne') const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne') if(dropDownOne) this.dropDownOne = JSON.parse(dropDownOne) const listenTable = localStorage.getItem('english-chapter06-listenTable') if(listenTable) this.listenTable = JSON.parse(listenTable) const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData') if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData) const readingOne = localStorage.getItem('english-chapter06-readingOne') if(readingOne) this.readingOne = JSON.parse(readingOne) const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo') if(dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo) const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree') if(dropdownThree) this.dropdownThree = JSON.parse(dropdownThree) if (dropdownThree) this.dropDownThree = JSON.parse(dropdownThree) const readingTwo = localStorage.getItem('english-chapter06-readingTwo') if(readingTwo) this.readingTwo = JSON.parse(readingTwo) const listenThree = localStorage.getItem('english-chapter06-listenThree') if(listenThree) this.listenThree = JSON.parse(listenThree) if (listenThree) { this.listenThree = JSON.parse(listenThree) } }, methods: { arrayToString(data) { @@ -4405,6 +3850,14 @@ "625FDB71EC5BD35CF489AA4DE6730373" ); }, showAnswer(type) { if (type == "showImg") { this.showImg = !this.showImg; } else if (type == "showImgOne") { this.showImgOne = !this.showImgOne; } setTimeout(() => { this.$emit("initViewer", "") }, 500) }, saveDropdoenOne() { localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne)) @@ -4490,7 +3943,7 @@ item.isComplete = true if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = array[cindex]; const citem = item.value[cindex]; citem.isRight = citem.answer == citem.userAnswer } } @@ -4503,13 +3956,15 @@ item.isShowAnswer = false item.isComplete = false for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = array[cindex]; citem.isRight = null const citem = item.value[cindex]; if(item.type == 'checkbox') { citem.userAnswer = [] } else if(item.type == 'table') { citem.userAnswerOne = '', citem.userAnswerTwo = '' } else if (item.type == 'fill') { citem.isRight = null citem.userAnswer = '' } else { citem.userAnswer = '' } @@ -4734,10 +4189,12 @@ outline: none; } } .weekly { border: 2px dotted #935987; border-radius: 6px; width: 100%; .weekly-p { background-color: #d2d2d2; } src/books/English/view/components/chapter007.vue
@@ -295,13 +295,55 @@ class="audio"></audio> </h3> <p><b>Listen to the monologue about workplace success and fill in the blanks with what you hear.</b></p> <p>Do you want to succeed in the workplace? Try your best for_____in everything you do.Excellence means to be the best in_____you do.Giving your 100% every time will help you achieve that excellence in no time at all.Put all your_____in whatever you do and achieve the best results.Care about the_____of your work and be willing to put in extra effort when necessary.You will get more_____to grow as an individual and make great progress within yourcareer.People with strong work ethic always a_______lot in return.</p> hear.</b> <span class="btn-box" @click="viewReadingOne"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <p>Do you want to succeed in the workplace? Try your best for <input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[0].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[0].isRight == false || readingOne[0].value[0].isRight == true"> in everything you do.Excellence means to be the best in<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[1].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[1].isRight == false || readingOne[0].value[1].isRight == true"> you do.Giving your 100% every time will help you achieve that excellence in no time at all.Put all your<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[2].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[2].isRight == false || readingOne[0].value[2].isRight == true">in whatever you do and achieve the best results.Care about the<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[3].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[3].isRight == false || readingOne[0].value[3].isRight == true">of your work and be willing to put in extra effort when necessary.You will get more<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[4].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[4].isRight == false || readingOne[0].value[4].isRight == true">to grow as an individual and make great progress within yourcareer.People with strong work ethic always a<input type="text" class="input-bottom-border" style="width: 100px" v-model="readingOne[0].value[5].userAnswer" @blur="handleReadingOne" /> <img :src="readingOne[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[0].value[5].isRight == false || readingOne[0].value[5].isRight == true">lot in return.</p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> <span>çæ¡ï¼</span> <p v-for="(item, index) in readingOne[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </p> </div> </div> </div> <div class="preface-bottom"> @@ -366,8 +408,8 @@ </p> <p class="center"><b>Lineman Wang Jin</b></p> <p class="center"><audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>Working on high- <span class="word-bc" >voltage</span> power lines is considered by many as a high-risk job.But for some @@ -866,22 +908,16 @@ <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p class="dl-box"> <span class="word-bc mr-20 dl-span" >strong-willed</span> <span class="word-bc mr-20 dl-span" >motivated</span> <span class="word-bc mr-20 dl-span">strong-willed</span> <span class="word-bc mr-20 dl-span">motivated</span> <span class="word-bc mr-20 dl-span">active</span> <span class="word-bc mr-20 dl-span" >cooperative</span> <span class="word-bc mr-20 dl-span" >stressful</span> <span class="word-bc mr-20 dl-span" >disciplined</span> <span class="word-bc mr-20 dl-span">cooperative</span> <span class="word-bc mr-20 dl-span">stressful</span> <span class="word-bc mr-20 dl-span">disciplined</span> <span class="word-bc mr-20 dl-span" >risky</span> <span class="word-bc mr-20 dl-span" >helpful</span> <span class="word-bc mr-20 dl-span" >dutiful</span> <span class="word-bc mr-20 dl-span" >enthusiastic</span> <span class="word-bc mr-20 dl-span">enthusiastic</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> @@ -890,137 +926,112 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/7-1ãMODULE 7ï¼lesson oneï¼_22.jpg" /> </div> </div> </div> @@ -1219,13 +1230,14 @@ </p> <p class="center"><b>Work Ethic in the Workplace</b></p> <p class="center"> <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" ></audio></p> controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio></p> <p>Work ethic is a set of standards of behavior and beliefs <span class="word-bc" word="regard" >regarding</span> what is and isnât acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal views of employees,their motivation,and overall company culture.</p> views of employees,their motivation,and overall company culture. </p> <p>Next,weâll review some common examples of both strong and poor work ethic.</p> <p><b>Example</b> 1</p> <p>Angelaâs director asked her to sort out data about the patients and @@ -1241,7 +1253,8 @@ <p>Jimâs director asked him to review the financial reports from last quarter to look for <span class="word-bc" word="purchas" >purchases</span> from one guest.The director gave him this task about a month ago and asked him to complete it within a few weeks.</p> complete it within a few weeks. </p> <p>Now,a month has passed,but Jim still hasnât reviewed any of the reports.Rather than starting early,he leaves it to the last minute and turns in an incomplete report.</p> <p><b>Example</b> 3</p> @@ -1286,7 +1299,8 @@ <p>His <span class="word-bc" >constant</span> delay shows a lack of respect for his job and coworkers.His coworkers think of him as being unreliable and irresponsible as a result.</p> him as being unreliable and irresponsible as a result. </p> <p>The above examples represent a set of working attitudes that regulate employeesâ behavior at work.And what can you do to develop strong work ethic?</p> <p class="fl al-cn mt-40"> @@ -1693,137 +1707,77 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/7-2ãMODULE 7ï¼lesson twoï¼_15.jpg" /> </div> </div> </div> @@ -1867,6 +1821,12 @@ </p> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in questionDataThree[0].answer" :key="index"> {{ index + 1 }}.{{ item }} </span> </div> <p><b>â ¡.Susan,HR director,is now talking with Jenny about Jeffâs problems.Listen to the conversation and fill in the blanks with what you hear.</b></p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" @@ -1935,6 +1895,12 @@ </p> <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he wonât make the same mistake again in the future.</p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[1].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in questionDataThree[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -2075,9 +2041,9 @@ <div class="bk-13"> <p>Dear Jeff Bell,</p> <p class="tl-lf">Your HR department has been informed by your director that <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> @@ -2087,50 +2053,56 @@ Market Technology Companyâs policies: </p> <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p> <p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">on January 17th,2023.</p> v-if="warmUpOne[0].isComplete">on January 17th,2023. </p> <p class="tl-lf">The following consequences, <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement or cease violation of company policies:</p> v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement or cease violation of company policies: </p> <p>1.Second warning notice issued</p> <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete"></p> v-if="warmUpOne[0].isComplete"> </p> <p>3.Third and final warning notice followed by an in-person meeting</p> <p>4.Termination of employment</p> <p class="tl-lf">We will do whatever to <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne"> <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item"> {{ item }} </option> </select> <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon" v-if="warmUpOne[0].isComplete">.</p> v-if="warmUpOne[0].isComplete">. </p> <p>Supervisorâs signature:Jim Marche</p> <p>Date:1/31/23</p> </div> <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer"> <div> <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" > <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne' + index"> {{index+1}}.{{item.answer}} </p> </div> @@ -2506,139 +2478,100 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/7-3ãMODULE 7ï¼lesson threeï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> @@ -2995,6 +2928,44 @@ }, readingOne:[ { type: "fill", isShowAnswer: false, value: [ { answer: 'excellence', userAnswer: '', isRight: null }, { answer: 'whatever', userAnswer: '', isRight: null }, { answer: 'focus', userAnswer: '', isRight: null }, { answer: 'quality', userAnswer: '', isRight: null }, { answer: 'opportunities', userAnswer: '', isRight: null }, { answer: 'benefit', userAnswer: '', isRight: null }, ] }, ], questionDataOne: [ { type: "fill", @@ -3469,6 +3440,7 @@ ] } ], }; }, mounted() { @@ -3509,6 +3481,12 @@ if (questionDataThree) { this.questionDataThree = JSON.parse(questionDataThree); } const readingOne = localStorage.getItem("english-chapter07-readingOne"); if (readingOne) { this.readingOne = JSON.parse(readingOne); } this.getPath(); }, methods: { @@ -3859,7 +3837,6 @@ } } } console.log(this.questionDataThree, 111); }, setQuestionDataThree() { localStorage.setItem( @@ -3890,6 +3867,30 @@ item.isShowAnswer = !item.isShowAnswer } }, saveReadingOne() { localStorage.setItem('english-chapter07-readingOne', JSON.stringify(this.readingOne)) }, handleReadingOne(){ for (let index = 0; index < this.readingOne.length; index++) { const item = this.readingOne[index]; for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; if(citem.userAnswer != ""){ citem.isRight = citem.answer == citem.userAnswer }else{ citem.isRight=null } } } this.saveReadingOne() }, viewReadingOne(){ for (let index = 0; index < this.readingOne.length; index++) { const item = this.readingOne[index]; item.isShowAnswer = !item.isShowAnswer } }, }, }; </script> src/books/English/view/components/chapter008.vue
@@ -52,7 +52,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-2.jpg" alt="" class="w100" /> </p> <p class="center"> 2. @@ -70,7 +70,7 @@ <div class="left" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-3.jpg" alt="" class="w100" /> </p> <p class="center"> 3. @@ -86,7 +86,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" /> <img src="../../assets/images/0146-4.jpg" alt="" class="w100" /> </p> <p class="center"> 4. @@ -121,7 +121,7 @@ <div class="right" style="width: 48%"> <div> <p class="center"> <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" /> <img src="../../assets/images/0146-6.jpg" alt="" class="w100" /> </p> <p class="center"> 6. @@ -1026,137 +1026,137 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_22.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_23.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_24.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_25.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_26.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/8-1ãMODULE 8ï¼lesson oneï¼_27.jpg" /> </div> </div> </div> @@ -1196,7 +1196,7 @@ yourself.Work with your partner and figure out what the pictures in the following road maps possibly mean,and then choose the proper expressions to fill in the blanks. </b> <span class="btn-box" @click="showDropTwo(0,0)"> <span class="btn-box" @click="showDropTwo(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" @@ -1227,6 +1227,12 @@ </div> </li> </ul> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <!-- <p class="center"> <img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /> </p> --> @@ -1284,7 +1290,12 @@ <img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false"> </div> </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <h3 id="c069" class="fl al-cn"> <span class="bjh3">Reading</span> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> @@ -1516,6 +1527,12 @@ {{index + 1}}.{{item.stem}} <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>â ¡.Language focus.</b></p> <p>A.Replace the words in italics with the exact words in the passage and change the form if necessary.</p> @@ -1524,6 +1541,12 @@ <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[2].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>a portion ofãfall into placeãbe passionate aboutãlater on beãcomfortable with</p> @@ -1562,6 +1585,12 @@ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>â ¢.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')"> <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" @@ -1590,6 +1619,12 @@ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete"> {{item.stemTwo}} </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenTwo[4].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> @@ -1704,137 +1739,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/8-2ãMODULE 8ï¼lesson twoï¼_18.jpg" /> </div> </div> </div> @@ -1888,6 +1878,12 @@ I feel worried about writing the letter,for I know little about it.Anyway,I am well-prepared,I guess.Now all Iâve got to do is to take that job.Wish me good luck! </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> <span>çæ¡ï¼</span> <span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index"> {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> @@ -1967,7 +1963,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -1977,7 +1973,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -1987,7 +1983,7 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="noSubmitThree[0].value[0].userAnswer" <textarea v-model="noSubmitThree[0].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="saveNoSubmitThree"></textarea> </td> @@ -2347,137 +2343,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> <img src="../../assets/images/ppt/8-3ãMODULE 8ï¼lesson threeï¼_17.jpg" /> </div> </div> </div> @@ -2490,7 +2436,8 @@ </div> </div> </div> <div class="preface-bottom"> <!-- 页è --> <div class="preface-bottom" style="margin-top: 10%"> <span class="contet-num-box">154</span> </div> </div> @@ -3456,6 +3403,7 @@ dropTwo:[ { type:'dropdown', isComplete:false, isShowAnswer:false, option:[ 'identify passion','go to school' @@ -3474,6 +3422,7 @@ { type:'dropdown', isComplete:false, isShowAnswer:false, option:[ 'change your mind', 'get another job', @@ -3891,6 +3840,7 @@ saveNoSubmitTWo() { localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo)) }, showNoSubmitTWo(index,num) { this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer) }, @@ -3901,6 +3851,9 @@ this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer) this.saveDropTwo() }, showDropTwo(index) { this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer) }, saveListenTwo() { localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo)) }, src/books/English/view/components/index.vue
@@ -205,8 +205,8 @@ }, 500); // æµè¯é¡µé¢è·³è½¬ // setTimeout(() => { // this.gotoPage(6,73); setTimeout(() => { this.gotoPage(8,140); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -234,7 +234,7 @@ // txt: " è¿å¨ç³»ç»æ¯ç±éª¨ã骨è¿ç»å骨骼èä¸é¨åç»æçãå ¨èº«ç骨éè¿éª¨è¿ç»ç»æ人ä½éª¨éª¼ï¼è§å¾1-1ï¼ã骨骼æ¯äººä½çæ¯æ¶ï¼å ·æä¿æ¤å èå¨å®ãä¾èèéçåä½ä¸ºèèè¿å¨çæ æçä½ç¨ãå¨ç¥ç»ç³»ç»çæ¯é ä¸ï¼èèæ¶ç¼©çµå¨æéçç骨ç»çå ³è转å¨ï¼ä½¿èº«ä½äº§çåç§å¨ä½ãæ以ï¼è¿å¨ç³»ç»å ·æè¿å¨ãæ¯æåä¿æ¤çåè½ï¼å¹¼å¹´æ¶æç骨骼è¿å ·æé è¡åè½ã ", // txtIndex: 57 // }); // }, 50); }, 50); }, methods: { // setZoom1() { src/components/dropdown/index.vue
@@ -62,6 +62,7 @@ option.toLowerCase().includes(this.searchText.toLowerCase()) ); }, }, watch:{ selectedOptions:{ @@ -103,6 +104,11 @@ filterOptions() { this.showDropdown = true; }, //æ´é² changeSelectData(value){ this.selectedOptions = value } }, }; </script>
