英语（表格）

zhongshujie

2024-07-08 bc7f6f02feeff377da9d95546420987a2539d7cc

 src/books/English/view/components/chapter006.vue

@@ -64,18 +64,63 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c047"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <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>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></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>
@@ -86,18 +131,32 @@
                        <p>How do we exactly define a positive work environment? When asked what makes a great work
                            environment,most people would mention a fancy workplace in a big building with modern
                            design,or a good relationship with coworkers.</p>
                        <p>Gone are those times when candidates only considered the salary at the time of joining a
                            company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
                        <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 ensure a positive work environment is to motivate employees for a correct
                            behavioral approach.Good behavior also determines good and peaceful environment.Another way
                            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 interaction doesn’t cost much time for the management
                            team.They only </p>
                            necessary.Keeping an eye on staff
                            <span class="word-bc" @click="saveWord($event, 'interaction')">interaction</span>
                            doesn’t cost much time for the management
                            team.They only
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -123,25 +182,36 @@
                        <p> need to observe body language and listen for negative clues and try to fix the problems as
                            soon as possible.The staff often takes the message from the behavior of the management
                            team,so the management team should also be aware of the power of their behavior and always
                            maintain dignity.</p>
                        <p>Another important way to make a great work environment for a company is to show appreciation
                            of outstanding employees.Workers are more likely to stay in the company,work hard and
                            <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
                            advancement.When employees know they are valued,they tend to return the favor by being the
                            best at their job.A positive work environment is a place that promises to advance gifted
                            employees and keep that promise.</p>
                            <span class="word-bc" @click="saveWord($event, 'advancement')"> advancement</span>
                            .When employees know they are valued,they tend to return the favor by being the
                            best at their job.A positive work environment is a place that promises to advance
                            <span class="word-bc" @click="saveWord($event, 'gifted')">gifted</span>
                            employees and keep that promise.
                        </p>
                        <p>The work environment can greatly influence how the employees feel about their jobs.Because of
                            this,it’s important to find an employer that fosters a positive atmosphere and encourages
                            employees consistently.A positive work environment can improve employees’ happiness,increase
                            the productivity and motivate those around them.</p>
                            this,it’s important to find an employer that
                            <span class="word-bc" @click="saveWord($event, 'fosters')">fosters</span>
                            a positive atmosphere and encourages employees
                            <span class="word-bc" @click="saveWord($event, 'consistently')">consistently</span>
                            .A positive work environment can improve employees’ happiness,increase
                            the
                            <span class="word-bc" @click="saveWord($event, 'productivity')">productivity</span>
                            and motivate those around them.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center">
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        </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>
@@ -194,7 +264,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -283,7 +354,52 @@
                            <p>2.What does positive work environment refer to?</p>
                            <p>3.How do employers maintain a positive work environment?</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p>
                        <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>
@@ -322,7 +438,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -342,7 +459,20 @@
                        <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
                            the company.</p>
                        <p>______________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:Inverted sentences.</b></p>
                        <p><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>
@@ -397,7 +527,81 @@
                            groups to list the elements of a pleasant work environment and explain the reasons for your
                            choice.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p>
                        <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">
@@ -413,7 +617,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -471,12 +676,20 @@
                            knowing the company code of conduct,employees know how to act at work and can be more
                            successful in their roles.If you just joined a new company,it would be beneficial to start
                            with learning the code of conduct.</p>
                        <p>Often,a company uses its core values,including its mission,to guide the creation of these
                            codes.These guidelines outline how the organization operates,how employees conduct
                            themselves daily,and how they work with others on behalf of the organization.</p>
                        <p>Often,a company uses its
                            <span class="word-bc" @click="saveWord($event, 'core')">core</span>
                            values,including its mission,to guide the creation of these
                            codes.These guidelines
                            <span class="word-bc" @click="saveWord($event, 'outline')">outline</span>
                            how the organization operates,how employees
                            <span class="word-bc" @click="saveWord($event, 'conduct')">conduct</span>
                            themselves daily,and how they work with others on behalf of the organization.
                        </p>
                        <p>You can usually find a company’s code of conduct in an employee handbook.Each company has
                            different rules in its code of conduct,and each company has its own policies for enforcing
                            this code.</p>
                            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>
@@ -493,7 +706,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -502,35 +716,69 @@
                        <div class="fieldset-8">
                            <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
                            <p><b>A._______________________</b></p>
                            <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
                            <p>2.Maintain the good reputation of the company.</p>
                            <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
                                inconsistent with the company mission and values.</p>
                            <p>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 advertised in a misleading way.</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.Competence.Advise clients only on matters in which they are competent.</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.Suitability of advice.Advice should be suitable for the clients’ needs.</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
                                competitor.</p>
                                <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 discipline.Organize business in a responsible and effective way.</p>
                            <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
                            <p>14.Complaints.Handle the complaints fairly and quickly.</p>
                            <p>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>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></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>
@@ -640,7 +888,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -716,7 +965,20 @@
                        <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
                        <p>4._________,you shouldn’t give up without trying.</p>
                        <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
                        <p><b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b></p>
                        <p><b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>A.Choose the correct modal verbs in the brackets.</p>
                        <p>1.It’s 9 o’clock in the evening.He______(can/could) still be at the office.He is a
                            workaholic.</p>
@@ -744,7 +1006,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -757,12 +1020,88 @@
                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
                            library and draft a code of conduct.Share your opinions with the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p>
                        <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"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <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>
@@ -794,7 +1133,46 @@
                    <div class="bodystyle">
                        <p><b>Ⅱ.Listen to the conversation about the dress code between Sally and Ross and match the
                                following information with the corresponding speaker.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
                        <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>
@@ -825,7 +1203,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -880,7 +1259,30 @@
                        <p>Ⅳ<b>.The HR department has been assigned the task to prepare the in-service training for the
                                newly recruited employees.Complete the following minutes based on the information
                                provided.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p>
                        <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">
@@ -896,7 +1298,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -940,7 +1343,58 @@
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
                        <p class="img">Picture 3</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p>
                        <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">
@@ -956,7 +1410,8 @@
                    <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>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -965,7 +1420,66 @@
                        <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
                            your partner to finish Worksheet 2.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Respondents</td>
                                <td class="tl-cn">Problems</td>
                                <td class="tl-cn wh-no">Measures for Improvement</td>
                                <td class=" tl-cn">Reasons for lmprovement</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn"><textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf"><textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyFour"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyFive"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.forty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fortyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="fieldset-8">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>I don’t think it appropriate to ...</p>
@@ -991,7 +1505,7 @@
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterSex",
    name: "chapterSix",
    components: { matching },
    props: {
        showPageList: {
@@ -1000,13 +1514,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            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: [
@@ -1172,8 +1688,40 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    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: {
@@ -1369,7 +1917,10 @@
        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") {