From a7c86fb44b6abce439784c1e62c2e566e5443f3e Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 22 七月 2024 14:12:55 +0800
Subject: [PATCH] 英语(第八单元调试)

---
 src/books/English/view/components/chapter007.vue |   40 ++++-
 src/books/English/view/components/chapter008.vue |  302 ++++++++++++++++++++++++++++++++++++++----
 src/books/English/view/components/chapter002.vue |   14 +-
 src/books/English/view/components/chapter006.vue |   47 +++++-
 src/books/English/view/components/index.vue      |    2 
 5 files changed, 340 insertions(+), 65 deletions(-)

diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 1d23930..671a063 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -445,7 +445,7 @@
             </p>
             <p class="center"><b>Challenges of Working Across Cultures</b></p>
             <p class="center">
-              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
+              <audio :src="resource.readingOne" controls class="audio" ></audio>
             </p>
 
             <p>
@@ -524,7 +524,7 @@
               <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
               <span class="line-border-box"></span>
             </p>
-            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
+            <audio :src="resource.readingTwo" controls class="audio" ></audio>
             <p>define /d瑟藞fa瑟n/ <i>v.</i> 缁欌�︹�︿笅瀹氫箟</p>
             <div class="bkbj">
               <p><i>to state precisely the meaning of sth.</i></p>
@@ -1747,8 +1747,8 @@
 
             </p>
             <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
-            <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
-                @play="audioPlay"></audio></p>
+            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                ></audio></p>
             <p>For an
               <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
               or a country,a period of 14 years is long enough to become calm,confident and
@@ -1836,7 +1836,7 @@
               <span class="line-border-box"></span>
             </p>
             <!-- 瑙嗛 -->
-            <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
+            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
             <p>individual /藢瑟nd瑟藞v瑟d蕭蕣蓹l/ <i>n.</i> 涓汉锛涗釜浣�</p>
             <div class="bkbj">
               <p><i>a person considered separately rather than as part of a group</i></p>
@@ -2803,7 +2803,7 @@
             <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
             <h3 id="c017"><span class="bjh3">Listening</span></h3>
             <p><b>鈪�.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
-            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
+            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
             <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
               <tr class="table-th-bc">
                 <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
@@ -2833,7 +2833,7 @@
               &nbsp;
             </p>
             <p><b>鈪�.Listen to the conversation and mark the activities when mentioned.</b></p>
-            <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
+            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball"
                 value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
               Lecture on Ancient Chinese History
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index f63874f..bdf8778 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -333,7 +333,7 @@
             <p class="center"><b>A Positive Work Environment</b></p>
             <p class="center">
               <audio
-                :src="resource.readingTwo"
+                :src="resource.readingOne"
                 controls
                 controlslist="noplaybackrate nodownload"
                 style="margin-left: 10px"
@@ -1448,7 +1448,7 @@
             <p class="center"><b>Code of Conduct in the Workplace</b></p>
             <p class="center">
               <audio
-                :src="resource.readingTwo"
+                :src="resource.readingThree"
                 controls
                 controlslist="noplaybackrate nodownload"
                 style="margin-left: 10px"
@@ -1664,7 +1664,7 @@
               <span class="line-border-box"></span>
             </p>
             <audio
-              :src="resource.readingTwo"
+              :src="resource.readingFour"
               controls
               controlslist="noplaybackrate nodownload"
               style="margin-left: 10px"
@@ -2308,12 +2308,6 @@
             <h3 id="c053" class="fl al-cn">
               <span class="bjh3">Listening</span>
               <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
-              <audio
-                :src="resource.listenOne"
-                controls
-                controlslist="noplaybackrate nodownload"
-                class="audio"
-              ></audio>
             </h3>
             <p>
               <b
@@ -2322,6 +2316,12 @@
                 (F).</b
               >
             </p>
