testbookLayout.git

			@@ -38,7 +38,114 @@
			<p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
			functions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Departments</td>
			<td class="tl-cn">Functions</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.one.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It has overall responsibilities for creating, planning, implementing, and
			integratingthe strategie direction of an organization.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.two.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It deals with such matters as involving employees, hiring, training, labor
			relations,and benefits.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.three.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It is responsible for presenting, advertising and selling a company's products
			orservices.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.four.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It is responsible for finding new products and processes or improving existing ones.
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.five.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It manages money in running a business, an activity or a project.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.six.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It's a department where people assist the CEO to plan, organize and run a business.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.seven.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			<td>
			It makes food, goods or materials, especially in large quantities.
			</td>
			</tr>
			</table>
			<h3 id="c056"><span class="bjh3">Listening</span></h3>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@@ -82,34 +189,66 @@
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
			people it’s a daily routine.</p>
			<p>Working on high-
			<span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
			power lines is considered by many as a high-risk job.But for some
			people it’s a daily
			<span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
			.
			</p>
			<p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
			Jin has been in this job for more than 20 years.He is a team leader at an electric power
			company.</p>
			<p>Wang still clearly remembered the first time he touched the power line.“I was really scared
			because at the moment of contact ...500 000 volts of electricity hit the gloves,” recalled
			Wang.</p>
			because at the moment of
			<span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
			...500 000 volts of
			<span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
			hit the gloves,” recalled
			Wang.
			</p>
			<p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
			remote areas.</p>
			<p>Summer in east China’s Shandong Province can be hot and dry.The steel tower is also
			hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
			shift.</p>
			<p>In 2011,Wang finished the world’s first repair work on a 660-kilovolt live-transmission
			hot.Wearing
			<span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
			clothes in such weather,Wang felt
			<span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
			even before he started the
			shift.
			</p>
			<p>In 2011,Wang finished the world’s first repair work on a 660-kilovolt live-
			<span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
			line.The power transmitted by this line was almost one-tenth of the total power in the
			entire province at that time.Wang won the National Science and Technology Progress Award—one
			of China’s highest national honors—for his excellent performance.</p>
			of China’s highest national honors—for his excellent performance.
			</p>
			<p>China’s UHV power network continues to expand,so Wang and his colleagues have set up an
			innovation center to address new challenges.</p>
			<p>They have introduced more technologies including the use of drones for line inspection and
			maintenance.They have 240 drones and 80 operators,and they want to create an
			unmanned,digital and intelligent line inspection system.</p>
			<p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
			<p>They have introduced more technologies including the use of drones for line
			<span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
			and
			<span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
			.They have 240 drones and 80 operators,and they want to create an
			unmanned,\
			<span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
			and
			<span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
			line inspection system.
			</p>
			<p>Wang is now a father of two.His family gave him the biggest support.His
			<span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
			has made
			him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
			achieved more than 30 technological innovations.</p>
			<p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
			<span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
			achieved more than 30 technological innovations.
			</p>
			<p>By the end of 2020,a total of 35 UHV projects had been completed or were under
			<span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
			in China.Their total length is 48 000 kilometers.China’s electricity network has the highest
			voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
			voltage and the biggest transmission
			<span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
			in the world.Thanks to technicians like Wang
			and his colleagues,China hasn’t experienced a large-scale power outage in the past 10 years.
			</p>
			</div>
			@@ -138,9 +277,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<p class="center"> <audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			<p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
			<div class="bkbj">
			<p><i>electrical force measured in volts</i></p>
			@@ -302,7 +440,20 @@
			<p>_________________________________________________________________</p>
			<p>4.Those employees believe that challenges offer opportunities to learn.</p>
			<p>_________________________________________________________________</p>
			<p><b>Ⅲ.Grammar focus:The simple past & past perfect tense.</b></p>
			<p><b>Ⅲ.Grammar focus:The simple past & past perfect tense.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
			from the passage,and then write them down.</p>
			<p><b>The simple past tense:</b></p>
			@@ -343,11 +494,216 @@
			<div class="padding-93">
			<div class="bodystyle">
			<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/0134-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Names</td>
			<td class="tl-cn">Reasons</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Yuan Longping</td>
			<td>
			He was creative and started his research of hybrid rice technology,by which farmers
			can produce harvests twice as large as before.
			</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.three"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p>strong-willed　motivated　active　cooperative　stressful　disciplined　risky　helpful　dutiful　enthusiastic
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'strong-willed')">strong-willed</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'motivated')">motivated</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cooperative')">cooperative</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'disciplined')">disciplined</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'enthusiastic')">enthusiastic</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2>
			<h3 id="c059"><span class="bjh3">Warm-up</span></h3>
			@@ -522,7 +878,73 @@
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
			<p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
			are strong or poor.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0137-2.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Examples</td>
			<td class="tl-cn" style="width: 70%;">Work Ethic Mentioned</td>
			<td class="tl-cn">
			Strong or Poor
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">Example 1</td>
			<td>
			<textarea v-model="questionData.table.seven"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eight"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Example 2
			</td>
			<td>
			<textarea v-model="questionData.table.nine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.ten"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Example 3
			</td>
			<td>
			<textarea v-model="questionData.table.eleven"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twelve"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Example 4
			</td>
			<td>
			<textarea v-model="questionData.table.thirteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.fourteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Fill in the blanks with the proper form of the words given below.</p>
			<div class="bk-wh">
			@@ -561,7 +983,20 @@
			<p>3.give up_________________________________________</p>
			<p>4.turn in_________________________________________</p>
			<p>5.address ...to ..._____________________________</p>
			<p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b></p>
			<p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImgOne">
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
			<p><b>Examples:</b></p>
			<div class="fieldset-8">
			@@ -580,7 +1015,31 @@
			<p>faithfulness　initiative　innovation　selflessness　bravery　rigor　teamwork　fortitude</p>
			</div>
			<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/0138-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Work Ethic</td>
			<td class="tl-cn" style="width:90%;">The Way to Develop lt</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Honesty</td>
			<td>
			Don't tell/ies. IfI make a mistake, I will admit it and correet it.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.fifteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.sixteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>

			</table>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -603,7 +1062,208 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
			<p class="continued">continued</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Work Ethic</td>
			<td class="tl-cn">The Way to Develop lt</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn" >
			<textarea v-model="questionData.table.seventeen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td style="width: 90%;">
			<textarea v-model="questionData.table.eighteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twenty"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.twentyOne"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyTwo"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.twentyThree"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyFour"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
			<h3 id="c062"><span class="bjh3">Listening</span></h3>
			<p class="center"><audio :src="resource.readingTwo" controls
			@@ -812,7 +1472,152 @@
			<div class="padding-93">
			<div class="bodystyle">
			<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/0143-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Examples</td>
			<td class="tl-cn">Strong/Bad</td>
			<td class="tl-cn">
			Work Ethic
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">Barney is the employee that always follows through on his commitments. If he agrees to take over another co-worker's shift.he always shows up. If he commits to a deadline, you can count on him to meet that deadline.</td>
			<td class="tl-cn">
			Strong
			</td>
			<td class="tl-cn">
			Dedication
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Sarah consistently completes all of her assignments with careful attention. Whether it’s staying up late to finish a research paper or sacrifcing her weekends to prepare for projects.
			</td>
			<td>
			<textarea v-model="questionData.table.twentyFive"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentySix"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Mary is always ready to lend a helping hand and offer help whenever needed, She willingly shares her knowledge and expertise, contributing to the success of the entire team.
			</td>
			<td>
			<textarea v-model="questionData.table.twentySeven"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyEight"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Amanda is the teacher who always inspires her students. She creates engaging lessons that ignite their curiosity and encouragesthem to explore and learn. Amanda motivates them to develop alifelong love for learning. </td>
			<td>
			<textarea v-model="questionData.table.twentyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirty"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Lisa is the customer service representative who consistently delivers outstanding service. She patiently listens to customers’concerns,empathizes with their situation, and goes above and beyond to find solutions. </td>
			<td>
			<textarea v-model="questionData.table.thirtyOne"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyTwo"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			James frequently forgets to submit his weekly report on time.causing delays in the team's progress. This lack of consistency and attention to details affects the project timelines and hampers effective communication within the team. </td>
			<td>
			<textarea v-model="questionData.table.thirtyThree"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyFour"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Andrew mistakenly sent an email to a client with incorrect information, During the projeet review, he confessed to his supervisor that he was the one responsible for the mistake, despite no one else was aware of it.</td>
			<td>
			<textarea v-model="questionData.table.thirtyFive"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtySix"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			John improved work productivity by introducing a new project management tool that allowed for better task coordination. This led to more efficient project completion and inereased output. </td>
			<td>
			<textarea v-model="questionData.table.thirtySeven"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyEight"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Mike failed to double-check important client documents before submitting them, which not only caused frustration for the client but also required the team to invest additional time and resources to rectify the mistake. </td>
			<td>
			<textarea v-model="questionData.table.thirtyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.forty"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			Thomas frequently underestimated the time required for tasks.leading to rushed and subpar work. His disorganized approach resulted in missed deadlines, delayed deliverables, and frustrated clients. </td>
			<td>
			<textarea v-model="questionData.table. fortyOne"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table. fortyTwo"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -863,6 +1668,153 @@
			<p>Tardiness</p>
			<p>Unprofessional behavior</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -885,13 +1837,15 @@
			},
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			imgThirteen: require("../../assets/images/grammar7-1.png"),
			imgThirteenOne: require("../../assets/images/grammar7-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			rawData: {
			left: [
			@@ -1057,8 +2011,41 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			twentyTwo: "",
			twentyThree: "",
			twentyFour: "",
			twentyFive: "",
			twentySix: "",
			twentySeven: "",
			twentyEight: "",
			twentyNine: "",
			thirty: "",
			thirtyOne: "",
			thirtyTwo: "",
			thirtyThree: "",
			thirtyFour: "",
			thirtyFive: "",
			thirtySix: "",
			thirtySeven: "",
			thirtyEight: "",
			thirtyNine: "",
			forty: "",
			fortyOne: "",
			fortyTwo: "",
			},
			},
			testData: {
			@@ -1117,43 +2104,49 @@
			readingTwo: "",
			},
			dropDownList: [
			"online shopping",
			"facial recognition",
			"electronic payment",
			"intercity train",
			"shared bike",
			"take-away service",
			"HR Department",
			"R&D Department",
			"CEO office",
			"Finance Department",
			"Produetion Department",
			"Marketing Department",
			"Administration office",
			],
			dropdownData: {
			one: {
			value: "",
			isRight: null,
			answer: "intercity train",
			answer: "Administration office",
			},
			two: {
			value: "",
			isRight: null,
			answer: "online shopping",
			answer: "HR department",
			},
			three: {
			value: "",
			isRight: null,
			answer: "electronic payment",
			answer: "Marketing department",
			},
			four: {
			value: "",
			isRight: null,
			answer: "shared bike",
			answer: "R & D department",
			},
			five: {
			value: "",
			isRight: null,
			answer: "take-away service",
			answer: "Finance department",
			},
			six: {
			value: "",
			isRight: null,
			answer: "facial recognition",
			answer: "CEO office",
			},
			seven: {
			value: "",
			isRight: null,
			answer: "Production department",
			},
			},
			};
			@@ -1254,7 +2247,10 @@
			showAnswer(type) {
			if (type == "showImg") {
			this.showImg = !this.showImg;
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			handleQuestion(type) {
			if (type == "one") {