From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 05 八月 2024 11:57:36 +0800 Subject: [PATCH] 英语PPT结束 --- src/books/English/view/components/chapter007.vue | 647 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 391 insertions(+), 256 deletions(-) diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue index 3530afb..b4afeba 100644 --- a/src/books/English/view/components/chapter007.vue +++ b/src/books/English/view/components/chapter007.vue @@ -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"> @@ -365,14 +407,14 @@ (4).Farmers plant so many fruits and vegetables to satisfy our appetite. </p> <p class="center"><b>Lineman Wang Jin</b></p> - <p class="center"><audio :src="resource.readingTwo" controls - controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" - @play="audioPlay"></audio></p> + <p class="center"><audio :src="resource.readingOne" controls + 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鈥檚 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.鈥淚 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鈥檚 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鈥檚 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鈥攐ne of China鈥檚 highest national honors鈥攆or his excellent performance. @@ -405,28 +447,28 @@ <p>China鈥檚 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">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鈥檚 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鈥檛 experienced a large-scale power outage in the past 10 years. </p> @@ -457,7 +499,7 @@ <span class="line-border-box"></span> </p> <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - style="margin-left: 10px" class="audio" @play="audioPlay"></audio> + style="margin-left: 10px" class="audio"></audio> <p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p> <div class="bkbj"> <p><i>electrical force measured in volts</i></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">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">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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson one锛塤22.jpg" /> </div> </div> </div> @@ -1218,29 +1229,42 @@ (4).Someone can communicate with me openly and effectively. </p> <p class="center"><b>Work Ethic in the Workplace</b></p> - <p class="center"> <audio :src="resource.readingTwo" controls - controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" - @play="audioPlay"></audio></p> - <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn鈥檛 + <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 + <span class="word-bc" word="regard">regarding</span> + what is and isn鈥檛 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鈥檒l review some common examples of both strong and poor work ethic.</p> <p><b>Example</b> 1</p> <p>Angela鈥檚 director asked her to sort out data about the patients and - insurance.Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance claims. + <span class="word-bc">insurance</span> + .Unfortunately,Angela isn鈥檛 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鈥檚 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鈥檛 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"> @@ -1281,7 +1308,7 @@ <span class="line-border-box"></span> </p> <p> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" + <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> </p> <p>regarding /r瑟藞伞蓱藧d瑟艐/ <i>prep.</i> 鍏充簬锛涜嚦浜�</p> @@ -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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson two锛塤15.jpg" /> </div> </div> </div> @@ -1825,11 +1792,11 @@ <h3 id="c062" class="fl al-cn"> <span class="bjh3">Listening</span> <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜--> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - class="audio"></audio> </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> <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,13 +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鈥檚 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> <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 @@ -1920,6 +1895,12 @@ </p> <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won鈥檛 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> @@ -2059,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鈥檚 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鈥檚 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"> @@ -2433,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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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銆丮ODULE 7锛坙esson 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> @@ -2865,6 +2871,10 @@ listenOne: "", readingOne: "", readingTwo: "", + readingThree: "", + readingFour: "", + listenTwo: "", + listenThree: "", }, //new dropdownData: { @@ -2918,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", @@ -3375,6 +3423,11 @@ isRight: null, }, { + answer: 'in order of escalation', + userAnswer: '', + isRight: null, + }, + { answer: 'job suspension without pay for one workweek', userAnswer: '', isRight: null, @@ -3387,6 +3440,7 @@ ] } ], + }; }, mounted() { @@ -3413,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); @@ -3422,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: { @@ -3436,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)); @@ -3505,13 +3567,25 @@ }, async getPath() { this.resource.listenOne = await getResourcePath( - "422139A2EF66EA888C5ED1D550AE23E0" + "20D9B02E3B0C95E7CD524224C57E643A" ); this.resource.readingOne = await getResourcePath( - "3F442B682D84C8AB06C800B29D734920" + "01A4E8C1E8E2801EF48DDBBA3E4A30BD" ); this.resource.readingTwo = await getResourcePath( - "E8719EC88026BCFB11D292AA999F6D3D" + "8D5057637DBB959B365E38360121FB41" + ); + this.resource.readingThree = await getResourcePath( + "113D24C2D701120C0F6283A72F9F4366" + ); + this.resource.readingFour = await getResourcePath( + "DE0C4081FE1FFE2374EDB989609B25E9" + ); + this.resource.listenTwo = await getResourcePath( + "DB59D9F65B437605F766F7975026B61D" + ); + this.resource.listenThree = await getResourcePath( + "53543E43DC90215C21CFC432D46CAB18" ); }, showAnswer(type) { @@ -3668,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]; @@ -3725,7 +3837,6 @@ } } } - console.log(this.questionDataThree, 111); }, setQuestionDataThree() { localStorage.setItem( @@ -3756,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> -- Gitblit v1.9.1