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

---
 src/books/English/view/components/chapter008.vue |  919 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 897 insertions(+), 22 deletions(-)

diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index 60811f7..812c58a 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -72,7 +72,63 @@
                         <p class="center"> <audio :src="resource.listenOne" controls
                                 controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                         <p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0147-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">Who is he/she?</td>
+                                <td class="tl-cn">What's his/her job?</td>
+                                <td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    Duan Xinyue
+                                </td>
+                                <td class="tl-cn">
+                                    Teacher
+                                </td>
+                                <td class="tl-cn">
+                                    <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">
+                                    Luo Xinya
+                                </td>
+                                <td class="tl-cn">
+                                    Pet Doctor
+                                </td>
+                                <td class="tl-cn">
+                                    <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">
+                                    Sun Yijie
+                                </td>
+                                <td class="tl-cn">
+                                    Taxi Driver
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.three"
+                                        class="w100 table-tr-bc b0 table-textarea "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    Wu Qi
+                                </td>
+                                <td class="tl-cn">
+                                    Photographer
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.four"
+                                        class="w100 table-tr-bc b0 table-textarea "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                        </table>
                         <h3 id="c066"><span class="bjh3">Reading</span></h3>
                         <p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
                             full-time employment.Do you agree? Why or why not?</p>
@@ -360,7 +416,50 @@
                         <p>锛堛��銆�锛�6.I <span class="u">think</span> everyone should get down on one鈥檚 knees and pull weeds.
                         </p>
                         <p>B.Write the present or the past form of the following verbs.</p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0151-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">give<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" /></td>
+                                <td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" /></td>
+                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />had
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc ">
+                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                    went
+                                </td>
+                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                    began
+                                </td>
+                                <td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                </td>
+                                <td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                </td>
+                                <td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />chose
+                                </td>
+                            </tr>
+                        </table>
                         <h3 id="c067"><span class="bjh3">Mini-project</span></h3>
                         <p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
                         <p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
@@ -394,11 +493,310 @@
                             <p>銆�銆�銆�銆�3.How does he/she describe his/her job?</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/0152-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">The Respondent</td>
+                                <td class="tl-cn">The Job</td>
+                                <td class="tl-cn">The Description</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn wh-no">
+                                    Zhang Wei's Mum
+                                </td>
+                                <td class="tl-cn">
+                                    A Teacher
+                                </td>
+                                <td class="tl-lf">
+                                    She teaches English in a high schpol. Her job is quite <span
+                                        class="input-bottom-border">stressful </span> and <span
+                                        class="input-bottom-border">challenging</span> , but she feels <span
+                                        class="input-bottom-border">rewarding</span> rewarding when her students make
+                                    progress.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.five"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.six"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <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 class="tl-cn">
+                                    <textarea v-model="questionData.table.eight"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.nine"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <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">
+                                    <textarea v-model="questionData.table.eleven"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twelve"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirteen"
+                                        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.fourteen"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.fifteen"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.sixteen"
+                                        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.seventeen"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.eighteen"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <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 class="tl-cn">
+                                    <textarea v-model="questionData.table.twenty"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentyOne"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <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 class="tl-cn">
+                                    <textarea v-model="questionData.table.twentyThree"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentyFour"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentyFive"
+                                        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>dangerous銆�demanding銆�dull銆�exciting銆�repetitive銆�risky銆�satisfying銆�stimulating銆�stressful銆�voluntary
+                            <p class="dl-box">
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</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, 'satisfying')">satisfying</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</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, 'voluntary')">voluntary</span>
+              </p>
+                            
+                            <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
                             </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>
@@ -704,7 +1102,8 @@
                         <p>3.Anyone hired into the company must___________the system.</p>
                         <p>4.You must accept___________the blame for this crisis.</p>
                         <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
-                        <p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
+                        <p><b>鈪�.Grammar focus:Pronouns (it,one).</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">
@@ -762,7 +1161,215 @@
                 <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/0159-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">What job is he/she interested in?</td>
