英语（第一单元题集）

zhongshujie

2024-07-11 0a945a92ee0c133a6d7b71b35a705d9764d94f3b

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

@@ -38,7 +38,114 @@
                        <p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
                                functions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-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">Departments</td>
                                <td class="tl-cn">Functions</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <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>
                                    It has overall responsibilities for creating, planning, implementing, and
                                    integratingthe strategie direction of an organization.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <select class="select-border select-bc-t" 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>
                                <td>
                                    It deals with such matters as involving employees, hiring, training, labor
                                    relations,and benefits.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.three.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It is responsible for presenting, advertising and selling a company's products
                                    orservices.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.four.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It is responsible for finding new products and processes or improving existing ones.
                                </td>

                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.five.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It manages money in running a business, an activity or a project.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.six.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It's a department where people assist the CEO to plan, organize and run a business.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.seven.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It makes food, goods or materials, especially in large quantities.
                                </td>
                            </tr>
                        </table>
                        <h3 id="c056"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -387,11 +494,216 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <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/0134-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">Names</td>
                                <td class="tl-cn">Reasons</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Yuan Longping</td>
                                <td>
                                    He was creative and started his research of hybrid rice technology,by which farmers
                                    can produce harvests twice as large as before.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </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>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>strong-willed　motivated　active　cooperative　stressful　disciplined　risky　helpful　dutiful　enthusiastic
                            <p class="dl-box">
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'strong-willed')">strong-willed</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'motivated')">motivated</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cooperative')">cooperative</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'disciplined')">disciplined</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'enthusiastic')">enthusiastic</span>
                            </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="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2>
                        <h3 id="c059"><span class="bjh3">Warm-up</span></h3>
@@ -566,7 +878,73 @@
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
                        <p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
                            are strong or poor.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-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">Examples</td>
                                <td class="tl-cn" style="width: 70%;">Work Ethic Mentioned</td>
                                <td class="tl-cn">
                                    Strong or Poor
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">Example 1</td>
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Example 2
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nine"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.ten"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Example 3
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eleven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twelve"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Example 4
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fourteen"
                                        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 form of the words given below.</p>
                        <div class="bk-wh">
@@ -637,7 +1015,31 @@
                            <p>faithfulness　initiative　innovation　selflessness　bravery　rigor　teamwork　fortitude</p>
                        </div>
                        <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/0138-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">Work Ethic</td>
                                <td class="tl-cn" style="width:90%;">The Way to Develop lt</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Honesty</td>
                                <td>
                                    Don't tell/ies. IfI make a mistake, I will admit it and correet it.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.fifteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.sixteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -660,7 +1062,208 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
                        <p class="continued">continued</p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Work Ethic</td>
                                <td class="tl-cn">The Way to Develop lt</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn" > 
                                    <textarea v-model="questionData.table.seventeen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td style="width: 90%;">
                                    <textarea v-model="questionData.table.eighteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twenty"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyOne"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyTwo"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyThree"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFour"
                                        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="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
                        <h3 id="c062"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
@@ -869,7 +1472,152 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <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/0143-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">Examples</td>
                                <td class="tl-cn">Strong/Bad</td>
                                <td class="tl-cn">
                                    Work Ethic
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">Barney is the employee that always follows through on his commitments. If he agrees to take over another co-worker's shift.he always shows up. If he commits to a deadline, you can count on him to meet that deadline.</td>
                                <td class="tl-cn">
                                    Strong
                                </td>
                                <td class="tl-cn">
                                    Dedication
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Sarah consistently completes all of her assignments with careful attention. Whether it’s staying up late to finish a research paper or sacrifcing her weekends to prepare for projects.
                                </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-lf">
                                    Mary is always ready to lend a helping hand and offer help whenever needed, She willingly shares her knowledge and expertise, contributing to the success of the entire team.
                                </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>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Amanda is the teacher who always inspires her students. She creates engaging lessons that ignite their curiosity and encouragesthem to explore and learn. Amanda motivates them to develop alifelong love for learning. </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyNine"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Lisa is the customer service representative who consistently delivers outstanding service. She patiently listens to customers’concerns,empathizes with their situation, and goes above and beyond to find solutions. </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    James frequently forgets to submit his weekly report on time.causing delays in the team's progress. This lack of consistency and attention to details affects the project timelines and hampers effective communication within the team. </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyFour"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Andrew mistakenly sent an email to a client with incorrect information, During the projeet review, he confessed to his supervisor that he was the one responsible for the mistake, despite no one else was aware of it.</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>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    John improved work productivity by introducing a new project management tool that allowed for better task coordination. This led to more efficient project completion and inereased output. </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySeven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyEight"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Mike failed to double-check important client documents before submitting them, which not only caused frustration for the client but also required the team to invest additional time and resources to rectify the mistake. </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>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">
                                    Thomas frequently underestimated the time required for tasks.leading to rushed and subpar work. His disorganized approach resulted in missed deadlines, delayed deliverables, and frustrated clients. </td>
                                <td>
                                    <textarea v-model="questionData.table. fortyOne"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table. fortyTwo"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -919,6 +1667,153 @@
                            <p>Passiveness</p>
                            <p>Tardiness</p>
                            <p>Unprofessional behavior</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>
@@ -1116,8 +2011,41 @@
                    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: "",
                    fortyTwo: "",
                },
            },
            testData: {
@@ -1176,43 +2104,49 @@
                readingTwo: "",
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
                "HR Department",
                "R&D Department",
                "CEO office",
                "Finance Department",
                "Produetion Department",
                "Marketing Department",
                "Administration office",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "intercity train",
                    answer: "Administration office",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "online shopping",
                    answer: "HR department",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "electronic payment",
                    answer: "Marketing department",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "shared bike",
                    answer: "R & D department",
                },
                five: {
                    value: "",
                    isRight: null,
                    answer: "take-away service",
                    answer: "Finance department",
                },
                six: {
                    value: "",
                    isRight: null,
                    answer: "facial recognition",
                    answer: "CEO office",
                },
                seven: {
                    value: "",
                    isRight: null,
                    answer: "Production department",
                },
            },
        };