testbookLayout.git

			@@ -339,14 +339,14 @@
			<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" id="1" v-model="radioOne[0].value[0].userAnswer" /> A. I can
			<input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> 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" id="2" v-model="radioOne[0].value[0].userAnswer" /> B. My
			<input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> 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' ">
			@@ -356,7 +356,7 @@
			<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" id="3" v-model="radioOne[0].value[1].userAnswer" /> A. My
			<input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -364,7 +364,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" /> B. My
			<input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -374,7 +374,7 @@
			<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" id="5" v-model="radioOne[0].value[2].userAnswer" /> A. My
			<input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -382,7 +382,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" /> B. My
			<input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -392,7 +392,7 @@
			<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" id="7" v-model="radioOne[0].value[3].userAnswer" /> A.
			<input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -400,7 +400,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" /> B.
			<input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> 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'">
			@@ -1844,7 +1844,7 @@
			<span class="word-bc">cauldron</span>
			,formed by the smaller
			snowflakes with names of the
			<span class="word-bc">participating</span>
			<span class="word-bc" word="participate">participating</span>
			countries and regions on them,was lit by two young Chinese
			athletes.
			</p>
			@@ -1890,7 +1890,7 @@
			</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">impressed</span> the
			<span class="word-bc" word="impress">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
			@@ -4735,7 +4735,7 @@
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			@@ -4743,7 +4743,11 @@
			if (dropdownData) {
			this.dropdownData = JSON.parse(dropdownData);
			}


			const radioOne = localStorage.getItem("englis-chapter02-radioOne");
			if (radioOne) {
			this.radioOne = JSON.parse(radioOne);
			}
			this.getPath();
			},
			methods: {
			@@ -4911,7 +4915,7 @@
			},
			setBookQuestion() {
			localStorage.setItem(
			"english-book-question-one",
			"english-book-chapter02-question-one",
			JSON.stringify(this.questionData)
			);
			},
			@@ -5139,8 +5143,8 @@
			citem.isRight = null
			}
			}
			this.savaRadioOne()
			}
			this.savaRadioOne()
			},
			changeRadioOne() {
			for (let index = 0; index < this.radioOne.length; index++) {