+                                <td class="tl-cn">Why does he'she choose this job?</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    Architeet
+                                </td>
+                                <td class="tl-lf">
+                                    My fatnily is engaged in a construction business. And I have hada dream to build my
+                                    own house ever since I was a kid.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentySix"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentySeven"
+                                        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.twentyEight"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.twentyNine"
+                                        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.thirty"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirtyOne"
+                                        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.thirtyTwo"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirtyThree"
+                                        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="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
                         <h3 id="c071"><span class="bjh3">Listening</span></h3>
                         <p class="center"> <audio :src="resource.readingTwo" controls
@@ -800,7 +1407,58 @@
                     <div class="bodystyle">
                         <p><b>鈪�.Susan is interviewing the candidate Derek.Listen to the conversation and write down
                                 Susan's questions.</b></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0160-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">Susan's Questions</td>
+                                <td class="tl-cn">Derek's Responses</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 textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <p class="table-p">Studying Finance in East College</p>
+                                    <p class="table-p">Having been working as an intemn in T&G Accounting Company for
+                                        the last two years</p>
+                                    <p class="table-p">Speaking fluent Chinese</p>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirtyFive"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-lf">
+                                    Analyzing financial data with ERP software
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirtySix"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-lf">
+                                    To put finance theories into practice
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <textarea v-model="questionData.table.thirtySeven"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td class="tl-cn">
+                                    <p class="table-p">A hard-working person</p>
+                                    <p class="table-p">A fast learer</p>
+                                    <p class="table-p">Getting along well with people</p>
+                                </td>
+                            </tr>
+                        </table>
                         <h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
                         <p>Work with your partner to discuss the following questions.</p>
                         <p>1.How do you follow up after a job interview?</p>
@@ -935,20 +1593,58 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p class="center"><b>Worksheet for the Interviewer</b></p>
-                        <div class="fieldset-5">
-                            <p class="left">Name:</p>
-                            <p class="left">Phone:</p>
-                            <p class="left">Email:</p>
-                            <p class="left">Work experience</p>
-                            <p><br /></p>
-                            <p class="left">Education</p>
-                            <p><br /></p>
-                            <p class="left">Skills</p>
-                            <p><br /></p>
-                            <p class="left">Other related information</p>
-                            <p><br /></p>
-                        </div>
-                        <p><b>Follow-up Email for the Interviewee</b></p>
+                        <table border="1" cellpadding="4" cellspacing="0"  class="fz-14 fieldset-5">
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn ">
+                                    <p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 35em"
+                                        v-model="testData.in.one" @change="setTestData" /></p>
+                                    <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 34.8em"
+                                        v-model="testData.in.one" @change="setTestData" /></p>
+                                    <p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 35em"
+                                        v-model="testData.in.one" @change="setTestData" /></p>
+                                </td>
+                            </tr>
+
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <p class="table-p">Work experience</p>
+                                    <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-cn">
+                                    <p class="table-p">Education</p>
+                                    <textarea v-model="questionData.table.thirtyNine"
+                                        class="w100 table-tr-bc b0 table-textarea "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+        
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <p class="table-p">Skills</p>
+                                    <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-cn">
+                                    <p class="table-p">Other related information</p>
+                                    <textarea v-model="questionData.table.fortyOne"
+                                        class="w100 table-tr-bc b0 table-textarea "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                        </table>
+                        <p class="center"><b>Follow-up Email for the Interviewee</b></p>
                         <div class="fieldset-4">
                             <p class="left">From:</p>
                             <p class="left">To:</p>
@@ -990,6 +1686,153 @@
                             <p>I鈥檓 enthusiastic about the prospect of ...</p>
                             <p>I鈥檓 sure you鈥檙e still in research mode right now ...</p>
                             <p>Please feel free to contact me if I can provide you with any further information.</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>
@@ -1187,8 +2030,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: {

--
Gitblit v1.9.1