testbookLayout.git

			@@ -394,37 +394,37 @@
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf" style="width: 33%;">l. often →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-lf">4. early →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">5. heavy →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">6. late →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">7. dangerous →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">8. thin →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">9. far →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			@@ -813,35 +813,55 @@
			<td class="tl-cn table-th-bc">The FAST Team</td>
			<td style="width: 65%;">
			<p class="table-p">
			The engineering and operation team has an average age of 1.
			while the on-site team has an average age of 2.
			The engineering and operation team has an average age of 1.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			while the on-site team has an average age of 2.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</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">He would like to provide the world's 5.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />least developed countries
			<p class="table-p">He would like to provide the world's 5.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />people.</p>
			<p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
			style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>people.</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">He would like to provide the world's 5.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />least developed countries
			<p class="table-p">He would like to provide the world's 5.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />people.</p>
			<p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
			style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>people.</p>
			</td>
			</tr>
			</table>
			@@ -950,11 +970,73 @@
			then discuss with your group members about their spirit towards scientific research and
			innovation.</p>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0081-2.jpg" /></p>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Scientists</td>
			<td class="tl-cn">Contributions</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Zhang Heng</td>
			<td class="tl-lf">
			He invented a machine called seismometer(地动仪), which could sense distant
			earthquakes,
			and indicated in which direction they were happening.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			</p>
			<h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
			<h3 id="c035"><span class="bjh3">Listening</span></h3>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			<h3 id="c035" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
			about it.</b></p>
			<p>□ 1.What it is</p>
			@@ -987,7 +1069,75 @@
			<p>□ 6.Why it is important to Nadia</p>
			<p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
			conversation,and write down the benefits of each App.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Artificial Inteligence Apps</td>
			<td class="tl-cn">Benefits</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			digital assistance
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It reminds me to do things.
			</p>
			<p class="table-p">
			It wakes me up 1<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />in the morning.
			</p>
			<p class="table-p">
			It plays my 2.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />music.
			</p>
			<p class="table-p">
			I chat with it when I am alone..
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			online shopping recommendation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It 3.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />suggests things that I want.
			</p>
			<p class="table-p">
			It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />experience.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			instant translation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			They help me communicate easily when I travel abroad.
			</p>
			<p class="table-p">
			They're so 5.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />for foreign language learning.
			</p>
			<p class="table-p">
			I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			</td>
			</tr>
			</table>

			</p>
			<h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.What is a sales letter like?</p>
			@@ -1426,7 +1576,7 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			},
			},