testbookLayout.git

			@@ -295,13 +295,55 @@
			class="audio"></audio>
			</h3>
			<p><b>Listen to the monologue about workplace success and fill in the blanks with what you
			hear.</b></p>
			<p>Do you want to succeed in the workplace? Try your best for_____in everything you
			do.Excellence means to be the best in_____you do.Giving your 100% every time will help you
			achieve that excellence in no time at all.Put all your_____in whatever you do and achieve
			the best results.Care about the_____of your work and be willing to put in extra effort when
			necessary.You will get more_____to grow as an individual and make great progress within
			yourcareer.People with strong work ethic always a_______lot in return.</p>
			hear.</b>
			<span class="btn-box" @click="viewReadingOne">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>Do you want to succeed in the workplace? Try your best for
			<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[0].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[0].isRight == false \|\| readingOne[0].value[0].isRight == true">
			in everything you
			do.Excellence means to be the best in<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[1].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[1].isRight == false \|\| readingOne[0].value[1].isRight == true">
			you do.Giving your 100% every time will help you
			achieve that excellence in no time at all.Put all your<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[2].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[2].isRight == false \|\| readingOne[0].value[2].isRight == true">in whatever you do and achieve
			the best results.Care about the<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[3].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[3].isRight == false \|\| readingOne[0].value[3].isRight == true">of your work and be willing to put in extra effort when
			necessary.You will get more<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[4].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[4].isRight == false \|\| readingOne[0].value[4].isRight == true">to grow as an individual and make great progress within
			yourcareer.People with strong work ethic always a<input type="text"
			class="input-bottom-border" style="width: 100px"
			v-model="readingOne[0].value[5].userAnswer" @blur="handleReadingOne" />
			<img :src="readingOne[0].value[5].isRight ? correctIcon : errorIcon"
			v-if="readingOne[0].value[5].isRight == false \|\| readingOne[0].value[5].isRight == true">lot in return.</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer">
			<span>答案：</span>
			<p v-for="(item, index) in readingOne[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -366,13 +408,13 @@
			</p>
			<p class="center"><b>Lineman Wang Jin</b></p>
			<p class="center"><audio :src="resource.readingOne" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			></audio></p>
			controlslist="noplaybackrate nodownload" style="margin-left: 10px"
			class="audio"></audio></p>
			<p>Working on high-
			<span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
			<span class="word-bc">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>
			<span class="word-bc">routine</span>
			.
			</p>
			<p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
			@@ -380,9 +422,9 @@
			company.</p>
			<p>Wang still clearly remembered the first time he touched the power line.“I was really scared
			because at the moment of
			<span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
			<span class="word-bc">contact</span>
			...500 000 volts of
			<span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
			<span class="word-bc">electricity</span>
			hit the gloves,” recalled
			Wang.
			</p>
			@@ -390,14 +432,14 @@
			remote areas.</p>
			<p>Summer in east China’s Shandong Province can be hot and dry.The steel tower is also
			hot.Wearing
			<span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
			<span class="word-bc">protective</span>
			clothes in such weather,Wang felt
			<span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
			<span class="word-bc">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>
			<span class="word-bc">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.
			@@ -405,28 +447,28 @@
			<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
			<span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
			<span class="word-bc">inspection</span>
			and
			<span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
			<span class="word-bc">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>
			<span class="word-bc">digital</span>
			and
			<span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
			<span class="word-bc">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>
			<span class="word-bc">dedication</span>
			has made
			him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
			<span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
			<span class="word-bc" word="achieve">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>
			<span class="word-bc">construction</span>
			in China.Their total length is 48 000 kilometers.China’s electricity network has the highest
			voltage and the biggest transmission
			<span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
			<span class="word-bc">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>
			@@ -866,22 +908,16 @@
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<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>
			<span class="word-bc mr-20 dl-span">strong-willed</span>
			<span class="word-bc mr-20 dl-span" word="motivate">motivated</span>
			<span class="word-bc mr-20 dl-span">active</span>
			<span class="word-bc mr-20 dl-span">cooperative</span>
			<span class="word-bc mr-20 dl-span">stressful</span>
			<span class="word-bc mr-20 dl-span" word="discipline">disciplined</span>
			<span class="word-bc mr-20 dl-span">risky</span>
			<span class="word-bc mr-20 dl-span">helpful</span>
			<span class="word-bc mr-20 dl-span">dutiful</span>
			<span class="word-bc mr-20 dl-span">enthusiastic</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			@@ -890,137 +926,112 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_21.jpg" />
			</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" />
			<img src="../../assets/images/ppt/7-1、MODULE 7（lesson one）_22.jpg" />
			</div>
			</div>
			</div>
			@@ -1219,28 +1230,41 @@
			</p>
			<p class="center"><b>Work Ethic in the Workplace</b></p>
			<p class="center"> <audio :src="resource.readingThree" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
			controlslist="noplaybackrate nodownload" style="margin-left: 10px"
			class="audio"></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs
			<span class="word-bc" word="regard">regarding</span>
			what is and isn’t
			acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
			views of employees,their motivation,and overall company culture.</p>
			views of employees,their motivation,and overall company culture.
			</p>
			<p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
			<p><b>Example</b> 1</p>
			<p>Angela’s director asked her to sort out data about the patients and
			insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
			<span class="word-bc">insurance</span>
			.Unfortunately,Angela isn’t very familiar with processing certain insurance
			<span class="word-bc" word="claim">claims</span>
			.
			</p>
			<p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
			the insurance department and consults her director.</p>
			<p>In the process,she expands her skills to make sure she meets her goals.</p>
			<p><b>Example</b> 2</p>
			<p>Jim’s director asked him to review the financial reports from last quarter to look for
			purchases from one guest.The director gave him this task about a month ago and asked him to
			complete it within a few weeks.</p>
			<span class="word-bc" word="purchas">purchases</span>
			from one guest.The director gave him this task about a month ago and asked him to
			complete it within a few weeks.
			</p>
			<p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
			early,he leaves it to the last minute and turns in an incomplete report.</p>
			<p><b>Example</b> 3</p>
			<p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
			addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
			<p>Sheila is sometimes
			<span class="word-bc" word="bother">bothered</span>
			by the tasks assigned by her director.However,she never
			<span class="word-bc" word="address">addresses</span>
			her
			<span class="word-bc" word="complaint">complaints</span>
			to the director.Instead,she complains to her coworkers,friends,and
			</p>
			</div>
			</div>
			@@ -1272,8 +1296,11 @@
			for half an hour or even longer.</p>
			<p>Instead of trying hard to change the current situation,he makes various excuses for being
			late.</p>
			<p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
			him as being unreliable and irresponsible as a result.</p>
			<p>His
			<span class="word-bc">constant</span>
			delay shows a lack of respect for his job and coworkers.His coworkers think of
			him as being unreliable and irresponsible as a result.
			</p>
			<p>The above examples represent a set of working attitudes that regulate employees’ behavior at
			work.And what can you do to develop strong work ethic?</p>
			<p class="fl al-cn mt-40">
			@@ -1680,137 +1707,77 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_14.jpg" />
			</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" />
			<img src="../../assets/images/ppt/7-2、MODULE 7（lesson two）_15.jpg" />
			</div>
			</div>
			</div>
			@@ -1828,8 +1795,8 @@
			</h3>
			<p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
			for being late.</b></p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<ul class="fl">
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
			@@ -1838,7 +1805,7 @@
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			<img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			@@ -1849,15 +1816,21 @@
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			<img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[0].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in questionDataThree[0].answer" :key="index">
			{{ index + 1 }}.{{ item }}
			</span>
			</div>
			<p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
			conversation and fill in the blanks with what you hear.</b></p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>Susan:Have you noticed Jeff has been late many times?</p>
			<p>Jenny:Yes,I want to have a talk with you about this.</p>
			<p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
			@@ -1922,6 +1895,12 @@
			</p>
			<p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won’t make the same mistake again in
			the future.</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in questionDataThree[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			@@ -2061,27 +2040,91 @@
			</div>
			<div class="bk-13">
			<p>Dear Jeff Bell,</p>
			<p>Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" @change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			<p class="tl-lf">Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer"
			@change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">
			do not comply with Tech
			Market Technology Company’s policies:
			</p>
			<p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
			<p>_____on January 17th,2023.</p>
			<p>The following consequences,_____,will be applied,should you not demonstrate improvement
			or cease violation of company policies:</p>
			<p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer"
			@change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">on January 17th,2023.
			</p>
			<p class="tl-lf">The following consequences,
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer"
			@change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate
			improvement
			or cease violation of company policies:
			</p>
			<p>1.Second warning notice issued</p>
			<p>2._____</p>
			<p>2. <select class="select-border select-bc-t w80"
			v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">
			</p>
			<p>3.Third and final warning notice followed by an in-person meeting</p>
			<p>4.Termination of employment</p>
			<p>We will do whatever to_____.</p>
			<p class="tl-lf">We will do whatever to
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer"
			@change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">.
			</p>
			<p>Supervisor’s signature:Jim Marche</p>
			<p>Date:1/31/23</p>
			</div>
			<div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
			<div>
			<p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value"
			:key="'warmUpOne' + index">
			{{ index + 1 }}.{{ item.answer }}
			</p>
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleWarmUpOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastWarmUpOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewWarmUpOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b>
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			@@ -2435,139 +2478,100 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			<img src="../../assets/images/ppt/7-3、MODULE 7（lesson three）_19.jpg" />
			</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>
			@@ -2924,6 +2928,44 @@


			},
			readingOne:[
			{
			type: "fill",
			isShowAnswer: false,
			value: [
			{
			answer: 'excellence',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'whatever',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'focus',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'quality',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'opportunities',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'benefit',
			userAnswer: '',
			isRight: null
			},
			]
			},
			],
			questionDataOne: [
			{
			type: "fill",
			@@ -3381,6 +3423,11 @@
			isRight: null,
			},
			{
			answer: 'in order of escalation',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'job suspension without pay for one workweek',
			userAnswer: '',
			isRight: null,
			@@ -3393,6 +3440,7 @@
			]
			}
			],

			};
			},
			mounted() {
			@@ -3419,6 +3467,11 @@
			this.warmUp = JSON.parse(warmUp);
			}

			const warmUpOne = localStorage.getItem("english-chapter-7-warmUpOne");
			if (warmUpOne) {
			this.warmUpOne = JSON.parse(warmUpOne);
			}

			const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
			if (questionDataTwo) {
			this.questionDataTwo = JSON.parse(questionDataTwo);
			@@ -3428,6 +3481,12 @@
			if (questionDataThree) {
			this.questionDataThree = JSON.parse(questionDataThree);
			}

			const readingOne = localStorage.getItem("english-chapter07-readingOne");
			if (readingOne) {
			this.readingOne = JSON.parse(readingOne);
			}

			this.getPath();
			},
			methods: {
			@@ -3442,9 +3501,6 @@
			flag = answer.indexOf(data) > -1 ? true : false;
			}
			return flag;
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			@@ -3686,6 +3742,44 @@
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			},
			setWarmUpOne() {
			localStorage.setItem(
			"english-chapter-7-warmUpOne",
			JSON.stringify(this.warmUpOne)
			);
			},
			recastWarmUpOne() {
			localStorage.removeItem("english-chapter-7-warmUpOne");
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}

			}
			},
			viewWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},

			handleQuestionDataTwo() {
			for (let index = 0; index < this.questionDataTwo.length; index++) {
			const item = this.questionDataTwo[index];
			@@ -3743,7 +3837,6 @@
			}
			}
			}
			console.log(this.questionDataThree, 111);
			},
			setQuestionDataThree() {
			localStorage.setItem(
			@@ -3774,6 +3867,30 @@
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			saveReadingOne() {
			localStorage.setItem('english-chapter07-readingOne', JSON.stringify(this.readingOne))
			},
			handleReadingOne(){
			for (let index = 0; index < this.readingOne.length; index++) {
			const item = this.readingOne[index];
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(citem.userAnswer != ""){
			citem.isRight = citem.answer == citem.userAnswer
			}else{
			citem.isRight=null
			}
			}
			}
			this.saveReadingOne()
			},
			viewReadingOne(){
			for (let index = 0; index < this.readingOne.length; index++) {
			const item = this.readingOne[index];
			item.isShowAnswer = !item.isShowAnswer

			}
			},
			},
			};
			</script>