From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter001.vue |  314 +++++++++++++++++-----------------------------------
 1 files changed, 103 insertions(+), 211 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index fa7f82e..07ae48d 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -283,7 +283,6 @@
             <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
           </li>
         </ul>
-        a
         <div class="padding-102">
           <div class="bodystyle">
             <h3 id="c002" class="fl al-cn">
@@ -359,7 +358,7 @@
               shadow puppet show, traditional Chinese medicine, Peking Opera
               scenery
             </p>
-            <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
+            <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
             <p class="center">
               <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </p>
@@ -372,29 +371,29 @@
             </p>
             <p>
               My
-              <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+              <span class="word-bc">incredible</span>
               journey to China started in 2017 when I got selected as a foreign
               student for PhD studies at one university.When I arrived in
               China,I was like Alice in Alice in Wonderland.I was curious about
               the people,the culture,the
-              <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+              <span class="word-bc" >cuisine</span>
               and of course the huge variety of
-              <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+              <span class="word-bc" word="landscape">landscapes</span>.
             </p>
             <p>
               I found many great people and made several Chinese friends along
               the way.These friends made me see China through the eyes of the
               locals.I always found Chinese people very friendly and
-              <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+              <span class="word-bc">hospitable</span>
               towards foreigners.These Chinese friends made my understanding of
               Chinese culture and
-              <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+              <span class="word-bc">civilization</span>
               much easier,enjoyable and memorable.I consider China my second
               home and love it like my own country!
             </p>
             <p>
               You cannot
-              <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+              <span class="word-bc">explore</span>
               China properly if you do not try its delicious variety of food.If
               you ate
             </p>
@@ -423,10 +422,10 @@
               Chinese food would still never end! Though I love to eat almost
               all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
               quite
-              <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+              <span class="word-bc">mouth-watering</span>
               and
-              <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
-              <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+              <span class="word-bc">stimulating</span>.For a
+              <span class="word-bc">foodie</span>
               like me,China is a heaven.I simply cannot live without Chinese
               food.
             </p>
@@ -436,8 +435,8 @@
               its own story and history.From the big and advanced cities like
               Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
               Hangzhou,each city has its
-              <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
-              <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+              <span class="word-bc">unique</span>
+              <span class="word-bc" style="margin-left: 5px">atmosphere</span>
               that attracts you.I visited more than a dozen cities and came
               across their charming features and unique landscapes such as
               Huangshan,the Great Wall,Canton Tower.
@@ -1080,7 +1079,7 @@
               people.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
 
             </p>
@@ -1092,7 +1091,7 @@
               greatly promoted the development of ancient Chinese civilization.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1103,7 +1102,7 @@
               tea culture in depth.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1114,7 +1113,7 @@
               Chinese medical science.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1142,7 +1141,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you try using sticks, you can enjoy the fun of having a
@@ -1154,7 +1153,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you go to my Chinese New Year party, you will meet my
@@ -1163,7 +1162,7 @@
             <p>3.Drink some Longjing tea,and you will love it.</p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you drink some Longjing tea, you will love it.
@@ -1174,7 +1173,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
@@ -1186,7 +1185,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛� If you ask foreigners about their favorite Chinese food,
@@ -1461,18 +1460,18 @@
             </p>
             <div class="bk-wh">
               <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+                <span class="word-bc mr-20 dl-span" >exquisite</span>
+                <span class="word-bc mr-20 dl-span">ancient</span><span
+                  class="word-bc mr-20 dl-span" >incredible</span><span
+                  class="word-bc mr-20 dl-span" >unique</span><span
+                  class="word-bc mr-20 dl-span" >traditional</span><span
+                  class="word-bc mr-20 dl-span" >outstanding</span><span
+                  class="word-bc mr-20 dl-span" >mouth-watering</span><span
+                  class="word-bc mr-20 dl-span" >diverse</span><span
+                  class="word-bc mr-20 dl-span"  >hospitable</span><span
+                  class="word-bc mr-20 dl-span"  >enjoyable</span><span
+                  class="word-bc mr-20 dl-span" >memorable</span><span
+                  class="word-bc mr-20 dl-span" >charming</span>
               </p>
             </div>
             <div class="resource-primary-border" style="padding: 8px">
@@ -1959,35 +1958,35 @@
             <p>
               On August 31st,2012,as I landed my feet on Chinese ground,I
               started to breathe in the air coming from the
-              <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+              <span class="word-bc">breeze</span>
               .It was
               familiar.I felt so excited to be back in China,though that time
               was for my studies.In a matter of days,I made a lot of friends
               from different countries and one afternoon,my friends and I
               planned to visit the world-famous Sun Yat-sen
-              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
+              <span class="word-bc" word="mausoleum">Mausoleum</span>
               .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                 v-model="testData.tg.one" @change="setTestData" />
               I looked around with curiosity,and everything seemed to move at a
               quick
-              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
+              <span class="word-bc">pace</span>.
             </p>
             <p>
               Six months later,as I walked down the hall of my
-              <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+              <span class="word-bc">dormitory</span>
               ,I met
               my
-              <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+              <span class="word-bc">neighbour</span>
               who was overwhelmed by big and small packages and
               boxes.I asked,鈥淗ey,Alison.What are all these?鈥� She
               replied,鈥淗ello,Vanessa.I received my packages from the delivery
               man.I鈥檝e been buying a lot of stuff
-              <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+              <span class="word-bc">via</span>
               an online shop.鈥� I went to
               my room to turn on my
-              <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+              <span class="word-bc">laptop</span>
               and typed in the key words.I was
