From 0a945a92ee0c133a6d7b71b35a705d9764d94f3b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 11 七月 2024 10:57:05 +0800
Subject: [PATCH] 英语(第一单元题集)

---
 src/books/English/view/components/chapter006.vue | 5403 ++++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 3,354 insertions(+), 2,049 deletions(-)

diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 35c6f6d..cefe9fa 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -1,2101 +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" 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鈥檛 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鈥檚 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鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
-                        <div class="bkbj">
-                            <p><i>to keep sth.in existence at the same level,standard,etc.</i></p>
-                        </div>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">100</span>
-                </div>
-            </div>
-        </div>
-        <!-- 101 -->
-        <div class="page-box" page="107">
-            <div v-if="showPageList.indexOf(107) > -1">
-                <!-- 澶撮儴 -->
-                <ul class="preface-odd-header w100 fl ju-bt">
-                    <li class=""></li>
-                    <li class="fz-18">
-                        <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
-                            ENVIRONMENT</span>
-                    </li>
-                </ul>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p>
-                        <div class="bkbj">
-                            <p><i>a calm and serious manner that deserves respect</i></p>
-                        </div>
-                        <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆h祻</p>
-                        <div class="bkbj">
-                            <p><i>understanding and enjoyment</i></p>
-                        </div>
-                        <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p>
-                        <div class="bkbj">
-                            <p><i>excellent or exceptionally good</i></p>
-                        </div>
-                        <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p>
-                        <div class="bkbj">
-                            <p><i>promotion in rank or status</i></p>
-                        </div>
-                        <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p>
-                        <div class="bkbj">
-                            <p><i>to have a high opinion of sb./sth.</i></p>
-                        </div>
-                        <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p>
-                        <div class="bkbj">
-                            <p><i>act of kindness beyond what is due or usual</i></p>
-                        </div>
-                        <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p>
-                        <div class="bkbj">
-                            <p><i>having a lot of natural ability or intelligence</i></p>
-                        </div>
-                        <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p>
-                        <div class="bkbj">
-                            <p><i>to encourage sth.to develop</i></p>
-                        </div>
-                        <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
-                        <div class="bkbj">
-                            <p><i>in a way that does not change and continues for a period of time</i></p>
-                        </div>
-                        <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
-                        <div class="bkbj">
-                            <p><i>the rate at which a worker,a company or a country produces goods,and the amount
-                                    produced,compared with how much time,work and money is needed to produce them</i>
-                            </p>
-                        </div>
-                        <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p>
-                        <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p>
-                        <p>return the favor 鍥炴姤</p>
-                        <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p>
-                        <p>be likely to 寰堝彲鑳�</p>
-                        <p><b>鈪�.Reading comprehension.</b></p>
-                        <p>A.Mark the elements of a positive work environment mentioned in the passage.</p>
-                        <p>鈻ompany culture</p>
-                        <p>鈻ersonal development</p>
-                        <p>鈻elationship with colleagues</p>
-                        <p>鈻alary</p>
-                        <p>鈻af茅</p>
-                        <p>鈻eaders</p>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">101</span>
-                </div>
-            </div>
-        </div>
-        <!-- 102 -->
-        <div class="page-box" page="108">
-            <div v-if="showPageList.indexOf(108) > -1">
-                <!-- 澶撮儴 -->
-                <div class="w100 mb-20" style="padding-right: 20px">
-                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
-                        <div class="preface-header-box event-header-text-bc-unit6">
-                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
-                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p>B.Match the questions below with related paragraphs.Then answer the questions.</p>
-                        <div class="fieldset-8">
-                            <p>1.Why is it important to ensure a positive work environment?</p>
-                            <p>2.What does positive work environment refer to?</p>
-                            <p>3.How do employers maintain a positive work environment?</p>
-                        </div>
-                        <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鈥檚 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>relationship銆�communication銆�productivity銆�respect銆�pleasure銆�professional銆�team spirit銆�job
-                                satisfaction銆�personal development銆�job prospect銆�modern decor</p>
-                        </div>
-                        <h2 id="b022"><img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /></h2>
-                        <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
-                        <p><b>鈪�.Put the following statements into the corresponding box to make a code of conduct for a
-                                school.</b></p>
-                        <div class="fieldset-5">
-                            <p>a.Students are supposed to arrive at the classroom on time.</p>
-                            <p>b.Students are required to come to school in a neat uniform.</p>
-                            <p>c.Students should treat others with respect.</p>
-                            <p>d.Keep food and drink outside of the classroom.</p>
-                            <p>e.Mobile phones must be on silent mode during the class.</p>
-                        </div>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">105</span>
-                </div>
-            </div>
-        </div>
-        <!-- 106 -->
-        <div class="page-box" page="112">
-            <div v-if="showPageList.indexOf(112) > -1">
-                <!-- 澶撮儴 -->
-                <div class="w100 mb-20" style="padding-right: 20px">
-                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
-                        <div class="preface-header-box event-header-text-bc-unit6">
-                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
-                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
-                        <h3 id="c051"><span class="bjh3">Reading</span></h3>
-                        <p>1.How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or
-                            standards.鈥�?</p>
-                        <p>2.Are rules and regulations important for an organization? Why?</p>
-                        <p class="center"><b>Code of Conduct in the Workplace</b></p>
-                        <p class="center"> <audio :src="resource.readingTwo" controls
-                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
-                        <p>A company code of conduct is a set of rules and standards all employees must follow.By
-                            knowing the company code of conduct,employees know how to act at work and can be more
-                            successful in their roles.If you just joined a new company,it would be beneficial to start
-                            with learning the code of conduct.</p>
-                        <p>Often,a company uses its
-                            <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鈥檚 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>.璇氬疄姝g洿</p>
-                        <div class="bkbj">
-                            <p><i>the quality of being honest and having strong moral principles</i></p>
-                        </div>
-                        <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
-                        <div class="bkbj">
-                            <p><i>a person who uses the services or advice of a professional person or organization</i>
-                            </p>
-                        </div>
-                        <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
-                        <div class="bkbj">
-                            <p><i>the opinion that people have about what sb./sth.is like</i></p>
-                        </div>
-                        <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
-                        <div class="bkbj">
-                            <p><i>a situation in which people,groups or countries are involved in a serious disagreement
-                                    or argument</i></p>
-                        </div>
-                        <p>inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/ <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級</p>
-                        <div class="bkbj">
-                            <p><i>not matching a set of standards,ideas,etc.</i></p>
-                        </div>
-                        <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
-                        <div class="bkbj">
-                            <p><i>a situation in which you expect sb.to keep information secret</i></p>
-                        </div>
-                        <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
-                        <div class="bkbj">
-                            <p><i>to tell the public about a product or a service in order to encourage people to buy or
-                                    to use it</i></p>
-                        </div>
-                        <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
-                        <div class="bkbj">
-                            <p><i>giving the wrong idea or impression and making you believe sth.that is not true</i>
-                            </p>
-                        </div>
-                        <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
-                        <div class="bkbj">
-                            <p><i>the ability to do sth.well</i></p>
-                        </div>
-                        <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p>
-                        <div class="bkbj">
-                            <p><i>having enough skill or knowledge to do sth.well</i></p>
-                        </div>
-                        <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p>
-                        <div class="bkbj">
-                            <p><i>the quality of being right or appropriate</i></p>
-                        </div>
-                        <p>competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛� 绔炰簤鑰咃紝瀵规墜</p>
-                        <div class="bkbj">
-                            <p><i>a person or an organization that compete against others,esp.in business</i></p>
-                        </div>
-                        <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
-                        <div class="bkbj">
-                            <p><i>the ability to control your behavior or the way you live,work,etc.</i></p>
-                        </div>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">108</span>
-                </div>
-            </div>
-        </div>
-        <!-- 109 -->
-        <div class="page-box" page="115">
-            <div v-if="showPageList.indexOf(115) > -1">
-                <!-- 澶撮儴 -->
-                <ul class="preface-odd-header w100 fl ju-bt">
-                    <li class=""></li>
-                    <li class="fz-18">
-                        <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
-                            ENVIRONMENT</span>
-                    </li>
-                </ul>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p>
-                        <div class="bkbj">
-                            <p><i>to obey rules,laws,etc.</i></p>
-                        </div>
-                        <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p>
-                        <div class="bkbj">
-                            <p><i>help or advice that is given to sb.</i></p>
-                        </div>
-                        <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p>
-                        <div class="bkbj">
-                            <p><i>a reason for not being satisfied</i></p>
-                        </div>
-                        <p>on behalf of 浠h〃</p>
-                        <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p>
-                        <p>engage in 浠庝簨锛涘弬鍔�</p>
-                        <p>dig into 閽荤爺锛涙寲鎺�</p>
-                        <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p>
-                        <p><b>鈪�.Reading comprehension.</b></p>
-                        <p>A.Read the passage quickly and choose appropriate headings for A-C in the passage.</p>
-                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /></p>
-                        <p>B.Mark the proper ones according to the code of conduct in the passage.</p>
-                        <div class="bk-11">
-                            <p>(銆�) 1.Observe the employee handbook strictly.</p>
-                            <p>(銆�) 2.Get involved in activities inconsistent with company values.</p>
-                            <p>(銆�) 3.Never leak personal information of the client.</p>
-                            <p>(銆�) 4.Advertise products and services in a professional way.</p>
-                            <p>(銆�) 5.Judge customers by appearance.</p>
-                            <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">109</span>
-                </div>
-            </div>
-        </div>
-        <!-- 110 -->
-        <div class="page-box" page="116">
-            <div v-if="showPageList.indexOf(116) > -1">
-                <!-- 澶撮儴 -->
-                <div class="w100 mb-20" style="padding-right: 20px">
-                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
-                        <div class="preface-header-box event-header-text-bc-unit6">
-                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
-                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p><b>鈪�.Language focus.</b></p>
-                        <p>A.Replace the words in italics with the exact words in the passage and change the form if
-                            necessary.</p>
-                        <p>1.We may feel cheated when finding the report is actually <i>false</i>._____________</p>
-                        <p>2.A true partnership is a two-way street,and our <i>customers</i> embrace this
-                            philosophy._____________</p>
-                        <p>3.The <i>disagreements</i> at the workplace need to be resolved in a timely and professional
-                            manner._____________</p>
-                        <p>4.The company鈥檚 <i>image</i> is the reflection of its culture._____________</p>
-                        <p>5.All the staff are required to <i>follow</i> the company code of conduct._____________</p>
-                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
-                        <div class="bk-wh">
-                            <p>on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all</p>
-                        </div>
-                        <p>1.The manager asked the intern to_______the data and draft a report.</p>
-                        <p>2.A firm must_________the interests of its customers and treat them fairly.</p>
-                        <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
-                        <p>4._________,you shouldn鈥檛 give up without trying.</p>
-                        <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
-                        <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
-                            <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鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a
-                            workaholic.</p>
-                        <p>2.You should introduce yourself; your client______(can/may) not remember you.</p>
-                        <p>3.I thought he_____(can/might) have a meeting with his team.</p>
-                        <p>4.The customer____(can/may) be very difficult to deal with when he is in a bad mood.</p>
-                        <p>5.There is a slim chance that we______(can/might) take a rest this weekend.</p>
-                        <p>B.Correct the misused modal verbs in the following sentences.</p>
-                        <p>1.Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.______
-                        </p>
-                        <p>2.The new project might work,but it <span class="u">could</span> not.______</p>
-                        <p>3.The manager <span class="u">can not</span> have seen the message yet.______</p>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">110</span>
-                </div>
-            </div>
-        </div>
-        <!-- 111 -->
-        <div class="page-box" page="117">
-            <div v-if="showPageList.indexOf(117) > -1">
-                <!-- 澶撮儴 -->
-                <ul class="preface-odd-header w100 fl ju-bt">
-                    <li class=""></li>
-                    <li class="fz-18">
-                        <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
-                            ENVIRONMENT</span>
-                    </li>
-                </ul>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p>4.We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.______
-                        </p>
-                        <p>5.The meeting might be cancelled for the delay of their plane.______</p>
-                        <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
-                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
-                            library and draft a code of conduct.Share your opinions with the class.</p>
-                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
-                        <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>
-                        <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>鈼員he time,date and place of the meeting</p>
-                            <p>鈼哤ho attended the meeting and who was absent</p>
-                            <p>鈼哤hat happened at the meeting in detail</p>
-                            <p class="center"><img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /></p>
-                        </div>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">112</span>
-                </div>
-            </div>
-        </div>
-        <!-- 113 -->
-        <div class="page-box" page="119">
-            <div v-if="showPageList.indexOf(119) > -1">
-                <!-- 澶撮儴 -->
-                <ul class="preface-odd-header w100 fl ju-bt">
-                    <li class=""></li>
-                    <li class="fz-18">
-                        <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
-                            ENVIRONMENT</span>
-                    </li>
-                </ul>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p><b>鈪�.Read the minutes and do the following exercises.</b></p>
-                        <p>1. <span class="u">Underline</span> the time,date and place of the meeting.</p>
-                        <p>2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees.</p>
-                        <p>3.Summarize the main points discussed at the meeting.</p>
-                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0123-2.jpg" /></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
-                    </div>
-                </div>
-                <div class="preface-bottom">
-                    <span class="contet-num-box">113</span>
-                </div>
-            </div>
-        </div>
-        <!-- 114 -->
-        <div class="page-box" page="120">
-            <div v-if="showPageList.indexOf(120) > -1">
-                <!-- 澶撮儴 -->
-                <div class="w100 mb-20" style="padding-right: 20px">
-                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
-                        <div class="preface-header-box event-header-text-bc-unit6">
-                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
-                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 鍐呭 -->
-                <div class="padding-93">
-                    <div class="bodystyle">
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
-                        <p><b>鈪�.Match the following sentences with the correct translation.</b></p>
-                        <div class="fieldset-8">
-                            <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
-                            <p>2.A vote was taken to approve the amended</p>
-                            <p>Code of Conduct for employees.</p>
-                            <p>3.The meeting agenda was unanimously approved by all attendees.</p>
-                            <p>4.The meeting adjourned at 5:00 p.m.</p>
-                            <p>5.All attendees were given an agenda prior to the meeting via email.</p>
-                        </div>
-                        <div class="fieldset-8">
-                            <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
-                            <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
-                            <p>c.涓嬪崍5鐐逛紤浼氥��</p>
-                            <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
-                            <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
-                            <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
-                        </div>
-                        <p>鈪�<b>.The HR department has been assigned the task to prepare the in-service training for the
-                                newly recruited employees.Complete the following minutes based on the information
-                                provided.</b></p>
-                        <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鈥檛 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鈥檛 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鈥檚 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鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
+            <div class="bkbj">
+              <p>
+                <i>to keep sth.in existence at the same level,standard,etc.</i>
+              </p>
+            </div>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">100</span>
+        </div>
+      </div>
+    </div>
+    <!-- 101 -->
+    <div class="page-box" page="107">
+      <div v-if="showPageList.indexOf(107) > -1">
+        <!-- 澶撮儴 -->
+        <ul class="preface-odd-header w100 fl ju-bt">
+          <li class=""></li>
+          <li class="fz-18">
+            <span class="chapter-left-bc-unit6">MODULE 6</span>
+            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+              >A GLIMPSE OF THE WORK ENVIRONMENT</span
+            >
+          </li>
+        </ul>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p>
+            <div class="bkbj">
+              <p><i>a calm and serious manner that deserves respect</i></p>
+            </div>
+            <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆h祻</p>
+            <div class="bkbj">
+              <p><i>understanding and enjoyment</i></p>
+            </div>
+            <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p>
+            <div class="bkbj">
+              <p><i>excellent or exceptionally good</i></p>
+            </div>
+            <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p>
+            <div class="bkbj">
+              <p><i>promotion in rank or status</i></p>
+            </div>
+            <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p>
+            <div class="bkbj">
+              <p><i>to have a high opinion of sb./sth.</i></p>
+            </div>
+            <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p>
+            <div class="bkbj">
+              <p><i>act of kindness beyond what is due or usual</i></p>
+            </div>
+            <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p>
+            <div class="bkbj">
+              <p><i>having a lot of natural ability or intelligence</i></p>
+            </div>
+            <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p>
+            <div class="bkbj">
+              <p><i>to encourage sth.to develop</i></p>
+            </div>
+            <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >in a way that does not change and continues for a period of
+                  time</i
+                >
+              </p>
+            </div>
+            <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >the rate at which a worker,a company or a country produces
+                  goods,and the amount produced,compared with how much time,work
+                  and money is needed to produce them</i
+                >
+              </p>
+            </div>
+            <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p>
+            <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p>
+            <p>return the favor 鍥炴姤</p>
+            <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p>
+            <p>be likely to 寰堝彲鑳�</p>
+            <p><b>鈪�.Reading comprehension.</b></p>
+            <p>
+              A.Mark the elements of a positive work environment mentioned in
+              the passage.
+            </p>
+            <p>鈻ompany culture</p>
+            <p>鈻ersonal development</p>
+            <p>鈻elationship with colleagues</p>
+            <p>鈻alary</p>
+            <p>鈻af茅</p>
+            <p>鈻eaders</p>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">101</span>
+        </div>
+      </div>
+    </div>
+    <!-- 102 -->
+    <div class="page-box" page="108">
+      <div v-if="showPageList.indexOf(108) > -1">
+        <!-- 澶撮儴 -->
+        <div class="w100 mb-20" style="padding-right: 20px">
+          <div
+            class="event-header-bc-unit6 fl al-end"
+            style="height: 100px; padding-left: 40px"
+          >
+            <div class="preface-header-box event-header-text-bc-unit6">
+              <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+              <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+            </div>
+          </div>
+        </div>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p>
+              B.Match the questions below with related paragraphs.Then answer
+              the questions.
+            </p>
+            <div class="fieldset-8">
+              <p>
+                1.Why is it important to ensure a positive work environment?
+              </p>
+              <p>2.What does positive work environment refer to?</p>
+              <p>3.How do employers maintain a positive work environment?</p>
+            </div>
+            <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鈥檚 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 鈥淣othing can be
+              accomplished without norms or standards.鈥�?
+            </p>
+            <p>
+              2.Are rules and regulations important for an organization? Why?
+            </p>
+            <p class="center"><b>Code of Conduct in the Workplace</b></p>
+            <p class="center">
+              <audio
+                :src="resource.readingTwo"
+                controls
+                controlslist="noplaybackrate nodownload"
+                style="margin-left: 10px"
+                class="audio"
+                @play="audioPlay"
+              ></audio>
+            </p>
+            <p>
+              A company code of conduct is a set of rules and standards all
+              employees must follow.By knowing the company code of
+              conduct,employees know how to act at work and can be more
+              successful in their roles.If you just joined a new company,it
+              would be beneficial to start with learning the code of conduct.
+            </p>
+            <p>
+              Often,a company uses its
+              <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鈥檚 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>.璇氬疄姝g洿</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >the quality of being honest and having strong moral
+                  principles</i
+                >
+              </p>
+            </div>
+            <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >a person who uses the services or advice of a professional
+                  person or organization</i
+                >
+              </p>
+            </div>
+            <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
+            <div class="bkbj">
+              <p>
+                <i>the opinion that people have about what sb./sth.is like</i>
+              </p>
+            </div>
+            <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >a situation in which people,groups or countries are involved
+                  in a serious disagreement or argument</i
+                >
+              </p>
+            </div>
+            <p>
+              inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/
+              <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級
+            </p>
+            <div class="bkbj">
+              <p><i>not matching a set of standards,ideas,etc.</i></p>
+            </div>
+            <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >a situation in which you expect sb.to keep information
+                  secret</i
+                >
+              </p>
+            </div>
+            <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >to tell the public about a product or a service in order to
+                  encourage people to buy or to use it</i
+                >
+              </p>
+            </div>
+            <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >giving the wrong idea or impression and making you believe
+                  sth.that is not true</i
+                >
+              </p>
+            </div>
+            <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
+            <div class="bkbj">
+              <p><i>the ability to do sth.well</i></p>
+            </div>
+            <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p>
+            <div class="bkbj">
+              <p><i>having enough skill or knowledge to do sth.well</i></p>
+            </div>
+            <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p>
+            <div class="bkbj">
+              <p><i>the quality of being right or appropriate</i></p>
+            </div>
+            <p>
+              competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛�
+              绔炰簤鑰咃紝瀵规墜
+            </p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >a person or an organization that compete against
+                  others,esp.in business</i
+                >
+              </p>
+            </div>
+            <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
+            <div class="bkbj">
+              <p>
+                <i
+                  >the ability to control your behavior or the way you
+                  live,work,etc.</i
+                >
+              </p>
+            </div>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">108</span>
+        </div>
+      </div>
+    </div>
+    <!-- 109 -->
+    <div class="page-box" page="115">
+      <div v-if="showPageList.indexOf(115) > -1">
+        <!-- 澶撮儴 -->
+        <ul class="preface-odd-header w100 fl ju-bt">
+          <li class=""></li>
+          <li class="fz-18">
+            <span class="chapter-left-bc-unit6">MODULE 6</span>
+            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+              >A GLIMPSE OF THE WORK ENVIRONMENT</span
+            >
+          </li>
+        </ul>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p>
+            <div class="bkbj">
+              <p><i>to obey rules,laws,etc.</i></p>
+            </div>
+            <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p>
+            <div class="bkbj">
+              <p><i>help or advice that is given to sb.</i></p>
+            </div>
+            <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p>
+            <div class="bkbj">
+              <p><i>a reason for not being satisfied</i></p>
+            </div>
+            <p>on behalf of 浠h〃</p>
+            <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p>
+            <p>engage in 浠庝簨锛涘弬鍔�</p>
+            <p>dig into 閽荤爺锛涙寲鎺�</p>
+            <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p>
+            <p><b>鈪�.Reading comprehension.</b></p>
+            <p>
+              A.Read the passage quickly and choose appropriate headings for A-C
+              in the passage.
+            </p>
+            <p class="center">
+              <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
+            </p>
+            <p>
+              B.Mark the proper ones according to the code of conduct in the
+              passage.
+            </p>
+            <div class="bk-11">
+              <p>(銆�) 1.Observe the employee handbook strictly.</p>
+              <p>
+                (銆�) 2.Get involved in activities inconsistent with company
+                values.
+              </p>
+              <p>(銆�) 3.Never leak personal information of the client.</p>
+              <p>
+                (銆�) 4.Advertise products and services in a professional way.
+              </p>
+              <p>(銆�) 5.Judge customers by appearance.</p>
+              <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
+            </div>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">109</span>
+        </div>
+      </div>
+    </div>
+    <!-- 110 -->
+    <div class="page-box" page="116">
+      <div v-if="showPageList.indexOf(116) > -1">
+        <!-- 澶撮儴 -->
+        <div class="w100 mb-20" style="padding-right: 20px">
+          <div
+            class="event-header-bc-unit6 fl al-end"
+            style="height: 100px; padding-left: 40px"
+          >
+            <div class="preface-header-box event-header-text-bc-unit6">
+              <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+              <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+            </div>
+          </div>
+        </div>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p><b>鈪�.Language focus.</b></p>
+            <p>
+              A.Replace the words in italics with the exact words in the passage
+              and change the form if necessary.
+            </p>
+            <p>
+              1.We may feel cheated when finding the report is actually
+              <i>false</i>._____________
+            </p>
+            <p>
+              2.A true partnership is a two-way street,and our
+              <i>customers</i> embrace this philosophy._____________
+            </p>
+            <p>
+              3.The <i>disagreements</i> at the workplace need to be resolved in
+              a timely and professional manner._____________
+            </p>
+            <p>
+              4.The company鈥檚 <i>image</i> is the reflection of its
+              culture._____________
+            </p>
+            <p>
+              5.All the staff are required to <i>follow</i> the company code of
+              conduct._____________
+            </p>
+            <p>
+              B.Fill in the blanks with the proper form of the expressions given
+              below.
+            </p>
+            <div class="bk-wh">
+              <p>
+                on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all
+              </p>
+            </div>
+            <p>
+              1.The manager asked the intern to_______the data and draft a
+              report.
+            </p>
+            <p>
+              2.A firm must_________the interests of its customers and treat
+              them fairly.
+            </p>
+            <p>
+              3.The newly-recruited staff were asked to________the routine
+              meeting on Monday.
+            </p>
+            <p>4._________,you shouldn鈥檛 give up without trying.</p>
+            <p>
+              5.She made a speech,_______the sales department,at the annual
+              meeting of the corporation.
+            </p>
+            <p>
+              <b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
+              <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鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at
+              the office.He is a workaholic.
+            </p>
+            <p>
+              2.You should introduce yourself; your client______(can/may) not
+              remember you.
+            </p>
+            <p>3.I thought he_____(can/might) have a meeting with his team.</p>
+            <p>
+              4.The customer____(can/may) be very difficult to deal with when he
+              is in a bad mood.
+            </p>
+            <p>
+              5.There is a slim chance that we______(can/might) take a rest this
+              weekend.
+            </p>
+            <p>B.Correct the misused modal verbs in the following sentences.</p>
+            <p>
+              1.Our boss <span class="u">can</span> be very angry when people
+              don鈥檛 listen to him.______
+            </p>
+            <p>
+              2.The new project might work,but it
+              <span class="u">could</span> not.______
+            </p>
+            <p>
+              3.The manager <span class="u">can not</span> have seen the message
+              yet.______
+            </p>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">110</span>
+        </div>
+      </div>
+    </div>
+    <!-- 111 -->
+    <div class="page-box" page="117">
+      <div v-if="showPageList.indexOf(117) > -1">
+        <!-- 澶撮儴 -->
+        <ul class="preface-odd-header w100 fl ju-bt">
+          <li class=""></li>
+          <li class="fz-18">
+            <span class="chapter-left-bc-unit6">MODULE 6</span>
+            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+              >A GLIMPSE OF THE WORK ENVIRONMENT</span
+            >
+          </li>
+        </ul>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p>
+              4.We <span class="u">may</span> have been colleagues if he hadn鈥檛
+              missed the interview.______
+            </p>
+            <p>
+              5.The meeting might be cancelled for the delay of their
+              plane.______
+            </p>
+            <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
+            <p>
+              Work in groups.Ask your group members about any improper behavior
+              he/she has ever seen in the library and draft a code of
+              conduct.Share your opinions with the class.
+            </p>
+            <p class="left">
+              <img
+                class="img-gn"
+                alt=""
+                src="../../assets/images/dy1-worksheet.jpg"
+              />
+            </p>
+            <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>鈼員he time,date and place of the meeting</p>
+              <p>鈼哤ho attended the meeting and who was absent</p>
+              <p>鈼哤hat happened at the meeting in detail</p>
+              <p class="center">
+                <img
+                  class="img-b"
+                  alt=""
+                  src="../../assets/images/0122-2.jpg"
+                />
+              </p>
+            </div>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">112</span>
+        </div>
+      </div>
+    </div>
+    <!-- 113 -->
+    <div class="page-box" page="119">
+      <div v-if="showPageList.indexOf(119) > -1">
+        <!-- 澶撮儴 -->
+        <ul class="preface-odd-header w100 fl ju-bt">
+          <li class=""></li>
+          <li class="fz-18">
+            <span class="chapter-left-bc-unit6">MODULE 6</span>
+            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+              >A GLIMPSE OF THE WORK ENVIRONMENT</span
+            >
+          </li>
+        </ul>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p><b>鈪�.Read the minutes and do the following exercises.</b></p>
+            <p>
+              1. <span class="u">Underline</span> the time,date and place of the
+              meeting.
+            </p>
+            <p>
+              2.<img
+                class="inline1"
+                alt=""
+                src="../../assets/images/0123-1.jpg"
+              />
+              the attendees.
+            </p>
+            <p>3.Summarize the main points discussed at the meeting.</p>
+            <p class="center">
+              <img class="img-f" alt="" src="../../assets/images/0123-2.jpg" />
+            </p>
+            <p class="center">
+              <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
+            </p>
+          </div>
+        </div>
+        <div class="preface-bottom">
+          <span class="contet-num-box">113</span>
+        </div>
+      </div>
+    </div>
+    <!-- 114 -->
+    <div class="page-box" page="120">
+      <div v-if="showPageList.indexOf(120) > -1">
+        <!-- 澶撮儴 -->
+        <div class="w100 mb-20" style="padding-right: 20px">
+          <div
+            class="event-header-bc-unit6 fl al-end"
+            style="height: 100px; padding-left: 40px"
+          >
+            <div class="preface-header-box event-header-text-bc-unit6">
+              <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+              <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+            </div>
+          </div>
+        </div>
+        <!-- 鍐呭 -->
+        <div class="padding-93">
+          <div class="bodystyle">
+            <p class="center">
+              <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
+            </p>
+            <p>
+              <b
+                >鈪�.Match the following sentences with the correct
+                translation.</b
+              >
+            </p>
+            <div class="fieldset-8">
+              <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
+              <p>2.A vote was taken to approve the amended</p>
+              <p>Code of Conduct for employees.</p>
+              <p>
+                3.The meeting agenda was unanimously approved by all attendees.
+              </p>
+              <p>4.The meeting adjourned at 5:00 p.m.</p>
+              <p>
+                5.All attendees were given an agenda prior to the meeting via
+                email.
+              </p>
+            </div>
+            <div class="fieldset-8">
+              <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
+              <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
+              <p>c.涓嬪崍5鐐逛紤浼氥��</p>
+              <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
+              <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
+              <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
+            </div>
+            <p>
+              鈪�<b
+                >.The HR department has been assigned the task to prepare the
+                in-service training for the newly recruited employees.Complete
+                the following minutes based on the information provided.</b
+              >
+            </p>
+            <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鈥檛 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: "chapterSix",
-    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/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",
-                },
-            },
-        };
+    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;
-            } 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);
-                }
-            }
-            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>
\ No newline at end of file
+</style>

--
Gitblit v1.9.1