+            <audio
+                :src="resource.listenTwo"
+                controls
+                controlslist="noplaybackrate nodownload"
+                class="audio"
+              ></audio>
             <p v-for="(item,index) in listenThree[0].value" :key="index">
               (
                 <select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
@@ -2373,6 +2373,12 @@
                 corresponding speaker.</b
               >
             </p>
+            <audio
+                :src="resource.listenThree"
+                controls
+                controlslist="noplaybackrate nodownload"
+                class="audio"
+              ></audio>
             <table
               border="1"
               cellpadding="4"
@@ -3478,6 +3484,10 @@
         listenOne: "",
         readingOne: "",
         readingTwo: "",
+        readingThree: "",
+        readingFour: "",
+        listenTwo: "",
+        listenThree: "",
       },
       // 鏂板
       dropDownOne:[
@@ -4388,14 +4398,27 @@
     },
     async getPath() {
       this.resource.listenOne = await getResourcePath(
-        "422139A2EF66EA888C5ED1D550AE23E0"
+        "AB15FA5A96B3FA325489F2E6620827FD"
       );
       this.resource.readingOne = await getResourcePath(
-        "3F442B682D84C8AB06C800B29D734920"
+        "DF353557BE4B2C0E71BB2A50C0CA753C"
       );
       this.resource.readingTwo = await getResourcePath(
-        "E8719EC88026BCFB11D292AA999F6D3D"
+        "88F39B788C726DD5DB25F429570FFF7D"
       );
+      this.resource.readingThree = await getResourcePath(
+        "B32CC91B062501D0D75349EC300C37EA"
+      );
+      this.resource.readingFour = await getResourcePath(
+        "0CFCC206E2DC45FBA070CD9CD7F0428B"
+      );
+      this.resource.listenTwo = await getResourcePath(
+        "B392589318D7CC282BE811EDA2D8E6B0"
+      );
+      this.resource.listenThree = await getResourcePath(
+        "625FDB71EC5BD35CF489AA4DE6730373"
+      );
+
     },
     saveDropdoenOne() {
       localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 3530afb..c7b8a70 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -365,9 +365,9 @@
                             (4).Farmers plant so many fruits and vegetables to satisfy our appetite.
                         </p>
                         <p class="center"><b>Lineman Wang Jin</b></p>
-                        <p class="center"><audio :src="resource.readingTwo" controls
+                        <p class="center"><audio :src="resource.readingOne" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
+                                ></audio></p>
                         <p>Working on high-
                             <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
                             power lines is considered by many as a high-risk job.But for some
@@ -457,7 +457,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                            style="margin-left: 10px" class="audio"></audio>
                         <p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
                         <div class="bkbj">
                             <p><i>electrical force measured in volts</i></p>
@@ -1218,9 +1218,9 @@
                             (4).Someone can communicate with me openly and effectively.
                         </p>
                         <p class="center"><b>Work Ethic in the Workplace</b></p>
-                        <p class="center"> <audio :src="resource.readingTwo" controls
+                        <p class="center"> <audio :src="resource.readingThree" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
+                                ></audio></p>
                         <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn鈥檛
                             acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                             views of employees,their motivation,and overall company culture.</p>
@@ -1281,7 +1281,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <p>
-                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                                 style="margin-left: 10px" class="audio"></audio>
                         </p>
                         <p>regarding /r瑟藞伞蓱藧d瑟艐/ <i>prep.</i> 鍏充簬锛涜嚦浜�</p>
@@ -1825,11 +1825,11 @@
                         <h3 id="c062" class="fl al-cn">
                             <span class="bjh3">Listening</span>
                             <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
-                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                                class="audio"></audio>
                         </h3>
                         <p><b>鈪�.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
                                 for being late.</b></p>
+                                <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <ul class="fl">
                             <li class="w50">
                                 <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
@@ -1856,6 +1856,8 @@
                         </ul>
                         <p><b>鈪�.Susan,HR director,is now talking with Jenny about Jeff鈥檚 problems.Listen to the
                                 conversation and fill in the blanks with what you hear.</b></p>
+                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <p>Susan:Have you noticed Jeff has been late many times?</p>
                         <p>Jenny:Yes,I want to have a talk with you about this.</p>
                         <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
@@ -2865,6 +2867,10 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: "",
             },
             //new
             dropdownData: {
@@ -3505,13 +3511,25 @@
         },
         async getPath() {
             this.resource.listenOne = await getResourcePath(
-                "422139A2EF66EA888C5ED1D550AE23E0"
+                "20D9B02E3B0C95E7CD524224C57E643A"
             );
             this.resource.readingOne = await getResourcePath(
-                "3F442B682D84C8AB06C800B29D734920"
+                "01A4E8C1E8E2801EF48DDBBA3E4A30BD"
             );
             this.resource.readingTwo = await getResourcePath(
-                "E8719EC88026BCFB11D292AA999F6D3D"
+                "8D5057637DBB959B365E38360121FB41"
+            );
+            this.resource.readingThree = await getResourcePath(
+                "113D24C2D701120C0F6283A72F9F4366"
+            );
+            this.resource.readingFour = await getResourcePath(
+                "DE0C4081FE1FFE2374EDB989609B25E9"
+            );
+            this.resource.listenTwo = await getResourcePath(
+                "DB59D9F65B437605F766F7975026B61D"
+            );
+            this.resource.listenThree = await getResourcePath(
+                "53543E43DC90215C21CFC432D46CAB18"
             );
         },
         showAnswer(type) {
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index 812c58a..8000aec 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -32,18 +32,244 @@
                         <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
                         <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
                         <p><b>鈪�.Figure out what the people in the following pictures do.</b></p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
-                        <p class="center">1._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
-                        <p class="center">2._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
-                        <p class="center">3._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
-                        <p class="center">4._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
-                        <p class="center">5._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
-                        <p class="center">6._____________________</p>
+                        <div class="openImgBox">
+                            <div class="fl ju-bt">
+                                <div class="left" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            1.
+                                            <select class="select-border" v-model="dropdownData.one.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.one.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歩ntercity train
+                                    </p>
+                                </div>
+                                <div class="right" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
+                                        </p>
+                                        <p class="center">
+                                            2.
+                                            <select class="select-border" v-model="dropdownData.two.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.two.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歰nline shopping
+                                    </p>
+                                </div>
+                            </div>
+
+                            <div class="fl ju-bt">
+                                <div class="left" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
+                                        </p>
+                                        <p class="center">
+                                            3.
+                                            <select class="select-border" v-model="dropdownData.three.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.three.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歟lectronic payment
+                                    </p>
+                                </div>
+                                <div class="right" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
+                                        </p>
+                                        <p class="center">
+                                            4.
+                                            <select class="select-border" v-model="dropdownData.four.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.four.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歴hared bike
+                                    </p>
+                                </div>
+                            </div>
+
+                            <div class="fl ju-bt">
+                                <div class="left" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            5.
+                                            <select class="select-border" v-model="dropdownData.five.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.five.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歵ake-away service
+                                    </p>
+                                </div>
+                                <div class="right" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
+                                        </p>
+                                        <p class="center">
+                                            6.
+                                            <select class="select-border" v-model="dropdownData.six.value"
+                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
+                                                <option v-for="(item, index) in dropDownList" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box">
+                                                <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon"
+                                                    viewBox="0 0 1820 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                                    <path
+                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                                        fill="#1AFA29" p-id="18768"></path>
+                                                </svg>
+                                                <svg v-if="dropdownData.six.isRight == false" t="1716987085767"
+                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                                    <path
+                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                                        fill="#d81e06" p-id="25746"></path>
+                                                </svg>
+                                            </span>
+                                        </p>
+                                    </div>
+                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+                                        绛旀锛歠acial recognition
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
                         <p><b>鈪�.What other jobs can you list?</b></p>
                         <p>____________________________________________</p>
                     </div>
@@ -636,18 +862,26 @@
                         <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                         <div class="bk-wh">
                             <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, '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>
-                            
+                                <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>
@@ -1593,18 +1827,18 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p class="center"><b>Worksheet for the Interviewer</b></p>
-                        <table border="1" cellpadding="4" cellspacing="0"  class="fz-14 fieldset-5">
+                        <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>
+                                            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>
+                                            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>
+                                            class="input-bottom-border input-bc-t" style="width: 35em"
+                                            v-model="testData.in.one" @change="setTestData" /></p>
                                 </td>
                             </tr>
 
@@ -1615,7 +1849,7 @@
                                         class="w100 table-tr-bc b0 table-textarea "
                                         @change="setBookQuestion"></textarea>
                                 </td>
-                  
+
                             </tr>
                             <tr class="table-tr-bc">
                                 <td class="tl-cn">
@@ -1624,7 +1858,7 @@
                                         class="w100 table-tr-bc b0 table-textarea "
                                         @change="setBookQuestion"></textarea>
                                 </td>
-        
+
                             </tr>
                             <tr class="table-tr-bc">
                                 <td class="tl-cn">
@@ -1633,7 +1867,7 @@
                                         class="w100 table-tr-bc b0 table-textarea "
                                         @change="setBookQuestion"></textarea>
                                 </td>
-  
+
                             </tr>
                             <tr class="table-tr-bc">
                                 <td class="tl-cn">
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 9c0d14d..12cd9e1 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
      setTimeout(() => {
-      this.gotoPage(6,101);
+      this.gotoPage(9,140);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",

--
Gitblit v1.9.1