-              <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+              <span class="word-bc" word="stun">stunned</span>
               ; I couldn鈥檛 believe my eyes.It is actually an online
               shopping website where you can buy anything you can think of.
             </p>
@@ -1995,14 +1994,14 @@
               After my graduation in 2015,I joined another university in
               Shanghai for further studies.I always saw my Chinese classmates
               paying with their phones; this
-              <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+              <span class="word-bc" word="trigger">triggered</span>
               my attention.With the
               help of my classmates,I finally got my own online payment
               account.This is an absolute
-              <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+              <span class="word-bc">gadget</span>
               ,very convenient and easy to
               use.With the start of this new
-              <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+              <span class="word-bc">era</span>
               ,I always go out without my
               wallet.
             </p>
@@ -2022,12 +2021,12 @@
             <p>
               The five aspects that I mentioned above changed the life of
               millions of people around China.The Chinese
-              <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+              <span class="word-bc">economy</span>
               is
-              <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+              <span class="word-bc" word="boom">booming</span>
               ,which makes people well off.I鈥檝e been in China for several
               years and witnessed China鈥檚
-              <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
+              <span class="word-bc" >potential</span>
               .
             </p>
           </div>
@@ -2756,7 +2755,7 @@
               </p>
             </div>
             <p>
-              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete"
+              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete" @change="setTestOneData"
                 v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -2781,7 +2780,7 @@
               </span>
             </p>
             <p>
-              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
+              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                 v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -2807,7 +2806,7 @@
             </p>
             <p>
               3.China offers researchers world-class advanced research
-              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
+              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                 v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -2833,7 +2832,7 @@
             </p>
             <p>
               4.These friends made Vanessa see China through the eyes of the
-              locals. ( <select class="select-border" :disabled="testOneData.isComplete"
+              locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                 v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -2858,7 +2857,7 @@
               </span>
             </p>
             <p>
-              5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
+              5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete"
                 v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -3030,137 +3029,87 @@
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_01.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤01.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_02.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤02.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_03.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤03.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_04.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤04.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_05.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤05.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_06.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤06.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_07.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤07.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_08.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤08.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_09.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤09.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_10.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤10.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_11.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤11.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_12.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤12.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_13.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤13.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_14.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤14.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_15.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤15.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_16.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤16.jpg" />
                       </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" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤17.jpg" />
                       </div>
                     </div>
                   </div>
@@ -3581,7 +3530,7 @@
               </div>
               <div class="right" style="width: 48%">
                 <p>
-                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" />
                   Name of the event
                   <span>
                     <svg v-if="
@@ -3611,7 +3560,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" />
                   Date and time
                   <span>
                     <svg v-if="
@@ -3641,7 +3590,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" />
                   Location
                   <span>
                     <svg v-if="
@@ -3671,7 +3620,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" />
                   Greetings
                   <span>
                     <svg v-if="
@@ -3701,7 +3650,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" />
                   Warnings
                   <span>
                     <svg v-if="
@@ -3731,7 +3680,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" />
                   Organizer
                   <span>
                     <svg v-if="
@@ -3761,7 +3710,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" />
                   Signature
                   <span>
                     <svg v-if="
@@ -3792,7 +3741,7 @@
                 </p>
                 <p>
                   <input type="checkbox" name="ball" value="A short description of the event" id="8"
-                    v-model="check.value" />
+                    v-model="check.value" @change="setCheck" />
                   A short description of the event
                   <span>
                     <svg v-if="
@@ -3822,7 +3771,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" />
                   Contact information
                   <span>
                     <svg v-if="
@@ -3852,7 +3801,7 @@
                   </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
+                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value"  @change="setCheck" />
                   Pictures of the event
                   <span>
                     <svg v-if="
@@ -3884,7 +3833,7 @@
               </div>
             </div>
             <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛歂ame of the event,Date & time,Address,Organizer
+              绛旀锛�1.Name of the event &nbsp; 2.Date & time &nbsp; 3.Address,Organizer &nbsp;
             </p>
             <div class="w100 fl  ju-cn">
               <ul class="fl ju-ar w80">
@@ -4154,137 +4103,77 @@
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_01.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤01.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_02.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤02.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_03.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤03.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_04.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤04.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_05.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤05.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_06.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤06.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_07.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤07.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_08.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤08.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_09.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤09.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_10.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤10.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_11.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤11.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_12.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤12.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_13.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤13.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_14.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤14.jpg" />
                       </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" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤15.jpg" />
                       </div>
                     </div>
                   </div>
@@ -4824,7 +4713,7 @@
     if (testData) {
       this.testData = JSON.parse(testData);
     }
-    const bookQuestion = localStorage.getItem("english-book-question-one");
+    const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
@@ -4844,12 +4733,14 @@
     if (testTwoData) {
       this.testTwoData = JSON.parse(testTwoData);
     }
+
+    const check  = localStorage.getItem("english-lessonFour");
+    if (check) {
+      this.check = JSON.parse(check);
+    }
     this.getPath();
   },
   methods: {
-    saveWord(event, word) {
-      this.$emit("saveCharacters", event, word);
-    },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
     },
@@ -4924,6 +4815,7 @@
           three:"",
         },
       };
+      this.showQuestionAnswer = false
     }, 
     changeTestOneData() {
       localStorage.removeItem("english-lessonTwo")
@@ -4976,7 +4868,7 @@
     },
     setBookQuestion() {
       localStorage.setItem(
-        "english-book-question-one",
+        "english-book-chapter01-question-one",
         JSON.stringify(this.questionData)
       );
     },

--
Gitblit v1.9.1