From d321f94fc74743a79f38e3901a88b78b13fb5845 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 12 七月 2024 09:38:13 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter002.vue | 254 ++++++++++++++++++++++++++++++++------------------ 1 files changed, 160 insertions(+), 94 deletions(-) diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue index f47e1db..3a5af09 100644 --- a/src/books/English/view/components/chapter002.vue +++ b/src/books/English/view/components/chapter002.vue @@ -51,6 +51,44 @@ <p class="center"> <img class="img-a" alt="" src="../../assets/images/0030-1.jpg" /> </p> + <div class="fl bor-g"> + <div class="w45"> + <div> + France + <span> + 123 + <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" + style="width: 8%"> + <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index" + :value="item"> + {{ item }} + </option> + </select> --> + </span> + <span> + 456 + <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" + style="width: 8%"> + <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index" + :value="item"> + {{ item }} + </option> + </select> --> + </span> + </div> + <div> + China + </div> + </div> + <div class="w45"> + <div> + ltaly + </div> + <div> + Brazil + </div> + </div> + </div> <p> <b>鈪�.What are the customs and cultures of other countries you know? Work with your partner to complete the table below.</b> @@ -138,13 +176,17 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td> <td class="bor-b-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can + <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 understand my foreign colleagues because they are straightforward. </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign + <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 colleagues just nod and agree with me when we have a discussion. </td> </tr> @@ -152,13 +194,17 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td> <td class="bor-b-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign + <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 boss closely oversees our work and criticizes us for our mistakes. </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign + <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 boss is very hands-off and gives us a lot freedom to do things. </td> </tr> @@ -166,13 +212,17 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td> <td class="bor-b-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese + <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 colleagues always stay late in the ofice or bring work home. </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese + <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 colleagues manage to get their work done during working hours. </td> </tr> @@ -180,13 +230,17 @@ <tr class="table-tr-bc"> <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td> <td class="bor-b-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese + <input type="radio" name="ballThree" + value="A. My Chinese colleagues deal with issues more objectively" id="1" + v-model="testData.check" /> A. My Chinese colleagues deal with issues more objectively </td> </tr> <tr class="table-tr-bc"> <td class="bor-t-n"> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese + <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 colleagues are likely to take things personally </td> </tr> @@ -649,7 +703,7 @@ </span> </p> <div class="openImgBox" v-if="showImg"> - <img class="w100" :src="imgThirteen" /> + <img class="w100" :src="imgThirteen" /> </div> <p> A.Read the example and underline the real subject that 鈥渋t鈥� @@ -896,7 +950,8 @@ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating arrangement</span> + <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating + arrangement</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> @@ -1113,34 +1168,37 @@ <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 style="margin-left: 10px" class="audio" @play="audioPlay"></audio></p> - <p>For an + <p>For an <span class="word-bc" @click="saveWord($event, 'individual')">individual</span> - or a country,a period of 14 years is long enough to become calm,confident and - <span class="word-bc" @click="saveWord($event, 'mature')">mature</span> - .On - the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p> + or a country,a period of 14 years is long enough to become calm,confident and + <span class="word-bc" @click="saveWord($event, 'mature')">mature</span> + .On + the road from 2008 to 2022,I learned to grow up with my country and the Olympics. + </p> <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span> .Seven years later when we won the right to host the Winter Games,I did not think that Beijing would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was - simply enjoying the moment.</p> - <p>Turning up as simple but + simply enjoying the moment. + </p> + <p>Turning up as simple but <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span> - ,the opening + ,the opening <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span> - lasted for about two hours with less performing - artists but more + lasted for about two hours with less performing + artists but more <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span> - technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing - 鈥渕yself鈥� 14 years ago at the same sports field.The + technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing + 鈥渕yself鈥� 14 years ago at the same sports field.The <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span> -shaped Olympic <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span> ,formed by the smaller - snowflakes with names of the + snowflakes with names of the <span class="word-bc" @click="saveWord($event, 'participating')">participating</span> - countries and regions on them,was lit by two young Chinese - athletes.</p> + countries and regions on them,was lit by two young Chinese + athletes. + </p> </div> </div> <div class="preface-bottom"> @@ -1165,27 +1223,30 @@ <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was 鈥� <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span> - 鈥�,not only because of the + 鈥�,not only because of the <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span> - situation but also a different China now 鈥攎ore confident in - its culture.</p> - <p>In the summer 14 years ago,I was like a + situation but also a different China now 鈥攎ore confident in + its culture. + </p> + <p>In the summer 14 years ago,I was like a <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span> - full of energy rushing for work but also making - errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the - <span class="word-bc" @click="saveWord($event, 'track')">track</span> - due to injury.In the + full of energy rushing for work but also making + errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the + <span class="word-bc" @click="saveWord($event, 'track')">track</span> + due to injury.In the winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self - 鈥攖hanks to regular exercise and a positive view of sports - <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> - .</p> + 鈥攖hanks to regular exercise and a positive view of sports + <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> + . + </p> <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p> - <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we + <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the - world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p> - <p>I failed to control myself the moments when the Chinese national + world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥� + </p> + <p>I failed to control myself the moments when the Chinese national <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span> - was played and when images of + was played and when images of people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love. </p> @@ -1444,7 +1505,7 @@ </span> </p> <div class="openImgBox" v-if="showImgOne"> - <img class="w100" :src="imgThirteenOne" /> + <img class="w100" :src="imgThirteenOne" /> </div> <p>Complete the passage using the correct form of the verbs in the brackets.</p> <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text" @@ -1501,8 +1562,8 @@ </tr> <tr class="table-tr-bc"> <td> - <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box" - @change="setBookQuestion"></textarea> + <textarea v-model="questionData.table.twentyTwo" + class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea " @@ -1539,8 +1600,8 @@ </tr> <tr class="table-tr-bc"> <td> - <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box" - @change="setBookQuestion"></textarea> + <textarea v-model="questionData.table.twentyFour" + class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td style="width: 90%;"> <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea " @@ -1549,8 +1610,8 @@ </tr> <tr class="table-tr-bc"> <td> - <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box" - @change="setBookQuestion"></textarea> + <textarea v-model="questionData.table.twentyFix" + class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td style="width: 90%;"> <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea " @@ -2354,7 +2415,7 @@ showAnswerFour: false, showAnswerFive: false, showImg: false, - showImgOne:false, + showImgOne: false, showLessonOneQuestionAnswer: false, rawData: { left: [ @@ -2533,56 +2594,61 @@ eighteen: "", nineteen: "", twenty: "", - twentyOne:"", - twentyTwo:"", - twentyThree:"", - twentyFour:"", - twentyFive:"", - twentySix:"", - twentySeven:"", - twentyEight:"", - twentyNine:"", + twentyOne: "", + twentyTwo: "", + twentyThree: "", + twentyFour: "", + twentyFive: "", + twentySix: "", + twentySeven: "", + twentyEight: "", + twentyNine: "", thirty: "", - thirtyOne:"", - thirtyTwo:"", - thirtyThree:"", - thirtyFour:"", - thirtyFive:"", - thirtySix:"", - thirtySeven:"", - thirtyEight:"", - thirtyNine:"", + thirtyOne: "", + thirtyTwo: "", + thirtyThree: "", + thirtyFour: "", + thirtyFive: "", + thirtySix: "", + thirtySeven: "", + thirtyEight: "", + thirtyNine: "", forty: "", - fortyOne:"", - fortyTwo:"", - fortyThree:"", - fortyFour:"", - fortyFive:"", - fortySix:"", - fortySeven:"", - fortyEight:"", - fortyNine:"", + fortyOne: "", + fortyTwo: "", + fortyThree: "", + fortyFour: "", + fortyFive: "", + fortySix: "", + fortySeven: "", + fortyEight: "", + fortyNine: "", fifty: "", - fiftyOne:"", - fiftyTwo:"", - fiftyThree:"", - fiftyFour:"", - fiftyFive:"", - fiftySix:"", - fiftySeven:"", - fiftyEight:"", - fiftyNine:"", + fiftyOne: "", + fiftyTwo: "", + fiftyThree: "", + fiftyFour: "", + fiftyFive: "", + fiftySix: "", + fiftySeven: "", + fiftyEight: "", + fiftyNine: "", sixty: "", - sixtyOne:"", - sixtyTwo:"", - sixtyThree:"", - sixtyFour:"", - sixtyFive:"", - sixtySix:"", - sixtySeven:"", - sixtyEight:"", - sixtyNine:"", + sixtyOne: "", + sixtyTwo: "", + sixtyThree: "", + sixtyFour: "", + sixtyFive: "", + sixtySix: "", + sixtySeven: "", + sixtyEight: "", + sixtyNine: "", }, + }, + radio: { + isRight: null, + answer: ["", "Date and time", "Address", "Organizer"], + value: [], }, testData: { check: [], @@ -2788,7 +2854,7 @@ } else if (type == "showImgOne") { this.showImgOne = !this.showImgOne; } - setTimeout(()=>{ this.$emit("initViewer","")},500) + setTimeout(() => { this.$emit("initViewer", "") }, 500) }, handleQuestion(type) { if (type == "one") { -- Gitblit v1.9.1