From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 28 四月 2025 18:34:51 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter006.vue | 5620 ++++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 4,137 insertions(+), 1,483 deletions(-) diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue index 4bb17e8..5ea3bbf 100644 --- a/src/books/English/view/components/chapter006.vue +++ b/src/books/English/view/components/chapter006.vue @@ -1,1550 +1,4204 @@ <template> - <div class="chapter" num="7"> - <!-- 绗叚鍗曞厓 --> - <!-- 97 --> - <div class="page-box" page="103"> - <div v-if="showPageList.indexOf(103) > -1"> - <h1 id="a010"><img class="img-0" alt="" src="../../assets/images/dy6.jpg" /></h1> - <p><b>This unit will help you to:</b></p> - <p>鉃� Learn words and expressions about work environment</p> - <p>鉃� Review the usage of inverted sentences and modal verbs (can,could,may,might)</p> - <p>鉃� Be able to perform properly when chairing a meeting</p> - <p>鉃� Be able to write minutes</p> - <p>鉃� Learn to create a positive work environment</p> - <p class="center"><img class="img-0" alt="" src="../../assets/images/0107-2.jpg" /></p> - </div> - </div> - <!-- 98 --> - <div class="page-box" page="104"> - <div v-if="showPageList.indexOf(104) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <h2 id="b021"><img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" /></h2> - <h3 id="c046"><span class="bjh3">Warm-up</span></h3> - <p><b>鈪�.Put the expressions in the box below on the corresponding answer line under each - picture.</b></p> - <div class="bk-wh"> - <p>open plan office銆�cubicles銆�private office銆�SOHO</p> - </div> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-1.jpg" /></p> - <p class="center">1._____________________</p> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-2.jpg" /></p> - <p class="center">2._____________________</p> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-3.jpg" /></p> - <p class="center">3._____________________</p> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-4.jpg" /></p> - <p class="center">4._____________________</p> - <p><b>鈪�.Pick up the words in the box below to describe the work environment you love and explain - your reasons.</b></p> - <div class="bk-wh"> - <p>caring, supportive, privacy, friendly, freedom, flexible</p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">98</span> - </div> - </div> - </div> - <!-- 99 --> - <div class="page-box" page="105"> - <div v-if="showPageList.indexOf(105) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <h3 id="c047"><span class="bjh3">Listening</span></h3> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - style="margin-left: 10px" class="audio" @play="audioPlay"></audio> - <p><b>Four interns are talking about the work environment they like.Listen to the recording and - fill in the blanks with what you hear.</b></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></p> - <h3 id="c048"><span class="bjh3">Reading</span></h3> - <p>1.What makes a positive work environment?</p> - <p>2.Why would people be more productive in such environment?</p> - <p class="center"><b>A Positive Work Environment</b></p> - <p class="center"> <audio :src="resource.readingTwo" controls - controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" - @play="audioPlay"></audio></p> - <p>How do we exactly define a positive work environment? When asked what makes a great work - environment,most people would mention a fancy workplace in a big building with modern - design,or a good relationship with coworkers.</p> - <p>Gone are those times when candidates only considered the salary at the time of joining a - company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing - how employees feel about work is the environment being provided by the employer.The work - environment here includes everything,such as the relationship with coworkers,company - culture,room for personal development,caf茅,furniture,etc.A positive work environment is - something that makes employees feel good about coming to work every day,and also motivates - them to work and give their best effort.</p> - <p>An effective way to ensure a positive work environment is to motivate employees for a correct - behavioral approach.Good behavior also determines good and peaceful environment.Another way - is to ensure healthy relationships among the staff; that is why communication is quite - necessary.Keeping an eye on staff interaction doesn鈥檛 cost much time for the management - team.They only </p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">99</span> - </div> - </div> - </div> - <!-- 100 --> - <div class="page-box" page="106"> - <div v-if="showPageList.indexOf(106) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p> need to observe body language and listen for negative clues and try to fix the problems as - soon as possible.The staff often takes the message from the behavior of the management - team,so the management team should also be aware of the power of their behavior and always - maintain dignity.</p> - <p>Another important way to make a great work environment for a company is to show appreciation - of outstanding employees.Workers are more likely to stay in the company,work hard and - provide years of excellent service when knowing that they have a clear opportunity for - advancement.When employees know they are valued,they tend to return the favor by being the - best at their job.A positive work environment is a place that promises to advance gifted - employees and keep that promise.</p> - <p>The work environment can greatly influence how the employees feel about their jobs.Because of - this,it鈥檚 important to find an employer that fosters a positive atmosphere and encourages - employees consistently.A positive work environment can improve employees鈥� happiness,increase - the productivity and motivate those around them.</p> - <p class="fl al-cn mt-40"> - <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> - <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p> - <div class="bkbj"> - <p><i>a person who is applying for a job</i></p> - </div> - <p>prospect /藞pr蓲spekt/ <i>n.</i> 鍓嶆櫙锛涘睍鏈�</p> - <div class="bkbj"> - <p><i>the chances of being successful</i></p> - </div> - <p>ensure /瑟n藞蕛蓴藧(r)]/ <i>v.</i> 纭繚锛涗繚璇�</p> - <div class="bkbj"> - <p><i>to make sure that sth.happens or is definite</i></p> - </div> - <p>behavioral /b瑟藞he瑟vj蓹r蓹l/ <i>adj.</i> 琛屼负鐨�</p> - <div class="bkbj"> - <p><i>of or relating to behavior</i></p> - </div> - <p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p> - <div class="bkbj"> - <p><i>a way of doing or thinking about sth.such as a problem or a task</i></p> - </div> - <p>determine /d瑟藞t蓽藧m瑟n/ <i>v.</i> 瀵癸紙鏌愪簨鐗╋級 浜х敓鍐冲畾鎬х殑褰卞搷锛涘喅瀹�</p> - <div class="bkbj"> - <p><i>to make sth.happen in a particular way or be of a particular type</i></p> - </div> - <p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p> - <div class="bkbj"> - <p><i>communication; cooperation</i></p> - </div> - <p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p> - <div class="bkbj"> - <p><i>a fact or a piece of evidence that helps to solve a problem or reveal the truth in an - investigation</i></p> - </div> - <p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p> - <div class="bkbj"> - <p><i>to keep sth.in existence at the same level,standard,etc.</i></p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">100</span> - </div> - </div> - </div> - <!-- 101 --> - <div class="page-box" page="107"> - <div v-if="showPageList.indexOf(107) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p> - <div class="bkbj"> - <p><i>a calm and serious manner that deserves respect</i></p> - </div> - <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆h祻</p> - <div class="bkbj"> - <p><i>understanding and enjoyment</i></p> - </div> - <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p> - <div class="bkbj"> - <p><i>excellent or exceptionally good</i></p> - </div> - <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p> - <div class="bkbj"> - <p><i>promotion in rank or status</i></p> - </div> - <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p> - <div class="bkbj"> - <p><i>to have a high opinion of sb./sth.</i></p> - </div> - <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p> - <div class="bkbj"> - <p><i>act of kindness beyond what is due or usual</i></p> - </div> - <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p> - <div class="bkbj"> - <p><i>having a lot of natural ability or intelligence</i></p> - </div> - <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p> - <div class="bkbj"> - <p><i>to encourage sth.to develop</i></p> - </div> - <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p> - <div class="bkbj"> - <p><i>in a way that does not change and continues for a period of time</i></p> - </div> - <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p> - <div class="bkbj"> - <p><i>the rate at which a worker,a company or a country produces goods,and the amount - produced,compared with how much time,work and money is needed to produce them</i> - </p> - </div> - <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p> - <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p> - <p>return the favor 鍥炴姤</p> - <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p> - <p>be likely to 寰堝彲鑳�</p> - <p><b>鈪�.Reading comprehension.</b></p> - <p>A.Mark the elements of a positive work environment mentioned in the passage.</p> - <p>鈻ompany culture</p> - <p>鈻ersonal development</p> - <p>鈻elationship with colleagues</p> - <p>鈻alary</p> - <p>鈻af茅</p> - <p>鈻eaders</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">101</span> - </div> - </div> - </div> - <!-- 102 --> - <div class="page-box" page="108"> - <div v-if="showPageList.indexOf(108) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>B.Match the questions below with related paragraphs.Then answer the questions.</p> - <div class="fieldset-8"> - <p>1.Why is it important to ensure a positive work environment?</p> - <p>2.What does positive work environment refer to?</p> - <p>3.How do employers maintain a positive work environment?</p> - </div> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p> - <p><b>鈪�.Language focus.</b></p> - <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words - have been given.</p> - <p>1.Aside from the job p________ itself,one factor that is significantly influencing how - employees feel about work is the work environment.</p> - <p>2.To f_______ a positive work environment,the employer can motivate employees for a correct - behavioral approach.</p> - <p>3.Good behavior can not only d_________ a good and peaceful environment,but also promote - healthy relationships among the staff.</p> - <p>4.Another way to ensure a great work environment in a company is to show a_______ to - outstanding employees.</p> - <p>5.For employees,a positive work environment can greatly improve their happiness and p______ . - </p> - <p>B.Replace the underlined part in each of the following sentences with a phrase in the box - below.Change the form if necessary.</p> - <div class="bk-wh"> - <p>apart from銆�keep an eye on銆�be likely to銆�return the favor銆�be aware of</p> - </div> - <p>1.The manager asked me to <span class="u">pay close attention to</span> the monthly sales - report of the products._____</p> - <p>2.<span class="u">Except for</span> the low salary,it鈥檚 not a bad job._____</p> - <p>3.The management team <span class="u">noticed</span> some inappropriate behavior in the - company._____</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">102</span> - </div> - </div> - </div> - <!-- 103 --> - <div class="page-box" page="109"> - <div v-if="showPageList.indexOf(109) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>4.The graduates with a language proficiency certificate <span class="u">are more possible - to</span> land a good job._____</p> - <p>5.I will <span class="u">help you because you have helped me</span> some time._____</p> - <p>C.Translate the following sentences into Chinese.</p> - <p>1.Communication is quite necessary to ensure a healthy relationship with coworkers.</p> - <p>______________________________________________</p> - <p>2.A good work atmosphere can greatly increase the productivity of employees.</p> - <p>______________________________________________</p> - <p>3.Most of the candidates view company culture as the most important factor when choosing a - job.</p> - <p>______________________________________________</p> - <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of - the company.</p> - <p>______________________________________________</p> - <p><b>鈪�.Grammar focus:Inverted sentences.</b></p> - <p>A.Choose the correct version of the translation of the inverted sentences.</p> - <p>1.鍏氦杞︽潵浜嗐��</p> - <p>a.There comes the bus.</p> - <p>b.There the bus comes.</p> - <p>2.鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��</p> - <p>a.Gone are the days when rich countries make the rules and everyone else follows.</p> - <p>b.Gone the days are when rich countries make the rules and everyone else follows.</p> - <p>3.鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��</p> - <p>a.No sooner did we reached the airport than the plane had taken off.</p> - <p>b.No sooner had we reached the airport than the plane took off.</p> - <p>4.鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��</p> - <p>a.Only then he realized that he was wrong.</p> - <p>b.Only then did he realize that he was wrong.</p> - <p>5.闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�</p> - <p>a.Not until the rain stopped did he leave the room.</p> - <p>b.Not until did the rain stop he left the room.</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">103</span> - </div> - </div> - </div> - <!-- 104 --> - <div class="page-box" page="110"> - <div v-if="showPageList.indexOf(110) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>B.Put the following words in right order to make inverted sentences.</p> - <p>1.did he it saw so and I</p> - <p>______________________________________________</p> - <p>2.he young is he a lot knows as</p> - <p>______________________________________________</p> - <p>3.no under will lend circumstances I money him to</p> - <p>______________________________________________</p> - <p>4.she have hardly music listen to does time to</p> - <p>______________________________________________</p> - <p>5.village in the front of river a was</p> - <p>______________________________________________</p> - <h3 id="c049"><span class="bjh3">Mini-project</span></h3> - <p>A pleasant work environment can make employees love their jobs and do their best.Work in - groups to list the elements of a pleasant work environment and explain the reasons for your - choice.</p> - <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">104</span> - </div> - </div> - </div> - <!-- 105 --> - <div class="page-box" page="111"> - <div v-if="showPageList.indexOf(111) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> - <div class="bk-wh"> - <p>relationship銆�communication銆�productivity銆�respect銆�pleasure銆�professional銆�team spirit銆�job - satisfaction銆�personal development銆�job prospect銆�modern decor</p> - </div> - <h2 id="b022"><img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /></h2> - <h3 id="c050"><span class="bjh3">Warm-up</span></h3> - <p><b>鈪�.Put the following statements into the corresponding box to make a code of conduct for a - school.</b></p> - <div class="fieldset-5"> - <p>a.Students are supposed to arrive at the classroom on time.</p> - <p>b.Students are required to come to school in a neat uniform.</p> - <p>c.Students should treat others with respect.</p> - <p>d.Keep food and drink outside of the classroom.</p> - <p>e.Mobile phones must be on silent mode during the class.</p> - </div> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">105</span> - </div> - </div> - </div> - <!-- 106 --> - <div class="page-box" page="112"> - <div v-if="showPageList.indexOf(112) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p> - <h3 id="c051"><span class="bjh3">Reading</span></h3> - <p>1.How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or - standards.鈥�?</p> - <p>2.Are rules and regulations important for an organization? Why?</p> - <p class="center"><b>Code of Conduct 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>A company code of conduct is a set of rules and standards all employees must follow.By - knowing the company code of conduct,employees know how to act at work and can be more - successful in their roles.If you just joined a new company,it would be beneficial to start - with learning the code of conduct.</p> - <p>Often,a company uses its core values,including its mission,to guide the creation of these - codes.These guidelines outline how the organization operates,how employees conduct - themselves daily,and how they work with others on behalf of the organization.</p> - <p>You can usually find a company鈥檚 code of conduct in an employee handbook.Each company has - different rules in its code of conduct,and each company has its own policies for enforcing - this code.</p> - <p>The following code of conduct may help you dig into more details.</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">106</span> - </div> - </div> - </div> - <!-- 107 --> - <div class="page-box" page="113"> - <div v-if="showPageList.indexOf(113) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <div class="fieldset-8"> - <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p> - <p><b>A._______________________</b></p> - <p>1.Honesty and integrity.Above all,treat clients fairly.</p> - <p>2.Maintain the good reputation of the company.</p> - <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner - inconsistent with the company mission and values.</p> - <p>4.Confidentiality.Always be careful of the information received.</p> - <p>5.Advertising.Products should not be advertised in a misleading way.</p> - <p><b>B._______________________</b></p> - <p>6.Competence.Advise clients only on matters in which they are competent.</p> - <p>7.Clients鈥� interests.Pay due regard to the interests of clients and keep those interests - above their own.</p> - <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way - that is misleading.</p> - <p>9.Suitability of advice.Advice should be suitable for the clients鈥� needs.</p> - <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a - competitor.</p> - <p><b>C._______________________</b></p> - <p>11.Skill and care.Act at all times with reasonable skill and care.</p> - <p>12.Professional discipline.Organize business in a responsible and effective way.</p> - <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p> - <p>14.Complaints.Handle the complaints fairly and quickly.</p> - <p>15.Respect.Treat the clients with respect without discrimination.</p> - </div> - <p class="fl al-cn mt-40"> - <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> - <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p> - <div class="bkbj"> - <p><i>the most important or central part of sth.</i></p> - </div> - <p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p> - <div class="bkbj"> - <p><i>to give a description of the main facts or points involved in sth.</i></p> - </div> - <p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">107</span> - </div> - </div> - </div> - <!-- 108 --> - <div class="page-box" page="114"> - <div v-if="showPageList.indexOf(114) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <div class="bkbj"> - <p><i>to behave in a particular way</i></p> - </div> - <p>enforce /瑟n藞f蓴藧s/ <i>v</i>.锛堝己鍒讹級 瀹炴柦锛屾墽琛�</p> - <div class="bkbj"> - <p><i>to make sure that people obey a particular law or rule</i></p> - </div> - <p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝g洿</p> - <div class="bkbj"> - <p><i>the quality of being honest and having strong moral principles</i></p> - </div> - <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p> - <div class="bkbj"> - <p><i>a person who uses the services or advice of a professional person or organization</i> - </p> - </div> - <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p> - <div class="bkbj"> - <p><i>the opinion that people have about what sb./sth.is like</i></p> - </div> - <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p> - <div class="bkbj"> - <p><i>a situation in which people,groups or countries are involved in a serious disagreement - or argument</i></p> - </div> - <p>inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/ <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級</p> - <div class="bkbj"> - <p><i>not matching a set of standards,ideas,etc.</i></p> - </div> - <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p> - <div class="bkbj"> - <p><i>a situation in which you expect sb.to keep information secret</i></p> - </div> - <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p> - <div class="bkbj"> - <p><i>to tell the public about a product or a service in order to encourage people to buy or - to use it</i></p> - </div> - <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p> - <div class="bkbj"> - <p><i>giving the wrong idea or impression and making you believe sth.that is not true</i> - </p> - </div> - <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p> - <div class="bkbj"> - <p><i>the ability to do sth.well</i></p> - </div> - <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p> - <div class="bkbj"> - <p><i>having enough skill or knowledge to do sth.well</i></p> - </div> - <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p> - <div class="bkbj"> - <p><i>the quality of being right or appropriate</i></p> - </div> - <p>competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛� 绔炰簤鑰咃紝瀵规墜</p> - <div class="bkbj"> - <p><i>a person or an organization that compete against others,esp.in business</i></p> - </div> - <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p> - <div class="bkbj"> - <p><i>the ability to control your behavior or the way you live,work,etc.</i></p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">108</span> - </div> - </div> - </div> - <!-- 109 --> - <div class="page-box" page="115"> - <div v-if="showPageList.indexOf(115) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p> - <div class="bkbj"> - <p><i>to obey rules,laws,etc.</i></p> - </div> - <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p> - <div class="bkbj"> - <p><i>help or advice that is given to sb.</i></p> - </div> - <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p> - <div class="bkbj"> - <p><i>a reason for not being satisfied</i></p> - </div> - <p>on behalf of 浠h〃</p> - <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p> - <p>engage in 浠庝簨锛涘弬鍔�</p> - <p>dig into 閽荤爺锛涙寲鎺�</p> - <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p> - <p><b>鈪�.Reading comprehension.</b></p> - <p>A.Read the passage quickly and choose appropriate headings for A-C in the passage.</p> - <p class="center"><img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /></p> - <p>B.Mark the proper ones according to the code of conduct in the passage.</p> - <div class="bk-11"> - <p>(銆�) 1.Observe the employee handbook strictly.</p> - <p>(銆�) 2.Get involved in activities inconsistent with company values.</p> - <p>(銆�) 3.Never leak personal information of the client.</p> - <p>(銆�) 4.Advertise products and services in a professional way.</p> - <p>(銆�) 5.Judge customers by appearance.</p> - <p>(銆�) 6.Always give priority to clients鈥� interests.</p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">109</span> - </div> - </div> - </div> - <!-- 110 --> - <div class="page-box" page="116"> - <div v-if="showPageList.indexOf(116) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p><b>鈪�.Language focus.</b></p> - <p>A.Replace the words in italics with the exact words in the passage and change the form if - necessary.</p> - <p>1.We may feel cheated when finding the report is actually <i>false</i>._____________</p> - <p>2.A true partnership is a two-way street,and our <i>customers</i> embrace this - philosophy._____________</p> - <p>3.The <i>disagreements</i> at the workplace need to be resolved in a timely and professional - manner._____________</p> - <p>4.The company鈥檚 <i>image</i> is the reflection of its culture._____________</p> - <p>5.All the staff are required to <i>follow</i> the company code of conduct._____________</p> - <p>B.Fill in the blanks with the proper form of the expressions given below.</p> - <div class="bk-wh"> - <p>on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all</p> - </div> - <p>1.The manager asked the intern to_______the data and draft a report.</p> - <p>2.A firm must_________the interests of its customers and treat them fairly.</p> - <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p> - <p>4._________,you shouldn鈥檛 give up without trying.</p> - <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p> - <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b></p> - <p>A.Choose the correct modal verbs in the brackets.</p> - <p>1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a - workaholic.</p> - <p>2.You should introduce yourself; your client______(can/may) not remember you.</p> - <p>3.I thought he_____(can/might) have a meeting with his team.</p> - <p>4.The customer____(can/may) be very difficult to deal with when he is in a bad mood.</p> - <p>5.There is a slim chance that we______(can/might) take a rest this weekend.</p> - <p>B.Correct the misused modal verbs in the following sentences.</p> - <p>1.Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.______ - </p> - <p>2.The new project might work,but it <span class="u">could</span> not.______</p> - <p>3.The manager <span class="u">can not</span> have seen the message yet.______</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">110</span> - </div> - </div> - </div> - <!-- 111 --> - <div class="page-box" page="117"> - <div v-if="showPageList.indexOf(117) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p>4.We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.______ - </p> - <p>5.The meeting might be cancelled for the delay of their plane.______</p> - <h3 id="c052"><span class="bjh3">Mini-project</span></h3> - <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the - library and draft a code of conduct.Share your opinions with the class.</p> - <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p> - <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2> - <h3 id="c053"><span class="bjh3">Listening</span></h3> - <p class="center"><audio :src="resource.readingTwo" controls - controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio" - @play="audioPlay"></audio></p> - <p><b>鈪�.Listen to the monologue about the perfect workplace and decide whether the following - statements are true (T) or false (F).</b></p> - <p>(銆�) 1.A positive workplace might have the same details for everybody.</p> - <p>(銆�) 2.It should be a place where the management team enjoys coming to work.</p> - <p>(銆�) 3.The happier people are at work,the better they will perform.</p> - <p>(銆�) 4.The better the company culture is,the greater the reputation it enjoys.</p> - <p>(銆�) 5.Most employees succeed in a positive atmosphere.</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">111</span> - </div> - </div> - </div> - <!-- 112 --> - <div class="page-box" page="118"> - <div v-if="showPageList.indexOf(118) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p><b>鈪�.Listen to the conversation about the dress code between Sally and Ross and match the - following information with the corresponding speaker.</b></p> - <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p> - <h3 id="c054"><span class="bjh3">Practical Writing</span></h3> - <p>Work with your partner to discuss the following questions.</p> - <p>1.Why do we need to take the minutes?</p> - <p>2.What should we take down in the minutes?</p> - <p><b>鈪�.Read the following tips and learn about the minutes.</b></p> - <p>Minutes can be defined as the record of what is said and decided at a meeting.It highlights - the key issues that are discussed,proposals voted on and resolutions made.Minutes can also - be a valuable resource for team members who missed a meeting to catch up on any decisions - from the meeting.Minutes usually consist of the following parts.</p> - <div class="fieldset-8"> - <p>鈼員he time,date and place of the meeting</p> - <p>鈼哤ho attended the meeting and who was absent</p> - <p>鈼哤hat happened at the meeting in detail</p> - <p class="center"><img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /></p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">112</span> - </div> - </div> - </div> - <!-- 113 --> - <div class="page-box" page="119"> - <div v-if="showPageList.indexOf(119) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p><b>鈪�.Read the minutes and do the following exercises.</b></p> - <p>1. <span class="u">Underline</span> the time,date and place of the meeting.</p> - <p>2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees.</p> - <p>3.Summarize the main points discussed at the meeting.</p> - <p class="center"><img class="img-f" alt="" src="../../assets/images/0123-2.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">113</span> - </div> - </div> - </div> - <!-- 114 --> - <div class="page-box" page="120"> - <div v-if="showPageList.indexOf(120) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p> - <p><b>鈪�.Match the following sentences with the correct translation.</b></p> - <div class="fieldset-8"> - <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p> - <p>2.A vote was taken to approve the amended</p> - <p>Code of Conduct for employees.</p> - <p>3.The meeting agenda was unanimously approved by all attendees.</p> - <p>4.The meeting adjourned at 5:00 p.m.</p> - <p>5.All attendees were given an agenda prior to the meeting via email.</p> - </div> - <div class="fieldset-8"> - <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p> - <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p> - <p>c.涓嬪崍5鐐逛紤浼氥��</p> - <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p> - <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p> - <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p> - </div> - <p>鈪�<b>.The HR department has been assigned the task to prepare the in-service training for the - newly recruited employees.Complete the following minutes based on the information - provided.</b></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">114</span> - </div> - </div> - </div> - <!-- 115 --> - <div class="page-box" page="121"> - <div v-if="showPageList.indexOf(121) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0125-1.jpg" /></p> - <div class="un-h2"> - <h2 id="b024">Unit Project</h2> - </div> - <p>When employees work in a positive environment,they are happier and more motivated.Work with - your partner and complete the following two tasks.</p> - <p><b>Task 1:</b> The following are three pictures of work environment.Find out the problems and - put forward some suggestions for improvement so as to create a comfortable and productive - workplace,and then finish Worksheet 1.</p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">115</span> - </div> - </div> - </div> - <!-- 116 --> - <div class="page-box" page="122"> - <div v-if="showPageList.indexOf(122) > -1"> - <!-- 澶撮儴 --> - <div class="w100 mb-20" style="padding-right: 20px"> - <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> - <div class="preface-header-box event-header-text-bc-unit6"> - <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> - <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> - </div> - </div> - </div> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-1.jpg" /></p> - <p class="img">Picture 1</p> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-2.jpg" /></p> - <p class="img">Picture 2</p> - <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p> - <p class="img">Picture 3</p> - <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">116</span> - </div> - </div> - </div> - <!-- 117 --> - <div class="page-box" page="123"> - <div v-if="showPageList.indexOf(123) > -1"> - <!-- 澶撮儴 --> - <ul class="preface-odd-header w100 fl ju-bt"> - <li class=""></li> - <li class="fz-18"> - <span class="chapter-left-bc-unit6">MODULE 6</span> - <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> - </li> - </ul> - <!-- 鍐呭 --> - <div class="padding-93"> - <div class="bodystyle"> - <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with - your partner to finish Worksheet 2.</p> - <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p> - <div class="fieldset-8"> - <p class="center"><b>Useful Expressions</b></p> - <p>I don鈥檛 think it appropriate to ...</p> - <p>There are ...on the desk/in the office.</p> - <p>...looks tidy/untidy.</p> - <p>The negative/positive work environment usually leads to/brings about ...</p> - <p>The measures for ...are as follows.</p> - <p>The solutions to the ...are listed below.</p> - <p>It has a good/bad effect on ...</p> - <p>For me,I prefer team-based work environment which can ...</p> - <p>Effective communication is quite important for ...</p> - </div> - </div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">117</span> - </div> - </div> - </div> + <div class="chapter" num="7"> + <!-- 绗叚鍗曞厓 --> + <!-- 97 --> + <div class="page-box" page="103"> + <div v-if="showPageList.indexOf(103) > -1"> + <h1 id="a010"> + <img class="img-0" alt="" src="../../assets/images/dy6.jpg" /> + </h1> + <p><b>This unit will help you to:</b></p> + <p>鉃� Learn words and expressions about work environment</p> + <p> + 鉃� Review the usage of inverted sentences and modal verbs + (can,could,may,might) + </p> + <p>鉃� Be able to perform properly when chairing a meeting</p> + <p>鉃� Be able to write minutes</p> + <p>鉃� Learn to create a positive work environment</p> + <p class="center"> + <img class="img-0" alt="" src="../../assets/images/0107-2.jpg" /> + </p> + </div> </div> + <!-- 98 --> + <div class="page-box" page="104"> + <div v-if="showPageList.indexOf(104) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <h2 id="b021"> + <img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" /> + </h2> + <h3 id="c046"><span class="bjh3">Warm-up</span></h3> + <p> + <b>鈪�.Put the expressions in the box below on the corresponding + answer line under each picture.</b> + </p> + <div class="bk-wh"> + <p>open plan office銆�cubicles銆�private office銆�SOHO</p> + </div> + <ul class="fl fw-wr"> + <li class="w50"> + <p class="center"> + <img style="width:92%" alt="" src="../../assets/images/0108-1.jpg" /> + </p> + <p class="center">1. + <select class="select-border" v-model="dropDownOne[0].value[0].userAnswer" @change="saveDropdoenOne" + :disabled="dropDownOne[0].isComplete"> + <option v-for="(item, index) in dropDownOne[0].option" :key="'change' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" + v-if="dropDownOne[0].isComplete"> + </p> + </li> + <li class="w50"> + <p class="center"> + <img class="w100" alt="" src="../../assets/images/0108-2.jpg" /> + </p> + <p class="center">2. + <select class="select-border" v-model="dropDownOne[0].value[1].userAnswer" @change="saveDropdoenOne" + :disabled="dropDownOne[0].isComplete"> + <option v-for="(item, index) in dropDownOne[0].option" :key="'ones' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" + v-if="dropDownOne[0].isComplete"> + </p> + </li> + <li class="w50"> + <p class="center"> + <img style="width:92%" alt="" src="../../assets/images/0108-3.jpg" /> + </p> + <p class="center">3. + <select class="select-border" v-model="dropDownOne[0].value[2].userAnswer" @change="saveDropdoenOne" + :disabled="dropDownOne[0].isComplete"> + <option v-for="(item, index) in dropDownOne[0].option" :key="'noce' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" + v-if="dropDownOne[0].isComplete"> + </p> + </li> + <li class="w50"> + <p class="center"> + <img class="w100" alt="" src="../../assets/images/0108-4.jpg" /> + </p> + <p class="center">4. + <select class="select-border" v-model="dropDownOne[0].value[3].userAnswer" @change="saveDropdoenOne" + :disabled="dropDownOne[0].isComplete"> + <option v-for="(item, index) in dropDownOne[0].option" :key="'vans' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" + v-if="dropDownOne[0].isComplete"> + </p> + </li> + </ul> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in dropDownOne[0].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width:80%"> + <li> + <button class="btn-border btn-w" @click="handledropDownOne"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="recastdropDownOne" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click="viewdropDownOne" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> + <p> + <b>鈪�.Pick up the words in the box below to describe the work + environment you love and explain your reasons.</b> + </p> + <div class="bk-wh"> + <p>caring, supportive, privacy, friendly, freedom, flexible</p> + </div> + <ul> + <li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn" + style="margin-bottom:10px"> + <span class="tl-right" style="width:20%">{{ item.stem }}</span> + <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + </li> + </ul> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">98</span> + </div> + </div> + </div> + <!-- 99 --> + <div class="page-box" page="105"> + <div v-if="showPageList.indexOf(105) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <h3 id="c047" class="fl al-cn"> + <span class="bjh3">Listening</span> + <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜--> + <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> + </h3> + <p> + <b>Four interns are talking about the work environment they + like.Listen to the recording and fill in the blanks with what + you hear.</b> + </p> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-tr-bc"> + <td class="tl-lf table-th-bc wh-no">Chen Meiling</td> + <td> + I would prefer working in an interesting and professional + environment where everybody works hard and helps each other to + succeed as a l. + <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" /> + <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" + v-if="listenTable[0].isComplete"> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn table-th-bc">Ross</td> + <td> + For me, I prefer the workplace that gives me enough space to + grow, There should be good 2. + <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" /> + <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" + v-if="listenTable[0].isComplete"> + and mutual 3. + <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" /> + <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" + v-if="listenTable[0].isComplete"> + between each team member. + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn table-th-bc">Amelia</td> + <td> + I'd like to work in an environment that gives me learning + opportunities as well as spacefor personal 4. + <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" /> + <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" + v-if="listenTable[0].isComplete"> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn table-th-bc">Li Tao</td> + <td> + I hope it's a workplace where there is 5. + <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" /> + <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" + v-if="listenTable[0].isComplete"> + for people's ideas as well as appreciationfor good work and + elfort. + </td> + </tr> + </table> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in listenTable[0].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width:80%"> + <li> + <button class="btn-border btn-w" @click="handlelistenTable"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="recastlistenTable" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click="viewlistenTable" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> + <h3 id="c048"><span class="bjh3">Reading</span></h3> + <p> + 1.What makes a positive work environment? + <span class="btn-box" @click="showNoSubmitAnswer(1, 0)"> + <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> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer"> + 绛旀锛歿{ noSubmitData[1].value[0].answer }} + </div> + <p>2.Why would people be more productive in such environment? + <span class="btn-box" @click="showNoSubmitAnswer(1, 1)"> + <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> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer"> + 绛旀锛歿{ noSubmitData[1].value[1].answer }} + </div> + <p class="center"><b>A Positive Work Environment</b></p> + <p class="center"> + <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" + style="margin-left: 10px" class="audio"></audio> + </p> + <p> + How do we exactly define a positive work environment? When asked + what makes a great work environment,most people would mention a + fancy workplace in a big building with modern design,or a good + relationship with coworkers. + </p> + <p> + Gone are those times when + <span class="word-bc" word="candidate">candidates</span> + only considered the salary at the time of joining a + company.Nowadays,apart from the job + <span class="word-bc">prospect</span> + itself,one factor that is greatly influencing how employees feel + about work is the environment being provided by the employer.The + work environment here includes everything,such as the relationship + with coworkers,company culture,room for personal + development,caf茅,furniture,etc.A positive work environment is + something that makes employees feel good about coming to work + every day,and also motivates them to work and give their best + effort. + </p> + <p> + An effective way to + <span class="word-bc">ensure</span> + a positive work environment is to motivate employees for a correct + <span class="word-bc">behavioral</span> + <span class="word-bc">approach</span> + .Good behavior also + <span class="word-bc" word="determine">determines</span> + good and peaceful environment.Another way is to ensure healthy + relationships among the staff; that is why communication is quite + necessary.Keeping an eye on staff + <span class="word-bc">interaction</span> + doesn鈥檛 cost much time for the management team.They only + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">99</span> + </div> + </div> + </div> + <!-- 100 --> + <div class="page-box" page="106"> + <div v-if="showPageList.indexOf(106) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p> + need to observe body language and listen for negative clues and + try to fix the problems as soon as possible.The staff often takes + the message from the behavior of the management team,so the + management team should also be aware of the power of their + behavior and always + <span class="word-bc">maintain</span> + + <span class="word-bc">dignity</span>. + </p> + <p> + Another important way to make a great work environment for a + company is to show + <span class="word-bc">appreciation</span> + of + <span class="word-bc">outstanding</span> + employees.Workers are more likely to stay in the company,work hard + and provide years of excellent service when knowing that they have + a clear opportunity for + <span class="word-bc"> + advancement</span> + .When employees know they are valued,they tend to return the favor + by being the best at their job.A positive work environment is a + place that promises to advance + <span class="word-bc">gifted</span> + employees and keep that promise. + </p> + <p> + The work environment can greatly influence how the employees feel + about their jobs.Because of this,it鈥檚 important to find an + employer that + <span class="word-bc" word="foster">fosters</span> + a positive atmosphere and encourages employees + <span class="word-bc">consistently</span> + .A positive work environment can improve employees鈥� + happiness,increase the + <span class="word-bc">productivity</span> + and motivate those around them. + </p> + <p class="fl al-cn mt-40"> + <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> + <span class="line-border-box"></span> + </p> + <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" + style="margin-left: 10px" class="audio"></audio> + <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p> + <div class="bkbj"> + <p><i>a person who is applying for a job</i></p> + </div> + <p>prospect /藞pr蓲spekt/ <i>n.</i> 鍓嶆櫙锛涘睍鏈�</p> + <div class="bkbj"> + <p><i>the chances of being successful</i></p> + </div> + <p>ensure /瑟n藞蕛蓴藧(r)]/ <i>v.</i> 纭繚锛涗繚璇�</p> + <div class="bkbj"> + <p><i>to make sure that sth.happens or is definite</i></p> + </div> + <p>behavioral /b瑟藞he瑟vj蓹r蓹l/ <i>adj.</i> 琛屼负鐨�</p> + <div class="bkbj"> + <p><i>of or relating to behavior</i></p> + </div> + <p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p> + <div class="bkbj"> + <p> + <i>a way of doing or thinking about sth.such as a problem or a + task</i> + </p> + </div> + <p> + determine /d瑟藞t蓽藧m瑟n/ <i>v.</i> 瀵癸紙鏌愪簨鐗╋級 + 浜х敓鍐冲畾鎬х殑褰卞搷锛涘喅瀹� + </p> + <div class="bkbj"> + <p> + <i>to make sth.happen in a particular way or be of a particular + type</i> + </p> + </div> + <p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p> + <div class="bkbj"> + <p><i>communication; cooperation</i></p> + </div> + <p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p> + <div class="bkbj"> + <p> + <i>a fact or a piece of evidence that helps to solve a problem + or reveal the truth in an investigation</i> + </p> + </div> + <p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p> + <div class="bkbj"> + <p> + <i>to keep sth.in existence at the same level,standard,etc.</i> + </p> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">100</span> + </div> + </div> + </div> + <!-- 101 --> + <div class="page-box" page="107"> + <div v-if="showPageList.indexOf(107) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p> + <div class="bkbj"> + <p><i>a calm and serious manner that deserves respect</i></p> + </div> + <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆h祻</p> + <div class="bkbj"> + <p><i>understanding and enjoyment</i></p> + </div> + <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p> + <div class="bkbj"> + <p><i>excellent or exceptionally good</i></p> + </div> + <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p> + <div class="bkbj"> + <p><i>promotion in rank or status</i></p> + </div> + <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p> + <div class="bkbj"> + <p><i>to have a high opinion of sb./sth.</i></p> + </div> + <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p> + <div class="bkbj"> + <p><i>act of kindness beyond what is due or usual</i></p> + </div> + <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p> + <div class="bkbj"> + <p><i>having a lot of natural ability or intelligence</i></p> + </div> + <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p> + <div class="bkbj"> + <p><i>to encourage sth.to develop</i></p> + </div> + <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p> + <div class="bkbj"> + <p> + <i>in a way that does not change and continues for a period of + time</i> + </p> + </div> + <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p> + <div class="bkbj"> + <p> + <i>the rate at which a worker,a company or a country produces + goods,and the amount produced,compared with how much time,work + and money is needed to produce them</i> + </p> + </div> + <ul class="fl fw-wr"> + <li> + <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p> + <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p> + <p>return the favor 鍥炴姤</p> + </li> + <li> + <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p> + <p>be likely to 寰堝彲鑳�</p> + </li> + </ul> + <p><b>鈪�.Reading comprehension.</b></p> + <p> + A.Mark the elements of a positive work environment mentioned in + the passage. + </p> + <p v-for="(item, index) in readingOne[0].option" :key="index"> + <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer" + :disabled="readingOne[0].isComplete" @input="saveReadingOne"> + {{ item }} + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">101</span> + </div> + </div> + </div> + <!-- 102 --> + <div class="page-box" page="108"> + <div v-if="showPageList.indexOf(108) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p> + B.Match the questions below with related paragraphs.Then answer + the questions. + </p> + <div class="fieldset-8"> + <p> + 1.Why is it important to ensure a positive work environment? + </p> + <p>2.What does positive work environment refer to?</p> + <p>3.How do employers maintain a positive work environment?</p> + </div> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-th-bc"> + <td class="tl-cn">Paragraphs</td> + <td class="wh-no tl-cn">Related Questions</td> + <td class="tl-cn">Answers</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">Para. 1-2</td> + <td class="wh-no tl-cn"> + <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" /> + </td> + <td style="width: 80%"> + <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" + @input="saveReadingOne"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">Para. 3-4</td> + <td class="tl-cn"> + <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" /> + </td> + <td> + <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" + @input="saveReadingOne"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">Para. 5</td> + <td class="tl-cn"> + <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" + style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" /> + </td> + <td> + <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" + @input="saveReadingOne"></textarea> + </td> + </tr> + </table> + <p><b>鈪�.Language focus.</b></p> + <p> + A.Fill in the blanks with the proper words in the passage.The + initial letters of the words have been given. + </p> + <p v-for="(item, index) in readingOne[2].value" :key="'passage' + index"> + {{ index + 1 }}. + {{ item.stemFirst }} + <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> + {{ item.stemLast }} + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[2].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingOne[2].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <p> + B.Replace the underlined part in each of the following sentences + with a phrase in the box below.Change the form if necessary. + </p> + <div class="bk-wh"> + <p> + apart from銆�keep an eye on銆�be likely to銆�return the favor銆�be + aware of + </p> + </div> + <p v-for="(item, index) in readingOne[3].value.slice(0, 3)" :key="index"> + {{ index + 1 }}. + <span v-html="item.stem"></span> + <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">102</span> + </div> + </div> + </div> + <!-- 103 --> + <div class="page-box" page="109"> + <div v-if="showPageList.indexOf(109) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p v-for="(item, index) in readingOne[3].value.slice(3, 5)" :key="index"> + {{ index + 3 }}. + <span v-html="item.stem"></span> + <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingOne[3].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <p>C.Translate the following sentences into Chinese.</p> + <ul> + <li v-for="(item, index) in readingOne[4].value" :key="index"> + <p> + {{ index + 1 }}. {{ item.stem }} + </p> + <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingOne"> + </li> + </ul> + <p> + <b>鈪�.Grammar focus:Inverted sentences.</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.Choose the correct version of the translation of the inverted + sentences. + </p> + <ul> + <li v-for="(item, index) in readingOne[5].value" :key="'list' + index"> + <p> + {{ index + 1 }}.{{ item.stem }} + </p> + <p v-for="(citem, cindex) in item.option" :key="'option' + cindex"> + <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer" + @change="saveReadingOne">{{ citem.value }}.{{ citem.label }} + </p> + </li> + </ul> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingOne[5].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">103</span> + </div> + </div> + </div> + <!-- 104 --> + <div class="page-box" page="110"> + <div v-if="showPageList.indexOf(110) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p> + B.Put the following words in right order to make inverted + sentences. + </p> + <ul> + <li v-for="(item, index) in readingOne[6].value" :key="index"> + <p>{{ index + 1 }}.{{ item.stem }}</p> + <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingOne"> + </li> + </ul> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width:80%"> + <li> + <button class="btn-border btn-w" @click="handleReadingOne"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="recastReadingOne" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click="viewReadingOne" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> + <h3 id="c049"><span class="bjh3">Mini-project</span></h3> + <p> + A pleasant work environment can make employees love their jobs and + do their best.Work in groups to list the elements of a pleasant + work environment and explain the reasons for your choice. + </p> + <p class="left"> + <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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">Elements</td> + <td class="tl-cn">Reasons for the Choice</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no">Company Culture</td> + <td> + Company culture is the soul and essence of a company, It helps + us define the atti-tude and behavior within a company. + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[2].value[0].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[2].value[2].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[2].value[4].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[2].value[6].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[2].value[8].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + </table> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">104</span> + </div> + </div> + </div> + <!-- 105 --> + <div class="page-box" page="111"> + <div v-if="showPageList.indexOf(111) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <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">relationship</span> + <span class="word-bc mr-20 dl-span">communication</span> + <span class="word-bc mr-20 dl-span">productivity</span> + <span class="word-bc mr-20 dl-span">respect</span> + <span class="word-bc mr-20 dl-span">pleasure</span> + <span class="word-bc mr-20 dl-span">professional</span> + <span class="word-bc mr-20 dl-span">team spirit</span> + <span class="word-bc mr-20 dl-span">job satisfaction</span> + <span class="word-bc mr-20 dl-span">personal development</span> + <span class="word-bc mr-20 dl-span">job prospect</span> + <span class="word-bc mr-20 dl-span">modern decor</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/6-1銆丮ODULE 6锛坙esson one锛塤01.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤02.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤03.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤04.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤05.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤06.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤07.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤08.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤09.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤10.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤11.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤12.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤13.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤14.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤15.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤16.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤17.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤18.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤19.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤20.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤21.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤22.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤23.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="pageBox"></div> + </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> + </div> + <h2 id="b022"> + <img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /> + </h2> + <h3 id="c050"><span class="bjh3">Warm-up</span></h3> + <p> + <b>鈪�.Put the following statements into the corresponding box to + make a code of conduct for a school.</b> + <span class="btn-box" @click="showdropdownTwo"> + <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> + <div class="fieldset-5"> + <p>a.Students are supposed to arrive at the classroom on time.</p> + <p> + b.Students are required to come to school in a neat uniform. + </p> + <p>c.Students should treat others with respect.</p> + <p>d.Keep food and drink outside of the classroom.</p> + <p>e.Mobile phones must be on silent mode during the class.</p> + </div> + <p class="fl ju-cn"> + <table border="1" cellpadding="4" cellspacing="" style="border-color:#eace8d " class="fz-14 "> + <tr class="tc"> + <td class="tl-cn" colspan="2">The School Code of Conduct</td> + </tr> + <tr class="tc"> + <td class="tl-cn"> + <img src="../../assets/images/table/t1.jpg" alt=""> + </td> + <td> + <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" + @change="handledropDownTwo(0)" :disabled="dropDownTwo[0].isComplete"> + <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownTwo[0].value[0].isRight ? correctIcon : errorIcon" + v-if="dropDownTwo[0].value[0].isRight == true || dropDownTwo[0].value[0].isRight == false"> + </td> + </tr> + <tr class="tc"> + <td class="tl-cn"> + <img src="../../assets/images/table/t2.jpg" alt=""> + </td> + <td> + <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" + @change="handledropDownTwo(1)" :disabled="dropDownTwo[0].isComplete"> + <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownTwo[0].value[1].isRight ? correctIcon : errorIcon" + v-if="dropDownTwo[0].value[1].isRight == true || dropDownTwo[0].value[1].isRight == false"> + </td> + </tr> + <tr class="tc"> + <td class="tl-cn"> + <img src="../../assets/images/table/t3.jpg" alt=""> + </td> + <td> + <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" + @change="handledropDownTwo(2)" :disabled="dropDownTwo[0].isComplete"> + <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownTwo[0].value[2].isRight ? correctIcon : errorIcon" + v-if="dropDownTwo[0].value[2].isRight == true || dropDownTwo[0].value[2].isRight == false"> + </td> + </tr> + <tr class="tc"> + <td class="tl-cn"> + <img src="../../assets/images/table/t4.jpg" alt=""> + </td> + <td> + <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" + @change="handledropDownTwo(3)" :disabled="dropDownTwo[0].isComplete"> + <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownTwo[0].value[3].isRight ? correctIcon : errorIcon" + v-if="dropDownTwo[0].value[3].isRight == true || dropDownTwo[0].value[3].isRight == false"> + </td> + </tr> + <tr class="tc"> + <td class="tl-cn"> + <img src="../../assets/images/table/t5.jpg" alt=""> + </td> + <td> + <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" + @change="handledropDownTwo(4)" :disabled="dropDownTwo[0].isComplete"> + <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon" + v-if="dropDownTwo[0].value[4].isRight == true || dropDownTwo[0].value[4].isRight == false"> + </td> + </tr> + </table> + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownTwo[0].isShowAnswer"> + <span>绛旀锛�</span> + <p v-for="(item, index) in dropDownTwo[0].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </p> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">105</span> + </div> + </div> + </div> + <!-- 106 --> + <div class="page-box" page="112"> + <div v-if="showPageList.indexOf(112) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <h3 id="c051"><span class="bjh3">Reading</span></h3> + <ul> + <li v-for="(item, index) in noSubmitData[3].value" :key="index"> + <p> + {{ index + 1 }}.{{ item.stem }} + <span class="btn-box" @click="shownoSubmitData(3, index)"> + <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> + <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" + @change="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> + 绛旀锛歿{ item.answer }} + + </div> + </li> + </ul> + <p class="center"><b>Code of Conduct 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> + A company code of conduct is a set of rules and standards all + employees must follow.By knowing the company code of + conduct,employees know how to act at work and can be more + successful in their roles.If you just joined a new company,it + would be beneficial to start with learning the code of conduct. + </p> + <p> + Often,a company uses its + <span class="word-bc">core</span> + values,including its mission,to guide the creation of these + codes.These guidelines + <span class="word-bc">outline</span> + how the organization operates,how employees + <span class="word-bc">conduct</span> + themselves daily,and how they work with others on behalf of the + organization. + </p> + <p> + You can usually find a company鈥檚 code of conduct in an employee + handbook.Each company has different rules in its code of + conduct,and each company has its own policies for + <span class="word-bc" word="enforce">enforcing</span> + this code. + </p> + <p> + The following code of conduct may help you dig into more details. + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">106</span> + </div> + </div> + </div> + <!-- 107 --> + <div class="page-box" page="113"> + <div v-if="showPageList.indexOf(113) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <div class="fieldset-8"> + <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p> + <p> + <b>A.</b> + <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" + @change="handleDropdownThree(0)" :disabled="dropDownThree[0].isComplete"> + <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownThree[0].value[0].isRight ? correctIcon : errorIcon" + v-if="dropDownThree[0].value[0].isRight == true || dropDownThree[0].value[0].isRight == false"> + </p> + <p> + 1.Honesty and + <span class="word-bc">integrity</span> + .Above all,treat clients fairly. + </p> + <p> + 2.Maintain the good + <span class="word-bc">reputation</span> + of the company. + </p> + <p> + 3. + <span class="word-bc">Conflicts</span> + and interest.Manage conflicts of interest fairly and do not act + in a manner + <span class="word-bc">inconsistent</span> + with the company mission and values. + </p> + <p> + 4.Confidentiality.Always be careful of the information received. + </p> + <p> + 5.Advertising.Products should not be + <span class="word-bc" word="advertise">advertised</span> + in a + <span class="word-bc">misleading</span> + way. + </p> + <p> + <b>B.</b> + <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" + @change="handleDropdownThree(1)" :disabled="dropDownThree[0].isComplete"> + <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownThree[0].value[1].isRight ? correctIcon : errorIcon" + v-if="dropDownThree[0].value[1].isRight == true || dropDownThree[0].value[1].isRight == false"> + </p> + <p> + 6. + <span class="word-bc">Competence</span> + .Advise clients only on matters in which they are + <span class="word-bc">competent</span> + . + </p> + <p> + 7.Clients鈥� interests.Pay due regard to the interests of clients + and keep those interests above their own. + </p> + <p> + 8.Giving information to clients.Communicate information + clearly,fairly and not in a way that is misleading. + </p> + <p> + 9. + <span class="word-bc">Suitability</span> + of advice.Advice should be suitable for the clients鈥� needs. + </p> + <p> + 10.Activities.Do not engage in activities that will bring direct + or indirect profit to a + <span class="word-bc">competitor</span>. + </p> + <p> + <b>C.</b> + <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" + @change="handleDropdownThree(2)" :disabled="dropDownThree[0].isComplete"> + <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> + {{ item }} + </option> + </select> + <img :src="dropDownThree[0].value[2].isRight ? correctIcon : errorIcon" + v-if="dropDownThree[0].value[2].isRight == true || dropDownThree[0].value[2].isRight == false"> + </p> + <p> + 11.Skill and care.Act at all times with reasonable skill and + care. + </p> + <p> + 12.Professional + <span class="word-bc">discipline</span> + .Organize business in a responsible and effective way. + </p> + <p> + 13.Company guidance.Be familiar and seek to + <span class="word-bc">observe</span> + the company + <span class="word-bc">guidance</span> + . + </p> + <p> + 14. + <span class="word-bc" word="complaint">Complaints</span> + .Handle the complaints fairly and quickly. + </p> + <p> + 15.Respect.Treat the clients with respect without + discrimination. + </p> + </div> + <p class="fl al-cn mt-40"> + <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> + <span class="line-border-box"></span> + </p> + <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" + style="margin-left: 10px" class="audio"></audio> + <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p> + <div class="bkbj"> + <p><i>the most important or central part of sth.</i></p> + </div> + <p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p> + <div class="bkbj"> + <p> + <i>to give a description of the main facts or points involved in + sth.</i> + </p> + </div> + <p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">107</span> + </div> + </div> + </div> + <!-- 108 --> + <div class="page-box" page="114"> + <div v-if="showPageList.indexOf(114) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <div class="bkbj"> + <p><i>to behave in a particular way</i></p> + </div> + <p>enforce /瑟n藞f蓴藧s/ <i>v</i>.锛堝己鍒讹級 瀹炴柦锛屾墽琛�</p> + <div class="bkbj"> + <p> + <i>to make sure that people obey a particular law or rule</i> + </p> + </div> + <p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝g洿</p> + <div class="bkbj"> + <p> + <i>the quality of being honest and having strong moral + principles</i> + </p> + </div> + <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p> + <div class="bkbj"> + <p> + <i>a person who uses the services or advice of a professional + person or organization</i> + </p> + </div> + <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p> + <div class="bkbj"> + <p> + <i>the opinion that people have about what sb./sth.is like</i> + </p> + </div> + <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p> + <div class="bkbj"> + <p> + <i>a situation in which people,groups or countries are involved + in a serious disagreement or argument</i> + </p> + </div> + <p> + inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/ + <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級 + </p> + <div class="bkbj"> + <p><i>not matching a set of standards,ideas,etc.</i></p> + </div> + <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p> + <div class="bkbj"> + <p> + <i>a situation in which you expect sb.to keep information + secret</i> + </p> + </div> + <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p> + <div class="bkbj"> + <p> + <i>to tell the public about a product or a service in order to + encourage people to buy or to use it</i> + </p> + </div> + <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p> + <div class="bkbj"> + <p> + <i>giving the wrong idea or impression and making you believe + sth.that is not true</i> + </p> + </div> + <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p> + <div class="bkbj"> + <p><i>the ability to do sth.well</i></p> + </div> + <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p> + <div class="bkbj"> + <p><i>having enough skill or knowledge to do sth.well</i></p> + </div> + <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p> + <div class="bkbj"> + <p><i>the quality of being right or appropriate</i></p> + </div> + <p> + competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛� + 绔炰簤鑰咃紝瀵规墜 + </p> + <div class="bkbj"> + <p> + <i>a person or an organization that compete against + others,esp.in business</i> + </p> + </div> + <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p> + <div class="bkbj"> + <p> + <i>the ability to control your behavior or the way you + live,work,etc.</i> + </p> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">108</span> + </div> + </div> + </div> + <!-- 109 --> + <div class="page-box" page="115"> + <div v-if="showPageList.indexOf(115) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p> + <div class="bkbj"> + <p><i>to obey rules,laws,etc.</i></p> + </div> + <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p> + <div class="bkbj"> + <p><i>help or advice that is given to sb.</i></p> + </div> + <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p> + <div class="bkbj"> + <p><i>a reason for not being satisfied</i></p> + </div> + <p>on behalf of 浠h〃</p> + <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p> + <p>engage in 浠庝簨锛涘弬鍔�</p> + <p>dig into 閽荤爺锛涙寲鎺�</p> + <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p> + <p><b>鈪�.Reading comprehension.</b></p> + <p> + A.Read the passage quickly and choose appropriate headings for A-C + in the passage. + </p> + <p class="center"> + <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /> + </p> + <p> + B.Mark the proper ones according to the code of conduct in the + passage. + </p> + <div class="bk-11"> + <p v-for="(item, index) in readingTwo[0].option" :key="index"> + <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" + @change="saveReadingTwo"> + {{ index + 1 }}.{{ item }} + </p> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">109</span> + </div> + </div> + </div> + <!-- 110 --> + <div class="page-box" page="116"> + <div v-if="showPageList.indexOf(116) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p><b>鈪�.Language focus.</b></p> + <p> + A.Replace the words in italics with the exact words in the passage + and change the form if necessary. + </p> + <p v-for="(item, index) in readingTwo[1].value" :key="index"> + {{ index + 1 }}.{{ item.stem }} + <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete"> + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingTwo[1].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <p> + B.Fill in the blanks with the proper form of the expressions given + below. + </p> + <div class="bk-wh"> + <p> + on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all + </p> + </div> + <p v-for="(item, index) in readingTwo[2].value" :key="'engage' + index"> + {{ index + 1 }}.{{ item.stemOne }} + <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> + {{ item.stemTwo }} + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingTwo[2].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <p> + <b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</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>A.Choose the correct modal verbs in the brackets.</p> + <p v-for="(item, index) in readingTwo[3].value" :key="'brackets' + index"> + {{ index + 1 }}.{{ item.stemOne }} + <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> + {{ item.stemTwo }} + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingTwo[3].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <p>B.Correct the misused modal verbs in the following sentences.</p> + <p v-for="(item, index) in readingTwo[4].value.slice(0, 3)" :key="'sentences' + index"> + {{ index + 1 }}. + <span v-html="item.stem"></span> + <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">110</span> + </div> + </div> + </div> + <!-- 111 --> + <div class="page-box" page="117"> + <div v-if="showPageList.indexOf(117) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p v-for="(item, index) in readingTwo[4].value.slice(3, 5)" :key="'sentences' + index"> + {{ index + 4 }}. + <span v-html="item.stem"></span> + <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" + class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingTwo[4].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width:80%"> + <li> + <button class="btn-border btn-w" @click="handlereadingTwo"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="recastreadingTwo" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click="viewreadingTwo" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> + <h3 id="c052"><span class="bjh3">Mini-project</span></h3> + <p> + Work in groups.Ask your group members about any improper behavior + he/she has ever seen in the library and draft a code of + conduct.Share your opinions with the class. + </p> + <p class="left"> + <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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 wh-no">Improper Behavior</td> + <td class="tl-cn">Talking Loudly</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no">Code of Conduct</td> + <td style="width: 85%"> + <p class="table-p"> + Keep quiet and do not make and receive phone calls. + </p> + <p class="table-p">Diseuss in the seminar room.</p> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[4].value[0].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[4].value[2].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[4].value[4].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[4].value[6].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="noSubmitData[4].value[8].userAnswer" + class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></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/6-2銆丮ODULE 6锛坙esson two锛塤01.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤02.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤03.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤04.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤05.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤06.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤07.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤08.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤09.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤10.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤11.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤12.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤13.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤14.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤15.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤16.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤17.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤18.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤19.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤20.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤21.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤22.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤23.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="pageBox"></div> + </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> + </div> + <h2 id="b023"> + <img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /> + </h2> + <h3 id="c053" class="fl al-cn"> + <span class="bjh3">Listening</span> + <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜--> + </h3> + <p> + <b>鈪�.Listen to the monologue about the perfect workplace and + decide whether the following statements are true (T) or false + (F).</b> + </p> + <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> + <p v-for="(item, index) in listenThree[0].value" :key="index"> + ( + <select class="select-border" v-model="item.userAnswer" @change="saveListenThree" + :disabled="listenThree[0].isComplete"> + <option v-for="(item, index) in listenThree[0].option" :key="'change' + index" :value="item"> + {{ item }} + </option> + </select> + ) + {{ index + 1 }}.{{ item.stem }} + <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete"> + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in listenThree[0].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} + </span> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">111</span> + </div> + </div> + </div> + <!-- 112 --> + <div class="page-box" page="118"> + <div v-if="showPageList.indexOf(118) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p> + <b>鈪�.Listen to the conversation about the dress code between Sally + and Ross and match the following information with the + corresponding speaker.</b> + </p> + <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"> + </audio> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no table-th-bc">Sally</td> + <td class="fl de-cl al-cn ju-cn"> + <img src="../../assets/images/table/c2.jpg" alt=""> + <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" + ref="choiceDropdownOne" :value="listenThree[1].value[0].userAnswer" /> + <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" + v-if="listenThree[1].isComplete"> + </td> + <td rowspan="2"> + <p class="table-p"> + a. I need to follow the dress code and dress properly for + work. + </p> + <p class="table-p"> + b. I think dress code is quite necessary to maintain a + business formal image. + </p> + <p class="table-p"> + c. A neat and pressed business suit with a tie is a great + choice for me. + </p> + <p class="table-p"> + d. Our boss thinks that casual wear brings inspiration for + the job. + </p> + <p class="table-p"> + e. I don't have to dress formally for work. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="table-th-bc tl-cn">Ross</td> + <td class="fl de-cl al-cn ju-cn"> + <img src="../../assets/images/table/c1.jpg" alt=""> + <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" + ref="choiceDropdownTwo" :value="listenThree[1].value[1].userAnswer" /> + <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" + v-if="listenThree[1].isComplete"> + </td> + </tr> + </table> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in listenThree[1].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ arrayToString(item.answer) }} + </span> + </div> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width:80%"> + <li> + <button class="btn-border btn-w" @click="handleListenThree"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="recastListenThree" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click="viewListenThree" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> + <h3 id="c054"><span class="bjh3">Practical Writing</span></h3> + <p>Work with your partner to discuss the following questions.</p> + <ul> + <li v-for="(item, index) in noSubmitData[5].value" :key="index"> + <p> + {{ index + 1 }}.{{ item.stem }} + <span class="btn-box" @click="showNoSubmitAnswer(5, index)"> + <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> + <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(citem, cindex) in item.answer" :key="'list' + cindex" class="mr-20"> + {{ cindex + 1 }}.{{ citem }} + </span> + </div> + </li> + </ul> + <p><b>鈪�.Read the following tips and learn about the minutes.</b></p> + <p> + Minutes can be defined as the record of what is said and decided + at a meeting.It highlights the key issues that are + discussed,proposals voted on and resolutions made.Minutes can also + be a valuable resource for team members who missed a meeting to + catch up on any decisions from the meeting.Minutes usually consist + of the following parts. + </p> + <div class="fieldset-8"> + <p>鈼員he time,date and place of the meeting</p> + <p>鈼哤ho attended the meeting and who was absent</p> + <p>鈼哤hat happened at the meeting in detail</p> + <p class="center"> + <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /> + </p> + </div> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">112</span> + </div> + </div> + </div> + <!-- 113 --> + <div class="page-box" page="119"> + <div v-if="showPageList.indexOf(119) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p><b>鈪�.Read the minutes and do the following exercises.</b></p> + <p> + 1. <span class="u">Underline</span> the time,date and place of the + meeting. + <span class="btn-box" @click="showNoSubmitAnswer(6, 0)"> + <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> + + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[0].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(citem, cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20"> + {{ cindex + 1 }}.{{ citem }} + </span> + </div> + <p> + 2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> + the attendees. + <span class="btn-box" @click="showNoSubmitAnswer(6, 1)"> + <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> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[1].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(citem, cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20"> + {{ cindex + 1 }}.{{ citem }} + </span> + </div> + <p>3.Summarize the main points discussed at the meeting. + <span class="btn-box" @click="showNoSubmitAnswer(6, 2)"> + <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> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" + @input="savenoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[2].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(citem, cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20"> + {{ cindex + 1 }}.{{ citem }} + </span> + </div> + <p class="center"> + <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /> + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">113</span> + </div> + </div> + </div> + <!-- 114 --> + <div class="page-box" page="120"> + <div v-if="showPageList.indexOf(120) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p class="center"> + <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /> + </p> + <p> + <b>鈪�.Match the following sentences with the correct + translation.</b> + </p> + <matching :rawData="rawData" :question="question" /> + <p> + 鈪�<b>.The HR department has been assigned the task to prepare the + in-service training for the newly recruited employees.Complete + the following minutes based on the information provided.</b> + </p> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-th-bc"> + <td class="tl-cn" style="width: 86%">Interviewees</td> + <td class="tl-cn">Presented By</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + <p class="table-p"> + Introduce the briefing of the training program; + </p> + <p class="table-p"> + vote to approve the budget plan of the training. + </p> + </td> + <td>Tim Shaw</td> + </tr> + <tr class="table-tr-bc"> + <td> + <p class="table-p"> + Reserve the lecture hall for the training; + </p> + <p class="table-p">ensure the multimedia equipment works.</p> + </td> + <td>James Lee</td> + </tr> + </table> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">114</span> + </div> + </div> + </div> + <!-- 115 --> + <div class="page-box" page="121"> + <div v-if="showPageList.indexOf(121) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p class="center"> + <img class="img-a" alt="" src="../../assets/images/0125-1.jpg" /> + </p> + <div class="weekly" style="padding:0 20px"> + <p class="weekly-p"> + I.MEETING DETAILS + </p> + <ul class="fl fw-wr ju-bt"> + <li> + <p>Meeting Leader: Samuel Birch</p> + <p>Date: September 26,2023</p> + <p>Location: Room 202</p> + </li> + <li> + <p>Note Taker: Rachel Green</p> + <p>Time: 3 p. m.</p> + </li> + </ul> + <p class="weekly-p"> + 鈪�.ATTENDANCE + </p> + <p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p> + <p>Absent: None</p> + <p class="weekly-p"> + 鈪�.CALLTO ORDER + </p> + <p> + Samuel Birch called the meeting to 1. + <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:80px"> + at 3 p.m. + </p> + <p> + All attendees were given an agenda 2. + <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:120px"> + via email. The agenda was + unanimously approved by all attendees at 3:20 p.m. + </p> + <p class="weekly-p"> + 鈪�.BUSINESS DISCUSSED + </p> + <p> + Tim Shaw discussed about the 3. + <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:180px"> + .A vote was + taken to approve the budget plan of the training. + </p> + <p> + 4. + <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:80px"> + discussed about the reservation of the lecture hall and mentioned that the + projector wasn't 5. + <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:80px"> + He suggested renting one + </p> + <p class="weekly-p"> + 鈪�.ADJOURNMENT + </p> + <p> + The meeting 6. + <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" + @input="savenoSubmitData" style="width:80px"> + at 5 p.m.. + </p> + <p class="fl fw-wr ju-bt"> + <span>Submitted by: Rachel Green</span> + <span>Approved by: Samuel Birch</span> + </p> + </div> + <div class="un-h2"> + <h2 id="b024">Unit Project</h2> + </div> + <p> + When employees work in a positive environment,they are happier and + more motivated.Work with your partner and complete the following + two tasks. + </p> + <p> + <b>Task 1:</b> The following are three pictures of work + environment.Find out the problems and put forward some suggestions + for improvement so as to create a comfortable and productive + workplace,and then finish Worksheet 1. + </p> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">115</span> + </div> + </div> + </div> + <!-- 116 --> + <div class="page-box" page="122"> + <div v-if="showPageList.indexOf(122) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit6"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p class="center"> + <img class="img-e" alt="" src="../../assets/images/0126-1.jpg" /> + </p> + <p class="img">Picture 1</p> + <p class="center"> + <img class="img-e" alt="" src="../../assets/images/0126-2.jpg" /> + </p> + <p class="img">Picture 2</p> + <p class="center"> + <img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /> + </p> + <p class="img">Picture 3</p> + <p class="left"> + <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.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">Pictures</td> + <td class="tl-cn">Problems</td> + <td class="tl-cn wh-no">Measures for Improvement</td> + <td class="tl-cn">Reasons for Improvement</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">1</td> + <td class="tl-lf"> + The documents are scattered messily on the desk. + </td> + <td class="tl-lf"> + Organize the documents into different categories. + </td> + <td class="tl-lf"> + It is easier for us to locate specific documents if we sort + them into categories. + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">2</td> + <td> + <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">3</td> + <td> + <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + </table> + </div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">116</span> + </div> + </div> + </div> + <!-- 117 --> + <div class="page-box" page="123"> + <div v-if="showPageList.indexOf(123) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit6">MODULE 6</span> + <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + <p> + <b>Task 2:</b> Investigate the work environment of the people you + know,and then work with your partner to finish Worksheet 2. + </p> + <p class="left"> + <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.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">Respondents</td> + <td class="tl-cn">Problems</td> + <td class="tl-cn wh-no">Measures for Improvement</td> + <td class="tl-cn">Reasons for lmprovement</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td class="tl-lf"> + <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td class="tl-lf"> + <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td class="tl-lf"> + <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + <td> + <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea" + @input="savenoSubmitData"></textarea> + </td> + </tr> + </table> + <div class="fieldset-8"> + <p class="center"><b>Useful Expressions</b></p> + <p>I don鈥檛 think it appropriate to ...</p> + <p>There are ...on the desk/in the office.</p> + <p>...looks tidy/untidy.</p> + <p> + The negative/positive work environment usually leads to/brings + about ... + </p> + <p>The measures for ...are as follows.</p> + <p>The solutions to the ...are listed below.</p> + <p>It has a good/bad effect on ...</p> + <p>For me,I prefer team-based work environment which can ...</p> + <p>Effective communication is quite important for ...</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/6-3銆丮ODULE 6锛坙esson three锛塤01.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤02.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤03.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤04.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤05.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤06.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤07.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤08.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤09.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤10.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤11.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤12.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤13.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤14.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤15.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤16.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤17.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤18.jpg" /> + </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"> + <span class="contet-num-box">117</span> + </div> + </div> + </div> + </div> </template> <script> import matching from "@/components/matching/matching.vue"; +import dropdown from '@/components/dropdown/index.vue' import { getResourcePath } from "@/assets/methods/resources"; export default { - name: "chapterSex", - components: { matching }, - props: { - showPageList: { - type: Array, - }, + name: "chapterSix", + components: { matching, dropdown }, + props: { + showPageList: { + type: Array, }, - data() { - return { - imgThirteen: require("../../assets/images/grammar.jpg"), - showAnswerOne: false, - showAnswerTwo: false, - showAnswerThree: false, - showAnswerFour: false, - showAnswerFive: false, - showImg: false, - showQuestionAnswer: false, - rawData: { - left: [ - { - oldId: "FB34", - txt: "Martin銆�銆�銆�銆�Silk", - }, - { - oldId: "64D6", - txt: "Jessica銆�銆�The Great Wall", - }, - { - oldId: "2ED4", - txt: "Soren銆�銆�Chinese Food", - }, - { - oldId: "44DE", - txt: "Chinese銆�銆�銆�銆�Tea", - }, - ], - right: [ - { - oldId: "64D6", - txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", - }, - { - oldId: "FB34", - txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", - }, - { - oldId: "2ED4", - txt: "The clothing material is quite popular among Roman women inancient times.", - }, - { - oldId: "44DE", - txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", - }, - ], + }, + watch: { + showPageList: { + handler(newVal) { + + + }, + immediate: true + } + }, + data() { + return { + imgThirteen: require("../../assets/images/grammar6-1.png"), + imgThirteenOne: require("../../assets/images/grammar6-2.png"), + correctIcon: require('@/assets/images/correct.svg'), + errorIcon: require('@/assets/images/error.svg'), + showImg: false, + showImgOne: false, + selectedValue: null, // 鐢ㄤ簬瀛樺偍褰撳墠閫変腑鐨勫�� + rawData: { + left: [ + { + oldId: "FB34", + txt: "1.Mr.Green called the meeting to order at 10:00 a.m.", + }, + { + oldId: "64D6", + txt: "2.A vote was taken to approve the amended Code of Conduct for employees.", + }, + { + oldId: "2ED4", + txt: "3.The meeting agenda was unanimously approved by all attendees.", + }, + { + oldId: "44DE", + txt: "4.The meeting adjourned at 5:00 p.m.", + }, + { + oldId: "88ND", + txt: "5.All attendees were given an agenda prior to the meeting via email.", + }, + ], + right: [ + { + oldId: "64D6", + txt: "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��", + }, + { + oldId: "FB34", + txt: "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��", + }, + { + oldId: "44DE", + txt: "c.涓嬪崍5鐐逛紤浼氥��", + }, + { + oldId: "2ED4", + txt: "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��", + }, + { + oldId: "88ND", + txt: "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�", + }, + ], + }, + value: [], + question: { + KnowledgePoint: "123", + analysis: "123", + answer: [ + { + id: "FB34", + linkValue: + "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��", + value: "1.Mr.Green called the meeting to order at 10:00 a.m.", + }, + { + id: "64D6", + linkValue: + "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��", + value: "2.A vote was taken to approve the amended Code of Conduct for employees.", + }, + { + id: "2ED4", + linkValue: + "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��", + value: "3.The meeting agenda was unanimously approved by all attendees.", + }, + { + id: "44DE", + linkValue: + "c.涓嬪崍5鐐逛紤浼氥��", + value: "4.The meeting adjourned at 5:00 p.m.", + }, + { + id: "88ND", + linkValue: + "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�", + value: "5.All attendees were given an agenda prior to the meeting via email.", + }, + ], + optionStyle: undefined, + id: 489306, + options: { + linkValues: [ + { + oldId: "64D6", + txt: "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��", }, - value: [], - question: { - KnowledgePoint: "123", - analysis: "123", - answer: [ - { - id: "FB34", - linkValue: - "The clothing material is quite popular among Roman women inancient times.", - value: "Silk", - }, - { - id: "64D6", - linkValue: - "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", - value: "The Great Wall", - }, - { - id: "2ED4", - linkValue: - "It is very delicious and I like the hot and spicy Sichuan lavor hest.", - value: "Chinese Food", - }, - { - id: "44DE", - linkValue: - "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", - value: "Chinese Tea", - }, - ], - optionStyle: undefined, - id: 489306, - options: { - linkValues: [ - { - oldId: "64D6", - txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", - }, - { - oldId: "44DE", - txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.", - }, - { - oldId: "FB34", - txt: "The clothing material is quite popular among Roman women inancient times.", - }, - { - oldId: "2ED4", - txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", - }, - ], - values: [ - { - oldId: "FB34", - txt: "Martin Silk", - }, - { - oldId: "64D6", - txt: "The Great Wall", - }, - { - oldId: "2ED4", - txt: "Chinese Food", - }, - { - oldId: "44DE", - txt: "Chinese Tea", - }, - ], - }, - questionType: "matching", - stem: { - stemTxt: "鎸夐『搴忚繛绾�", - }, - stemStyle: undefined, - titleDescription: "1", - userChoise: [], - value: [], - answerImg: require("../../assets/images/matching-one.png"), + { + oldId: "FB34", + txt: "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��", }, - questionData: { - warnUp: { - one: { - value: "", - isRight: null, - answer: "Chinese knot", - }, - two: { - value: "", - isRight: null, - answer: "Chinese medicine", - }, - three: { - value: "", - isRight: null, - answer: "Chinese calligraphy", - }, - four: { - value: "", - isRight: null, - answer: "Taichi", - }, - five: { - value: "", - isRight: null, - answer: "sweet dumpling", - }, - six: { - value: "", - isRight: null, - answer: "Chinese chess", - }, - seven: "", - }, - reading: { - one: "", - two: "", - }, - table: { - one: "", - two: "", - three: "", - four: "", - five: "", - six: "", - seven: "", - enight: "", - nine: "", - }, + { + oldId: "44DE", + txt: "c.涓嬪崍5鐐逛紤浼氥��", }, - testData: { - check: { - isRight: null, - answer: ["Culture", "Cuisine", "Landscapes"], - value: [] - }, - tx: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - in: { - one: "", - two: "", - three: "", - four: "", - five: "", - isRight: null, - answer: 'cuisine,landscapes,civilization,explore,unique' - }, - line: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - ts: { - one: "", - two: "", - three: "", - four: "", - }, - gr: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - cm: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, + { + oldId: "2ED4", + txt: "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��", }, - resource: { - listenOne: "", - readingOne: "", - readingTwo: "", + { + oldId: "88ND", + txt: "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�", }, - dropDownList: [ - "online shopping", - "facial recognition", - "electronic payment", - "intercity train", - "shared bike", - "take-away service", - ], - dropdownData: { - one: { - value: "", - isRight: null, - answer: "intercity train", - }, - two: { - value: "", - isRight: null, - answer: "online shopping", - }, - three: { - value: "", - isRight: null, - answer: "electronic payment", - }, - four: { - value: "", - isRight: null, - answer: "shared bike", - }, - five: { - value: "", - isRight: null, - answer: "take-away service", - }, - six: { - value: "", - isRight: null, - answer: "facial recognition", - }, + ], + values: [ + { + oldId: "FB34", + txt: "1.Mr.Green called the meeting to order at 10:00 a.m.", }, - }; - }, - mounted() { - const testData = localStorage.getItem("english-testOne"); - if (testData) { - this.testData = JSON.parse(testData); + { + oldId: "64D6", + txt: "2.A vote was taken to approve the amended Code of Conduct for employees.", + }, + { + oldId: "2ED4", + txt: "3.The meeting agenda was unanimously approved by all attendees.", + }, + { + oldId: "44DE", + txt: "4.The meeting adjourned at 5:00 p.m.", + }, + { + oldId: "88ND", + txt: "5.All attendees were given an agenda prior to the meeting via email.", + }, + ], + }, + questionType: "matching", + stem: { + stemTxt: "鎸夐『搴忚繛绾�", + }, + stemStyle: undefined, + titleDescription: "1", + userChoise: [], + value: [], + answerImg: require("../../assets/images/matching-9.jpg"), + }, + questionData: { + warnUp: { + one: { + value: "", + isRight: null, + answer: "Chinese knot", + }, + two: { + value: "", + isRight: null, + answer: "Chinese medicine", + }, + three: { + value: "", + isRight: null, + answer: "Chinese calligraphy", + }, + four: { + value: "", + isRight: null, + answer: "Taichi", + }, + five: { + value: "", + isRight: null, + answer: "sweet dumpling", + }, + six: { + value: "", + isRight: null, + answer: "Chinese chess", + }, + seven: "", + }, + reading: { + one: "", + two: "", + }, + table: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + 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: "", + }, + }, + testData: { + check: { + isRight: null, + answer: ["Culture", "Cuisine", "Landscapes"], + value: [], + }, + tx: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + in: { + one: "", + two: "", + three: "", + four: "", + five: "", + isRight: null, + answer: "cuisine,landscapes,civilization,explore,unique", + }, + line: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + ts: { + one: "", + two: "", + three: "", + four: "", + }, + gr: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + cm: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + }, + resource: { + listenOne: "", + readingOne: "", + readingTwo: "", + readingThree: "", + readingFour: "", + listenTwo: "", + listenThree: "", + }, + // 鏂板 + dropDownOne: [ + { + type: 'dropdown', + isComplete: false, + isShowAnswer: false, + option: [ + 'open plan office', 'cubicles', 'private office', 'SOHO' + ], + value: [ + { + answer: "cubicles", + userAnswer: "", + isRight: "", + }, + { + answer: "open plan office", + userAnswer: "", + isRight: "", + }, + { + answer: "private office", + userAnswer: "", + isRight: "", + }, + { + answer: "SOHO", + userAnswer: "", + isRight: "", + }, + ] } - const bookQuestion = localStorage.getItem("english-book-question-one"); - if (bookQuestion) { - this.questionData = JSON.parse(bookQuestion); + ], + listenTable: [ + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + answer: 'team', + userAnswer: '', + isRight: null + }, + { + answer: 'communication', + userAnswer: '', + isRight: null + }, + { + answer: 'understanding', + userAnswer: '', + isRight: null + }, + { + answer: 'development', + userAnswer: '', + isRight: null + }, + { + answer: 'respect', + userAnswer: '', + isRight: null + }, + ] } - const dropdownData = localStorage.getItem("english-dropdown-one"); - if (dropdownData) { - this.dropdownData = JSON.parse(dropdownData); - } - this.getPath(); - }, - methods: { - saveWord(event, word) { - this.$emit("saveCharacters", event, word); + ], + noSubmitData: [ + { + type: 'shortAnswer', + value: [ + { + stem: 'caring', + userAnswer: '' + }, + { + stem: 'supportive', + userAnswer: '' + }, + { + stem: 'privacy', + userAnswer: '' + }, + { + stem: 'friendly', + userAnswer: '' + }, + { + stem: 'freedom', + userAnswer: '' + }, + { + stem: 'flexible', + userAnswer: '' + }, + ] }, - setTestData() { - localStorage.setItem("english-testOne", JSON.stringify(this.testData)); + { + type: 'shortAnswer', + value: [ + { + userAnswer: '', + answer: 'A positive work environment is characterized by factors like supportive colleagues, a respectful atmosphere, open communication, opportunities for growth, and a comfortable physical setting. It promotes collaboration, job satisfaction, and employee well-being.', + isShowAnswer: false + }, + { + userAnswer: '', + answer: 'People tend to be more productive in a positive work environment because they feel motivated, valued, and empowered. When they enjoy their workplace, they are more likely to be engaged, contribute ideas, and work together effectively, leading to increased efficiency and better results.', + isShowAnswer: false + }, + ] }, - changeTestData() { - localStorage.removeItem("english-testOne"); - this.testData = { - check: { - isRight: null, - answer: ["Culture", "Cuisine", "Landscapes"], - value: [] - }, - tx: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - in: { - one: "", - two: "", - three: "", - four: "", - five: "", - isRight: null, - answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique'] - }, - line: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - ts: { - one: "", - two: "", - three: "", - four: "", - }, - gr: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - cm: { - one: "", - two: "", - three: "", - four: "", - five: "", - }, - }; + { + type: 'table', + value: [ + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + ] }, - setBookQuestion() { - console.log("淇濆瓨"); - localStorage.setItem( - "english-book-question-one", - JSON.stringify(this.questionData) - ); - }, - async getPath() { - this.resource.listenOne = await getResourcePath( - "422139A2EF66EA888C5ED1D550AE23E0" - ); - this.resource.readingOne = await getResourcePath( - "3F442B682D84C8AB06C800B29D734920" - ); - this.resource.readingTwo = await getResourcePath( - "E8719EC88026BCFB11D292AA999F6D3D" - ); - }, - showAnswer(type) { - if (type == "showImg") { - this.showImg = !this.showImg; + { + type: 'shortAnswer', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: 'How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or standards.鈥�?', + answer: 'The saying "Nothing can be accomplished without norms or standards" means that having rules and guidelines is important for getting things done. These norms make things clear, help us work well together, and show us how to do things right.', + isShowAnswer: false, + userAnswer: '' + }, + { + stem: 'Are rules and regulations important for an organization? Why?', + answer: 'Rules and regulations are very important for an organization. They play a crucial role in maintaining order, promoting fairness, and ensuring the success of the organization. ', + isShowAnswer: false, + userAnswer: '' } + ] }, - handleQuestion(type) { - if (type == "one") { - this.questionData.warnUp.one.value - ? (this.questionData.warnUp.one.isRight = - this.questionData.warnUp.one.value == "Chinese knot") - : (this.questionData.warnUp.one.isRight = null); - } else if (type == "two") { - this.questionData.warnUp.two.value - ? (this.questionData.warnUp.two.isRight = - this.questionData.warnUp.two.value == "Chinese medicine") - : (this.questionData.warnUp.two.isRight = null); - } else if (type == "three") { - this.questionData.warnUp.three.value - ? (this.questionData.warnUp.three.isRight = - this.questionData.warnUp.three.value == "Chinese calligraphy") - : (this.questionData.warnUp.three.isRight = null); - } else if (type == "four") { - this.questionData.warnUp.four.value - ? (this.questionData.warnUp.four.isRight = - this.questionData.warnUp.four.value == "Taichi") - : (this.questionData.warnUp.four.isRight = null); - } else if (type == "five") { - this.questionData.warnUp.five.value - ? (this.questionData.warnUp.five.isRight = - this.questionData.warnUp.five.value == "sweet dumpling") - : (this.questionData.warnUp.five.isRight = null); - } else if (type == "six") { - this.questionData.warnUp.six.value - ? (this.questionData.warnUp.six.isRight = - this.questionData.warnUp.six.value == "Chinese chess") - : (this.questionData.warnUp.six.isRight = null); + { + type: 'table', + value: [ + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + ] + }, + { + type: "shortAnswer", + value: [ + { + stem: 'Why do we need to take the minutes?', + isShowAnswer: false, + answer: ['It serves as an official record of the discussions, decisions, and actions taken during the meeting.', + 'Minutes help those who were unable to attend the meeting to catch up on any decisions.', + 'Minutes provide a means to verify the accuracy of what was discussed and agreed upon.', + 'Minutes can be used as evidence in case of disputes or legal matters.' + ], + userAnswer: '' + }, + { + stem: 'What should we take down in the minutes?', + isShowAnswer: false, + answer: ['Date and time', 'Location of the meeting', "Attendees' names, roles, and organizations", "The agenda items and topics discussed along with any proposals, suggestions, or decisions made"], + userAnswer: '' } + ] }, - handleDropdown(type) { - const dropdownDatas = this.dropdownData; - for (let key in dropdownDatas) { - const item = dropdownDatas[key]; - if (type == "judge") { - item.value == item.answer - ? (item.isRight = true) - : (item.isRight = false); - console.log(item.value, item.answer); + { + type: 'shortAnswer', + value: [ + { + isShowAnswer: false, + userAnswer: '', + answer: ['Date: September 19, 2023', 'Time: 2:00 p.m.', 'Location: FASTGO Headquarters, Meeting Room 105'], + }, + { + isShowAnswer: false, + userAnswer: '', + answer: ['Present: Jim Baker (CEO), Robert Smith (General Manager), Samuel Birch (HR Manager), Rachel Green (Secretary)', + ''], + }, + { + isShowAnswer: false, + userAnswer: '', + answer: ['Updates of Code of Conduct ', 'In-Service Training '] + } + ] + }, + { + type: 'fill', + value: [ + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + ] + }, + { + type: 'table', + value: [ + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + ] + }, + { + type: 'table', + value: [ + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + { + userAnswer: '' + }, + ] + } + ], + readingOne: [ + { + type: 'checkbox', + isComplete: false, + isShowAnswer: false, + option: ['Company culture', 'Personal development', 'Relationship with colleagues', 'Salary', 'Caf茅', 'Leaders'], + value: [ + { + userAnswer: [] + } + ] + }, + { + type: 'table', + isComplete: false, + isShowAnswer: false, + value: [ + { + userAnswerOne: '', + userAnswerTwo: '', + }, + { + userAnswerOne: '', + userAnswerTwo: '', + }, + { + userAnswerOne: '', + userAnswerTwo: '', + }, + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stemFirst: 'Aside from the job p', + stemLast: 'itself,one factor that is significantly influencing how employees feel about work is the work environment.', + answer: 'rospect', + userAnswer: '', + isRight: null + }, + { + stemFirst: 'To f', + stemLast: 'a positive work environment,the employer can motivate employees for a correct behavioral approach.', + answer: 'oster', + userAnswer: '', + isRight: null + }, + { + stemFirst: 'Good behavior can not only d', + stemLast: 'a good and peaceful environment,but also promote healthy relationships among the staff.', + answer: 'etermine', + userAnswer: '', + isRight: null + }, + { + stemFirst: 'Another way to ensure a great work environment in a company is to show a', + stemLast: 'to outstanding employees.', + answer: 'ppreciation', + userAnswer: '', + isRight: null + }, + { + stemFirst: 'For employees,a positive work environment can greatly improve their happiness and p', + stemLast: '.', + answer: 'roductivity', + userAnswer: '', + isRight: null + }, + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: 'The manager asked me to<span class="u">pay close attention to</span> the monthly sales report of the products.', + userAnswer: '', + answer: 'keep an eye on', + isRight: null + }, + { + stem: '<span class="u">Except for</span> the low salary,it鈥檚 not a bad job.', + userAnswer: '', + answer: 'Apart from', + isRight: null + }, + { + stem: 'The management team <span class="u">noticed</span> some inappropriate behavior in the company.', + userAnswer: '', + answer: 'was aware of', + isRight: null + }, + { + stem: 'The graduates with a language proficiency certificate <span class="u">are more possible to</span> land a good job.', + userAnswer: '', + answer: 'are likely to', + isRight: null + }, + { + stem: 'I will <span class="u">help you because you have helped me</span> some time.', + userAnswer: '', + answer: 'return the favor', + isRight: null + }, + ] + }, + { + type: 'translate', + isShowAnswer: false, + isComplete: false, + value: [ + { + stem: 'Communication is quite necessary to ensure a healthy relationship with coworkers.', + userAnswer: '', + }, + { + stem: 'A good work atmosphere can greatly increase the productivity of employees.', + userAnswer: '', + }, + { + stem: 'Most of the candidates view company culture as the most important factor when choosing a job.', + userAnswer: '', + }, + { + stem: 'At the annual meeting,the manager expressed the appreciation to the outstanding staff of the company.', + userAnswer: '', + }, + ] + }, + { + type: 'radio', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: '鍏氦杞︽潵浜嗐��', + option: [ + { + label: 'There comes the bus.', + value: 'a', + }, + { + label: 'There the bus comes.', + value: 'b' } - } - this.dropdownData = dropdownDatas; - }, - changeDropdown() { - localStorage.removeItem("english-dropdown-one"); - for (let key in this.dropdownData) { - const item = this.dropdownData[key]; - item.value = ""; - item.isRight = null; - } - }, - setDropdownData() { - localStorage.setItem( - "english-dropdown-one", - JSON.stringify(this.dropdownData) - ); - }, - saveData() { - const item = this.testData['check'] - const sortedArr1 = item.answer.slice().sort(); - const sortedArr2 = item.value.slice().sort(); - const isRight = sortedArr1.every( - (value, index) => value === sortedArr2[index] - ); - const inData = this.testData['in'] - let inString = [] - for (let key in inData) { - const citem = inData[key]; - if (key != 'answer' && key !== 'isRight') { - console.log(key); - inString.push(citem) + ], + answer: '', + userAnswer: '' + }, + { + stem: '鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��', + option: [ + { + label: 'Gone are the days when rich countries make the rules and everyone else follows.', + value: 'a', + }, + { + label: 'Gone the days are when rich countries make the rules and everyone else follows.', + value: 'b' } - - + ], + answer: '', + userAnswer: '' + }, + { + stem: '鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��', + option: [ + { + label: 'No sooner did we reached the airport than the plane had taken off.', + value: 'a', + }, + { + label: 'No sooner had we reached the airport than the plane took off.', + value: 'b' + } + ], + answer: '', + userAnswer: '' + }, + { + stem: '鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��', + option: [ + { + label: 'Only then he realized that he was wrong.', + value: 'a', + }, + { + label: 'Only then did he realize that he was wrong.', + value: 'b' + } + ], + answer: '', + userAnswer: '' + }, + { + stem: '闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�', + option: [ + { + label: 'Not until the rain stopped did he leave the room.', + value: 'a', + }, + { + label: 'Not until did the rain stop he left the room.', + value: 'b' + } + ], + answer: '', + userAnswer: '' + }, + ] + }, + { + type: 'montage', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: 'did he it saw so and I', + userAnswer: '' + }, + { + stem: 'he young is he a lot knows as', + userAnswer: '' + }, + { + stem: 'no under will lend circumstances I money him to', + userAnswer: '' + }, + { + stem: 'she have hardly music listen to does time to', + userAnswer: '' + }, + { + stem: 'village in the front of river a was', + userAnswer: '' + }, + ] + } + ], + dropDownTwo: [ + { + type: 'dropdown', + isShowAnswer: false, + option: [ + 'a.Students are supposed to arrive at the classroom on time.', + 'b.Students are required to come to school in a neat uniform.', + 'c.Students should treat others with respect.', + 'd.Keep food and drink outside of the classroom.', + 'e.Mobile phones must be on silent mode during the class.' + ], + value: [ + { + answer: 'a.Students are supposed to arrive at the classroom on time.', + userAnswer: '', + isRight: null, + }, + { + answer: 'd.Keep food and drink outside of the classroom.', + userAnswer: '', + isRight: null, + }, + { + answer: 'c.Students should treat others with respect.', + userAnswer: '', + isRight: null, + }, + { + answer: 'b.Students are required to come to school in a neat uniform.', + userAnswer: '', + isRight: null, + }, + { + answer: 'e.Mobile phones must be on silent mode during the class.', + userAnswer: '', + isRight: null, + }, + ] + } + ], + dropDownThree: [ + { + type: 'dropdown', + isShowAnswer: false, + option: [ + 'a.BEST INTEREST OF CLIENTS', + 'b.INTEGRITY', + 'c.COLLABORATIVE', + 'd.STANDARDS OF SERVICES', + 'e.REWARDING' + ], + value: [ + { + answer: 'b.INTEGRITY', + userAnswer: '', + isRight: null, + }, + { + answer: 'a.BEST INTEREST OF CLIENTS', + userAnswer: '', + isRight: null, + }, + { + answer: 'd.STANDARDS OF SERVICES', + userAnswer: '', + isRight: null, + }, + ] + } + ], + readingTwo: [ + { + type: 'checkbox', + isComplete: false, + isRight: false, + option: [ + 'Observe the employee handbook strictly.', + 'Get involved in activities inconsistent with company values.', + 'Never leak personal information of the client.', + 'Advertise products and services in a professional way.', + 'Judge customers by appearance.', + 'Always give priority to clients鈥� interests.' + ], + value: [ + { + userAnswer: [] } - const inRight = inData.answer == inString - console.log('in', inData.answer, inString); - this.$set(this.testData['in'], 'isRight', inRight) - this.$set(this.testData['check'], 'isRight', isRight) - this.setTestData() - console.log(this.testData); + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: 'We may feel cheated when finding the report is actually false.', + answer: 'misleading', + userAnswer: '', + isRight: null + }, + { + stem: 'A true partnership is a two-way street,and our customers embrace this philosophy.', + answer: 'clients', + userAnswer: '', + isRight: null + }, + { + stem: 'The disagreements at the workplace need to be resolved in a timely and professional manner.', + answer: 'conflicts', + userAnswer: '', + isRight: null + }, + { + stem: 'The company鈥檚 image is the reflection of its culture.', + answer: 'reputation', + userAnswer: '', + isRight: null + }, + { + stem: 'All the staff are required to follow the company code of conduct.', + answer: 'observe', + userAnswer: '', + isRight: null + }, + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stemOne: 'The manager asked the intern to', + stemTwo: 'the data and draft a report.', + answer: 'dig into', + userAnswer: '', + isRight: null + }, + { + stemOne: 'A firm must', + stemTwo: 'the interests of its customers and treat them fairly.', + answer: 'pay due regard to', + userAnswer: '', + isRight: null + }, + { + stemOne: 'The newly-recruited staff were asked to', + stemTwo: 'the routine meeting on Monday.', + answer: 'engage in', + userAnswer: '', + isRight: null + }, + { + stemOne: '', + stemTwo: ',you shouldn鈥檛 give up without trying.', + answer: 'Above all', + userAnswer: '', + isRight: null + }, + { + stemOne: 'She made a speech,', + stemTwo: 'the sales department,at the annual meeting of the corporation.', + answer: 'on behalf of', + userAnswer: '', + isRight: null + }, + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stemOne: 'It鈥檚 9 o鈥檆lock in the evening.He', + stemTwo: '(can/could) still be at the office.He is a workaholic.', + answer: 'could', + userAnswer: '', + isRight: null + }, + { + stemOne: 'You should introduce yourself; your client', + stemTwo: '(can/may) not remember you.', + answer: 'may', + userAnswer: '', + isRight: null + }, + { + stemOne: 'I thought he', + stemTwo: '(can/might) have a meeting with his team.', + answer: 'might', + userAnswer: '', + isRight: null + }, + { + stemOne: 'The customer', + stemTwo: '(can/may) be very difficult to deal with when he is in a bad mood.', + answer: 'can', + userAnswer: '', + isRight: null + }, + { + stemOne: 'There is a slim chance that we', + stemTwo: '(can/might) take a rest this weekend.', + answer: 'might', + userAnswer: '', + isRight: null + }, + ] + }, + { + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ + { + stem: 'Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.', + answer: 'T', + userAnswer: '', + isRight: null + }, + { + stem: 'The new project might work,but it <span class="u">could</span> not.', + answer: 'F', + userAnswer: '', + isRight: null + }, + { + stem: 'The manager <span class="u">can not</span> have seen the message yet.', + answer: 'F', + userAnswer: '', + isRight: null + }, + { + stem: 'We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.', + answer: 'F', + userAnswer: '', + isRight: null + }, + { + stem: 'The meeting might be cancelled for the delay of their plane.', + answer: 'T', + userAnswer: '', + isRight: null + }, + ] + }, + ], + listenThree: [ + { + type: 'dropdown', + isComplete: false, + isShowAnswer: false, + option: ['T', 'F'], + value: [ + { + stem: 'A positive workplace might have the same details for everybody.', + answer: 'F', + userAnswer: '' + }, + { + stem: 'It should be a place where the management team enjoys coming to work.', + answer: 'F', + userAnswer: '' + }, + { + stem: 'The happier people are at work,the better they will perform.', + answer: 'F', + userAnswer: '' + }, + { + stem: 'The better the company culture is,the greater the reputation it enjoys.', + answer: 'T', + userAnswer: '' + }, + { + stem: 'Most employees succeed in a positive atmosphere.', + answer: 'T', + userAnswer: '' + }, + ] + }, + { + type: 'select', + isComplete: false, + isShowAnswer: false, + option: ['a', 'b', 'c', 'd', 'e'], + value: [ + { + answer: ['d', 'e'], + userAnswer: [], + isRight: null + }, + { + answer: ['a', 'b', 'c'], + userAnswer: [], + isRight: null + }, + ] + }, + ] + }; + }, + mounted() { + this.getPath(); + const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne') + if (dropDownOne) this.dropDownOne = JSON.parse(dropDownOne) + const listenTable = localStorage.getItem('english-chapter06-listenTable') + if (listenTable) this.listenTable = JSON.parse(listenTable) + const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData') + if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData) - }, - audioPlay() { - this.$emit("closeMiniAudio"); - }, + const readingOne = localStorage.getItem('english-chapter06-readingOne') + if (readingOne) this.readingOne = JSON.parse(readingOne) + + const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo') + if (dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo) + + const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree') + if (dropdownThree) this.dropDownThree = JSON.parse(dropdownThree) + + const readingTwo = localStorage.getItem('english-chapter06-readingTwo') + if (readingTwo) this.readingTwo = JSON.parse(readingTwo) + + const listenThree = localStorage.getItem('english-chapter06-listenThree') + if (listenThree) { + this.listenThree = JSON.parse(listenThree) + } + }, + methods: { + arrayToString(data) { + if (Array.isArray(data)) { + return data.toString() + } else { + return data + } }, + async getPath() { + this.resource.listenOne = await getResourcePath( + "AB15FA5A96B3FA325489F2E6620827FD" + ); + this.resource.readingOne = await getResourcePath( + "DF353557BE4B2C0E71BB2A50C0CA753C" + ); + this.resource.readingTwo = await getResourcePath( + "88F39B788C726DD5DB25F429570FFF7D" + ); + this.resource.readingThree = await getResourcePath( + "B32CC91B062501D0D75349EC300C37EA" + ); + this.resource.readingFour = await getResourcePath( + "0CFCC206E2DC45FBA070CD9CD7F0428B" + ); + this.resource.listenTwo = await getResourcePath( + "B392589318D7CC282BE811EDA2D8E6B0" + ); + this.resource.listenThree = await getResourcePath( + "625FDB71EC5BD35CF489AA4DE6730373" + ); + + }, + showAnswer(type) { + if (type == "showImg") { + this.showImg = !this.showImg; + } else if (type == "showImgOne") { + this.showImgOne = !this.showImgOne; + } + setTimeout(() => { this.$emit("initViewer", "") }, 500) + }, + saveDropdoenOne() { + localStorage.setItem('english-chapter06-dropDownOne', JSON.stringify(this.dropDownOne)) + }, + handledropDownOne() { + for (let index = 0; index < this.dropDownOne.length; index++) { + const item = this.dropDownOne[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 + } + } + this.saveDropdoenOne() + }, + recastdropDownOne() { + for (let index = 0; index < this.dropDownOne.length; index++) { + const item = this.dropDownOne[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 = '' + } + } + localStorage.removeItem('english-chapter06-dropDownOne') + }, + viewdropDownOne() { + for (let index = 0; index < this.dropDownOne.length; index++) { + const item = this.dropDownOne[index]; + item.isShowAnswer = !item.isShowAnswer + } + }, + savelistenTable() { + localStorage.setItem('english-chapter06-listenTable', JSON.stringify(this.listenTable)) + }, + handlelistenTable() { + for (let index = 0; index < this.listenTable.length; index++) { + const item = this.listenTable[index]; + item.isComplete = true + item.isShowAnswer = true + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + citem.isRight = citem.userAnswer == citem.answer + } + } + this.savelistenTable() + }, + recastlistenTable() { + for (let index = 0; index < this.listenTable.length; index++) { + const item = this.listenTable[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 = '' + } + } + localStorage.removeItem('english-chapter06-listenTable') + }, + viewlistenTable() { + for (let index = 0; index < this.listenTable.length; index++) { + const item = this.listenTable[index]; + item.isShowAnswer = !item.isShowAnswer + } + }, + savenoSubmitData() { + localStorage.setItem('english-chapter06-noSubmitData', JSON.stringify(this.noSubmitData)) + }, + showNoSubmitAnswer(index, num) { + this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer) + }, + saveReadingOne() { + localStorage.setItem('english-chapter06-readingOne', JSON.stringify(this.readingOne)) + }, + handleReadingOne() { + for (let index = 0; index < this.readingOne.length; index++) { + const item = this.readingOne[index]; + item.isShowAnswer = true + item.isComplete = true + if (item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') { + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + citem.isRight = citem.answer == citem.userAnswer + } + } + } + this.saveReadingOne() + }, + recastReadingOne() { + for (let index = 0; index < this.readingOne.length; index++) { + const item = this.readingOne[index]; + item.isShowAnswer = false + item.isComplete = false + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + if (item.type == 'checkbox') { + citem.userAnswer = [] + } else if (item.type == 'table') { + citem.userAnswerOne = '', + citem.userAnswerTwo = '' + } else if (item.type == 'fill') { + citem.isRight = null + citem.userAnswer = '' + } else { + citem.userAnswer = '' + } + } + } + localStorage.removeItem('english-chapter06-readingOne') + }, + viewReadingOne() { + for (let index = 0; index < this.readingOne.length; index++) { + const item = this.readingOne[index]; + item.isShowAnswer = !item.isShowAnswer + } + }, + handledropDownTwo(num) { + for (let index = 0; index < this.dropDownTwo.length; index++) { + const item = this.dropDownTwo[index]; + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + if (cindex == num) { + citem.isRight = citem.answer == citem.userAnswer + } + } + } + localStorage.setItem('english-chapter06-dropdownTwo', JSON.stringify(this.dropDownTwo)) + }, + showdropdownTwo() { + this.$set(this.dropDownTwo[0], 'isShowAnswer', !this.dropDownTwo[0].isShowAnswer) + }, + shownoSubmitData(num, number) { + this.$set(this.noSubmitData[num].value[number], 'isShowAnswer', !this.noSubmitData[num].value[number].isShowAnswer) + }, + handleDropdownThree(num) { + for (let index = 0; index < this.dropDownThree.length; index++) { + const item = this.dropDownThree[index]; + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + if (cindex == num) { + citem.isRight = citem.answer == citem.userAnswer + } + } + } + localStorage.setItem('english-chapter06-dropdownThree', JSON.stringify(this.dropDownThree)) + }, + saveReadingTwo() { + localStorage.setItem('english-chapter06-readingTwo', JSON.stringify(this.readingTwo)) + }, + handlereadingTwo() { + for (let index = 0; index < this.readingTwo.length; index++) { + const item = this.readingTwo[index]; + item.isComplete = true + item.isShowAnswer = true + if (item.type !== 'checkbox') { + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + citem.isRight = citem.answer == citem.userAnswer + } + } + } + this.saveReadingTwo() + }, + recastreadingTwo() { + for (let index = 0; index < this.readingTwo.length; index++) { + const item = this.readingTwo[index]; + item.isComplete = false + item.isShowAnswer = false + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + if (item.type !== 'checkbox') { + citem.userAnswer = '' + citem.isRight = null + } else { + citem.userAnswer = [] + } + + } + } + localStorage.removeItem('english-chapter06-readingTwo') + }, + viewreadingTwo() { + for (let index = 0; index < this.readingTwo.length; index++) { + const item = this.readingTwo[index]; + item.isShowAnswer = !item.isShowAnswer + } + }, + saveListenThree() { + localStorage.setItem('english-chapter06-listenThree', JSON.stringify(this.listenThree)) + }, + changeDropdownDataOne(data) { + // 鍋囪data鏄柊鐨剈serAnswer鍊� + if (this.listenThree.length > 1 && this.listenThree[1].value && this.listenThree[1].value.length > 0) { + this.$set(this.listenThree[1].value[0], 'userAnswer', data); + this.selectedValue = data; // 鏇存柊selectedValue浠ュ弽鏄犲綋鍓嶉�変腑鐨勫�� + this.saveListenThree(); // 淇濆瓨鏇存敼鍒發ocalStorage + } + }, + changeDropdownDataTwo(data) { + this.$set(this.listenThree[1].value[1], 'userAnswer', data) + this.saveListenThree() + }, + handleListenThree() { + for (let index = 0; index < this.listenThree.length; index++) { + const item = this.listenThree[index]; + item.isShowAnswer = true + item.isComplete = true + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + if (item.type == 'dropdown') { + citem.isRight = citem.answer == citem.userAnswer + } else { + const sortedArr1 = citem.answer.slice().sort(); + const sortedArr2 = citem.userAnswer.slice().sort(); + citem.isRight = sortedArr1.every( + (value, index) => value === sortedArr2[index] + ); + } + } + } + }, + recastListenThree() { + for (let index = 0; index < this.listenThree.length; index++) { + const item = this.listenThree[index]; + item.isShowAnswer = false + item.isComplete = false + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + citem.isRight = null + if (item.type == 'dropdown') { + citem.userAnswer = '' + } else { + citem.userAnswer = [] + } + } + } + localStorage.removeItem('english-chapter06-listenThree') + this.$emit('empty'); + }, + viewListenThree() { + for (let index = 0; index < this.listenThree.length; index++) { + const item = this.listenThree[index]; + item.isShowAnswer = !item.isShowAnswer + } + }, + }, }; </script> <style lang="less" scoped> p { - font-size: 16px !important; + font-size: 16px !important; } .bodystyle { - margin: 0 !important; + margin: 0 !important; } .line-border-box { - margin-left: 10px; - display: inline-block; - width: 50%; - height: 3px; - background-color: #f9a71b; + margin-left: 10px; + display: inline-block; + width: 50%; + height: 3px; + background-color: #f9a71b; } .mr-20 { - margin-right: 20px; + margin-right: 20px; } .dl-box { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; - .dl-span { - display: inline-block; - text-indent: 0; - margin-bottom: 15px; - height: 20px; - line-height: 20px; - } + .dl-span { + display: inline-block; + text-indent: 0; + margin-bottom: 15px; + height: 20px; + line-height: 20px; + } } .btn-w { - font-size: 14px; - border-width: 1px; - min-width: 80px; - height: 30px; - background-color: #fff; + font-size: 14px; + border-width: 1px; + min-width: 80px; + height: 30px; + background-color: #fff; - &:hover { - background-color: #0bab87; - color: #fff; - } + &:hover { + background-color: #0bab87; + color: #fff; + } } .banshi { - position: relative; - margin-top: 40px; - width: 100%; - height: 350px; - margin: 0 auto; + position: relative; + margin-top: 40px; + width: 100%; + height: 350px; + margin: 0 auto; } .pageBox { - z-index: 9999999999; - color: #999; - position: absolute; - left: 48%; - bottom: 0px; + z-index: 9999999999; + color: #999; + position: absolute; + left: 48%; + bottom: 0px; } select { - height: 24px; + height: 24px; } .mini-audio { - width: 200px; - height: 200px; - position: fixed; - right: 0; - background-color: red; + width: 200px; + height: 200px; + position: fixed; + right: 0; + background-color: red; } .select-border { - border: 0; - border-bottom: 1px solid #767676; + border: 0; + border-bottom: 1px solid #767676; - &:focus { - outline: none; - } + &:focus { + outline: none; + } } -</style> \ No newline at end of file + +.weekly { + border: 2px dotted #935987; + border-radius: 6px; + width: 100%; + + .weekly-p { + background-color: #d2d2d2; + } +} +</style> -- Gitblit v1.9.1