testbookLayout.git

			@@ -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 “it”
			@@ -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’s 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 “togetherness” rather than introducing
			“myself” 14 years ago at the same sports field.The
			technologies to tell the story of “togetherness” rather than introducing
			“myself” 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 —more confident in
			its culture.</p>
			<p>In the summer 14 years ago,I was like a
			situation but also a different China now —more 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 —more serious at work,fitter self
			—thanks to regular exercise and a positive view of sports
			<span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
			.</p>
			—thanks 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.“In 2008 we
			<p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we
			<span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
			world while in 2022 we became people-centered —for 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 —for 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 “Paying Tribute to the People”.It is this
			country and its people that made the Olympics happen.I’m as tearful as usual for now I’m 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") {