zhongshujie
2024-07-11 0a945a92ee0c133a6d7b71b35a705d9764d94f3b
src/books/English/view/components/chapter006.vue
@@ -1,1550 +1,3406 @@
<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’t 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’s 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 &amp; 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’teɪ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> 欣赏</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>□Company culture</p>
                        <p>□Personal development</p>
                        <p>□Relationship with colleagues</p>
                        <p>□Salary</p>
                        <p>□Café</p>
                        <p>□Leaders</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’s 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 “Nothing 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’s 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 &amp; 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>.诚实正直</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 代表</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’s <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’t 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’s 9 o’clock 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’t 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’t 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>◆The time,date and place of the meeting</p>
                            <p>◆Who attended the meeting and who was absent</p>
                            <p>◆What 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’t 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>
            <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" 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="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />
                </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="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />and mutual 3.<input
                    :disabled="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />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="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />
                </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="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />for people's ideas as well as appreciationfor good work and
                  elfort.
                </td>
              </tr>
            </table>
            <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
              <span class="word-bc" @click="saveWord($event, 'candidates')"
                >andidates</span
              >
              only considered the salary at the time of joining a
              company.Nowadays,apart from the job
              <span class="word-bc" @click="saveWord($event, 'prospect')"
                >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" @click="saveWord($event, 'ensure')"
                >ensure</span
              >
              a positive work environment is to motivate employees for a correct
              <span class="word-bc" @click="saveWord($event, 'behavioral')"
                >behavioral</span
              >&nbsp;
              <span class="word-bc" @click="saveWord($event, 'approach')"
                >approach</span
              >
              .Good behavior also
              <span class="word-bc" @click="saveWord($event, 'determines')"
                >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" @click="saveWord($event, 'interaction')"
                >interaction</span
              >
              doesn’t 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" @click="saveWord($event, 'maintain')"
                >maintain</span
              >
              &nbsp;
              <span class="word-bc" @click="saveWord($event, 'dignity')"
                >dignity</span
              >.
            </p>
            <p>
              Another important way to make a great work environment for a
              company is to show
              <span class="word-bc" @click="saveWord($event, 'appreciation')"
                >appreciation</span
              >
              of
              <span class="word-bc" @click="saveWord($event, 'outstanding')"
                >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" @click="saveWord($event, 'advancement')">
                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" @click="saveWord($event, 'gifted')"
                >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’s important to find an
              employer that
              <span class="word-bc" @click="saveWord($event, 'fosters')"
                >fosters</span
              >
              a positive atmosphere and encourages employees
              <span class="word-bc" @click="saveWord($event, 'consistently')"
                >consistently</span
              >
              .A positive work environment can improve employees’
              happiness,increase the
              <span class="word-bc" @click="saveWord($event, 'productivity')"
                >productivity</span
              >
              and motivate those around them.
            </p>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px"
                >Words &amp; Expressions</span
              >
              <span class="line-border-box"></span>
            </p>
            <audio
              :src="resource.readingTwo"
              controls
              controlslist="noplaybackrate nodownload"
              style="margin-left: 10px"
              class="audio"
              @play="audioPlay"
            ></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’teɪ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> 欣赏</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>□Company culture</p>
            <p>□Personal development</p>
            <p>□Relationship with colleagues</p>
            <p>□Salary</p>
            <p>□Café</p>
            <p>□Leaders</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="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />
                </td>
                <td style="width: 80%">
                  <textarea
                    v-model="questionData.table.one"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">Para. 3-4</td>
                <td class="tl-cn">
                  <input
                    :disabled="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.two"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">Para. 5</td>
                <td class="tl-cn">
                  <input
                    :disabled="testData.isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="testData.in.one"
                    @change="setTestData"
                  />
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.three"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
            </table>
            <p><b>Ⅱ.Language focus.</b></p>
            <p>
              A.Fill in the blanks with the proper 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’s 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>
              <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>
            <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>
            <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="questionData.table.four"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.five"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.six"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.seven"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.eight"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.nine"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.ten"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.eleven"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twelve"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirteen"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></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"
                  @click="saveWord($event, 'direct')"
                  >relationship</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'communication')"
                  >communication</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'productivity')"
                  >productivity</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'respect')"
                  >respect</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'pleasure')"
                  >pleasure</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'professional')"
                  >professional</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'team spirit')"
                  >team spirit</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'job satisfaction')"
                  >job satisfaction</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'personal development')"
                  >personal development</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'job prospect')"
                  >job prospect</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  @click="saveWord($event, 'modern decor')"
                  >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/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
            <h2 id="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 “Nothing 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
              <span class="word-bc" @click="saveWord($event, 'core')"
                >core</span
              >
              values,including its mission,to guide the creation of these
              codes.These guidelines
              <span class="word-bc" @click="saveWord($event, 'outline')"
                >outline</span
              >
              how the organization operates,how employees
              <span class="word-bc" @click="saveWord($event, 'conduct')"
                >conduct</span
              >
              themselves daily,and how they work with others on behalf of the
              organization.
            </p>
            <p>
              You can usually find a company’s 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" @click="saveWord($event, 'enforcing')"
                >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></p>
              <p>
                1.Honesty and
                <span class="word-bc" @click="saveWord($event, 'integrity')"
                  >integrity</span
                >
                .Above all,treat clients fairly.
              </p>
              <p>
                2.Maintain the good
                <span class="word-bc" @click="saveWord($event, 'reputation')"
                  >reputation</span
                >
                of the company.
              </p>
              <p>
                3.
                <span class="word-bc" @click="saveWord($event, 'Conflicts')"
                  >Conflicts</span
                >
                and interest.Manage conflicts of interest fairly and do not act
                in a manner
                <span class="word-bc" @click="saveWord($event, 'inconsistent')"
                  >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" @click="saveWord($event, 'advertised')"
                  >advertised</span
                >
                in a
                <span class="word-bc" @click="saveWord($event, 'misleading')"
                  >misleading</span
                >
                way.
              </p>
              <p><b>B._______________________</b></p>
              <p>
                6.
                <span class="word-bc" @click="saveWord($event, 'Competence')"
                  >Competence</span
                >
                .Advise clients only on matters in which they are
                <span class="word-bc" @click="saveWord($event, 'competent')"
                  >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" @click="saveWord($event, 'Suitability')"
                  >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" @click="saveWord($event, 'competitor')"
                  >competitor</span
                >.
              </p>
              <p><b>C._______________________</b></p>
              <p>
                11.Skill and care.Act at all times with reasonable skill and
                care.
              </p>
              <p>
                12.Professional
                <span class="word-bc" @click="saveWord($event, 'discipline')"
                  >discipline</span
                >
                .Organize business in a responsible and effective way.
              </p>
              <p>
                13.Company guidance.Be familiar and seek to
                <span class="word-bc" @click="saveWord($event, 'observe')"
                  >observe</span
                >
                the company
                <span class="word-bc" @click="saveWord($event, 'guidance')"
                  >guidance</span
                >
                .
              </p>
              <p>
                14.
                <span class="word-bc" @click="saveWord($event, 'Complaints')"
                  >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 &amp; Expressions</span
              >
              <span class="line-border-box"></span>
            </p>
            <audio
              :src="resource.readingTwo"
              controls
              controlslist="noplaybackrate nodownload"
              style="margin-left: 10px"
              class="audio"
              @play="audioPlay"
            ></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>.诚实正直</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 代表</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’s <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’t 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>
              <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>
              1.It’s 9 o’clock 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’t 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’t
              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>
            <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="questionData.table.fourteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.fifteen"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.sixteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.seventeen"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.eighteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.nineteen"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twenty"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyOne"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twentyTwo"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyThree"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
            </table>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
                            <div class="banshi openImgBox">
                                <div class="swiper-container swiper_ppt">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                    <div class="pageBox"></div>
                                </div>
                                <!-- 显示当前页和总页数的元素 -->
                            </div>
                        </div>
            <h2 id="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"后面的音频框加入这个-->
              <audio
                :src="resource.listenOne"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            </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>
            <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>
            <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>
                  <select
                    class="select-border select-bc-t"
                    style="background-color: transparent"
                    v-model="dropdownData.one.value"
                    @change="setDropdownData"
                    :disabled="dropdownData.isComplete"
                  >
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                </td>
                <td 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>
                  <select
                    class="select-border"
                    style="background-color: transparent"
                    v-model="dropdownData.two.value"
                    @change="setDropdownData"
                    :disabled="dropdownData.isComplete"
                  >
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                </td>
              </tr>
            </table>
            <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>◆The time,date and place of the meeting</p>
              <p>◆Who attended the meeting and who was absent</p>
              <p>◆What 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>
            <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="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="questionData.table.twentyFour"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyFive"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentySix"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">3</td>
                <td>
                  <textarea
                    v-model="questionData.table.twentySeven"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyEight"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyNine"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></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="questionData.table.thirty"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyOne"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyTwo"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyThree"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="questionData.table.thirtyFour"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtyFive"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtySix"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtySeven"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="questionData.table.thirtyEight"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtyNine"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.forty"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.fortyOne"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                  ></textarea>
                </td>
              </tr>
            </table>
            <div class="fieldset-8">
              <p class="center"><b>Useful Expressions</b></p>
              <p>I don’t 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/ppt_01.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                    <div class="pageBox"></div>
                                </div>
                                <!-- 显示当前页和总页数的元素 -->
                            </div>
                        </div>
          </div>
        </div>
        <div class="preface-bottom">
          <span class="contet-num-box">117</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterSex",
    components: { matching },
    props: {
        showPageList: {
            type: Array,
  name: "chapterSix",
  components: { matching },
  props: {
    showPageList: {
      type: Array,
    },
  },
  data() {
    return {
      imgThirteen: require("../../assets/images/grammar6-1.png"),
      imgThirteenOne: require("../../assets/images/grammar6-2.png"),
      showAnswerOne: false,
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showImgOne: 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.",
          },
        ],
      },
      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"),
      },
      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: "",
      },
      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",
        },
      },
    };
  },
  mounted() {
    const testData = localStorage.getItem("english-testOne");
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    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);
    },
    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.",
                    },
                ],
            },
            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"),
            },
            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: "",
                },
            },
            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: "",
            },
            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",
                },
            },
        };
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
    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: "",
        },
      };
    },
    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;
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(() => {
        this.$emit("initViewer", "");
      }, 500);
    },
    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);
      }
    },
    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);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        this.getPath();
      }
      this.dropdownData = dropdownDatas;
    },
    methods: {
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        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: "",
                },
            };
        },
        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;
            }
        },
        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);
            }
        },
        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);
                }
            }
            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)
                }
            }
            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);
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        },
    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);
        }
      }
      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);
    },
    audioPlay() {
      this.$emit("closeMiniAudio");
    },
  },
};
</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>
</style>