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>
			@@ -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%;">
			@@ -1118,12 +1173,14 @@
			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>
			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>
			simply enjoying the moment.
			</p>
			<p>Turning up as simple but
			<span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
			,the opening
			@@ -1140,7 +1197,8 @@
			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>
			athletes.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1168,7 +1226,8 @@
			”,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>
			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
			@@ -1178,11 +1237,13 @@
			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>
			.
			</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
			<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>
			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
			@@ -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 "
			@@ -2584,6 +2645,11 @@
			sixtyNine:"",
			},
			},
			radio: {
			isRight: null,
			answer: ["", "Date and time", "Address", "Organizer"],
			value: [],
			},
			testData: {
			check: [],
			tx: {