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/chapter002.vue | 1173 +++++++++++++++++++++++++++++----------------------------
 1 files changed, 595 insertions(+), 578 deletions(-)

diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 4983849..1688ce0 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -65,14 +65,16 @@
                   <div class="fd-c w80">
                     <div class="h50">
                       <span class="mr-10">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                             {{ item }}
                           </option>
                         </select>
                       </span>
                       <span class="">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                             {{ item }}
                           </option>
@@ -97,14 +99,16 @@
                     </div>
                     <div class="h50">
                       <span class="mr-10">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                             {{ item }}
                           </option>
                         </select>
                       </span>
                       <span>
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                             {{ item }}
                           </option>
@@ -141,14 +145,16 @@
                   <div class="fd-c w80">
                     <div class="h50">
                       <span class="mr-10">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                             {{ item }}
                           </option>
                         </select>
                       </span>
                       <span class="">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                             {{ item }}
                           </option>
@@ -173,14 +179,16 @@
                     </div>
                     <div class="h50">
                       <span class="mr-10">
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                             {{ item }}
                           </option>
                         </select>
                       </span>
                       <span>
-                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%">
+                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"
+                          @change="setWarmUp">
                           <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                             {{ item }}
                           </option>
@@ -331,90 +339,95 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                 <td class="bor-b-n">
-                  <input type="radio" name="ball"
-                    value="A. I can understand my foreign colleagues because they are straightforward." id="1"
-                    v-model="testData.check" /> A. I can
+                  <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> A. I can
                   understand my foreign colleagues because they are straightforward.
+                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'">
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="radio" name="ball"
-                    value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
-                    v-model="testData.check" /> B. My foreign
+                  <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> B. My
+                  foreign
                   colleagues just nod and agree with me when we have a discussion.
+                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' ">
                 </td>
               </tr>
               <!-- 绗簩琛� -->
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                 <td class="bor-b-n">
-                  <input type="radio" name="ballOne"
-                    value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
-                    v-model="testData.check" /> A. My foreign
+                  <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> A. My
+                  foreign
                   boss closely oversees our work and criticizes us for our mistakes.
+                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'">
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="radio" name="ballOne"
-                    value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
-                    v-model="testData.check" /> B. My foreign
+                  <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> B. My
+                  foreign
                   boss is very hands-off and gives us a lot freedom to do things.
+                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'">
                 </td>
               </tr>
               <!-- 绗笁琛� -->
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                 <td class="bor-b-n">
-                  <input type="radio" name="ballTwo"
-                    value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
-                    v-model="testData.check" /> A. My Chinese
+                  <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> A. My
+                  Chinese
                   colleagues always stay late in the ofice or bring work home.
+                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'">
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="radio" name="ballTwo"
-                    value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
-                    v-model="testData.check" /> B. My Chinese
+                  <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> B. My
+                  Chinese
                   colleagues manage to get their work done during working hours.
+                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'">
                 </td>
               </tr>
               <!-- 绗洓琛� -->
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                 <td class="bor-b-n">
-                  <input type="radio" name="ballThree"
-                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
-                    v-model="testData.check" /> A. My Chinese
+                  <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> A.
+                  My Chinese
                   colleagues deal with issues more objectively
+                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'">
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="radio" name="ballThree"
-                    value="B. My Chinese colleagues are likely to take things personally" id="1"
-                    v-model="testData.check" /> B. My Chinese
+                  <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> B.
+                  My Chinese
                   colleagues are likely to take things personally
+                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'">
                 </td>
               </tr>
             </table>
-                <!-- 鎻愪氦鎸夐挳 -->
-                <div class="w100 fl">
+            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer">
+              <span>绛旀锛�</span>
+              <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20">
+                {{ item.answer }}
+              </span>
+            </div>
+            <!-- 鎻愪氦鎸夐挳 -->
+            <div class="w100 fl">
               <ul class="fl ju-ar w100">
                 <li>
-                  <button class="btn-border btn-w" @click="saveDataOne">
+                  <button class="btn-border btn-w" @click="handleRadioOne">
                     鎻愪氦
                   </button>
                 </li>
                 <li>
-                  <button @click="changeQuestionDataOne" class="btn-border btn-w">
+                  <button @click="changeRadioOne" class="btn-border btn-w">
                     閲嶅仛
                   </button>
                 </li>
                 <li>
-                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
+                  <button @click="viewRadioOne" class="parimary-btn">
                     鏌ョ湅绛旀
                   </button>
                 </li>
@@ -465,34 +478,34 @@
             </p>
             <p class="center"><b>Challenges of Working Across Cultures</b></p>
             <p class="center">
-              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
+              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </p>
 
             <p>
               It is not a secret that a company鈥檚 success is heavily based on
-              its people.An employee is 
-              <span class="word-bc" >defined</span>
-               by his/her talents,knowledge and
-              abilities.This is the 
-              鈥�<span class="word-bc" >visible</span>鈥�
-               side of an employee.The
-              鈥渉idden鈥漵ide,which is also important,is the cultural 
-              <span class="word-bc" >identity</span>
+              its people.An employee is
+              <span class="word-bc">defined</span>
+              by his/her talents,knowledge and
+              abilities.This is the
+              鈥�<span class="word-bc">visible</span>鈥�
+              side of an employee.The
+              鈥渉idden鈥漵ide,which is also important,is the cultural
+              <span class="word-bc">identity</span>
               .The
               culture of an employee impacts his/her views on life,work,business
-              relationships and how they 
-              <span class="word-bc" >handle</span>
-               challenges.There are some issues
-              that may 
-              <span class="word-bc" >arise</span>
-               when working in a cross-cultural environment.
+              relationships and how they
+              <span class="word-bc">handle</span>
+              challenges.There are some issues
+              that may
+              <span class="word-bc">arise</span>
+              when working in a cross-cultural environment.
             </p>
             <p>
               When your colleagues speak different languages,it is easy to
               misunderstand each other.When I applied for the position at an
               international trade company,during the interview,my
               interviewer,who is from Egypt,was saying
-              鈥�<span class="word-bc" >quote</span>鈥�
+              鈥�<span class="word-bc">quote</span>鈥�
               ,but to me,it
               sounded like 鈥渃ourt鈥�.It took me a while to
             </p>
@@ -519,9 +532,9 @@
         <div class="padding-93">
           <div class="bodystyle">
             <p>
-              understand what he meant,and I still remember how 
-              <span class="word-bc" >confused</span>
-               I felt
+              understand what he meant,and I still remember how
+              <span class="word-bc">confused</span>
+              I felt
               when I had to reply without knowing what he was asking about.You
               may feel uncomfortable to ask your conversation partner to repeat
               the sentence.However,it will save you from making mistakes and
@@ -529,52 +542,52 @@
               understand him.
             </p>
             <p>
-              Things that are normal or 
-              <span class="word-bc" >routine</span>
-               in one culture can be totally
-              <span class="word-bc" >unacceptable</span>
+              Things that are normal or
+              <span class="word-bc">routine</span>
+              in one culture can be totally
+              <span class="word-bc">unacceptable</span>
               in another culture.In my home country of Latvia,it is
               a normal practice not to expect replies by email after normal
-              working hours and I will only 
-              <span class="word-bc" >disturb</span>
-               a colleague if the matter is
+              working hours and I will only
+              <span class="word-bc">disturb</span>
+              a colleague if the matter is
               very serious.However,in other countries,like Russia and Egypt,the
-              <span class="word-bc" >tendency</span>
-               is to work 24/7 in response to the industry needs.Get
+              <span class="word-bc">tendency</span>
+              is to work 24/7 in response to the industry needs.Get
               familiar with the behavior patterns accepted in your colleagues鈥�
-              countries,and learn about their 
-              <span class="word-bc" >traditions</span>
+              countries,and learn about their
+              <span class="word-bc">traditions</span>
               ,you will finally find the best way to respectfully communicate.
             </p>
             <p>
-              Language and cultural 
-              <span class="word-bc" >barriers</span>
-               can cause 
-              <span class="word-bc" >frustration</span>
-               .Don鈥檛 let
+              Language and cultural
+              <span class="word-bc">barriers</span>
+              can cause
+              <span class="word-bc">frustration</span>
+              .Don鈥檛 let
               emotions take over.Think about the objective you want to
               reach,make an effort to understand the other person and use the
-              most 
-              <span class="word-bc" >appropriate</span>
-               means for it.For example,email does not convey
+              most
+              <span class="word-bc">appropriate</span>
+              means for it.For example,email does not convey
               the speaker鈥檚 emotions and limits the possibility to ask
-              questions.Calling someone on the phone and hearing his/her 
-              <span class="word-bc" >tone</span>
+              questions.Calling someone on the phone and hearing his/her
+              <span class="word-bc">tone</span>
               can make the communication more smooth,and you will be surprised
               by the level of understanding you will receive in return.
             </p>
             <p>
               Working with colleagues from other countries or cultures can at
-              times be challenging,but it is so 
+              times be challenging,but it is so
               <span class="word-bc">rewarding</span>
-               when you can learn
+              when you can learn
               from each other and open your eyes to other ways of life.
             </p>
             <p class="fl al-cn mt-40">
               <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
               <span class="line-border-box"></span>
             </p>
-            <audio :src="resource.readingTwo" controls class="audio" ></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>
@@ -1419,16 +1432,16 @@
             </p>
             <div class="bk-wh">
               <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" >direct</span>
-                <span class="word-bc mr-20 dl-span" >formal</span>
-                <span class="word-bc mr-20 dl-span" >respect</span>
-                <span class="word-bc mr-20 dl-span" >privacy</span>
-                <span class="word-bc mr-20 dl-span" >hand-shaking</span>
-                <span class="word-bc mr-20 dl-span" >touch</span>
-                <span class="word-bc mr-20 dl-span" >comfortable</span>
-                <span class="word-bc mr-20 dl-span" >toast</span>
-                <span class="word-bc mr-20 dl-span" >chopsticks</span>
-                <span class="word-bc mr-20 dl-span" >seating
+                <span class="word-bc mr-20 dl-span">direct</span>
+                <span class="word-bc mr-20 dl-span">formal</span>
+                <span class="word-bc mr-20 dl-span">respect</span>
+                <span class="word-bc mr-20 dl-span">privacy</span>
+                <span class="word-bc mr-20 dl-span">hand-shaking</span>
+                <span class="word-bc mr-20 dl-span">touch</span>
+                <span class="word-bc mr-20 dl-span">comfortable</span>
+                <span class="word-bc mr-20 dl-span">toast</span>
+                <span class="word-bc mr-20 dl-span">chopsticks</span>
+                <span class="word-bc mr-20 dl-span">seating
                   arrangement</span>
               </p>
             </div>
@@ -1438,137 +1451,142 @@
                   <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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤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/2-1銆丮ODULE 2锛坙esson one 锛塤16.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_17.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤17.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_18.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤18.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_19.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤19.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_20.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤20.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_21.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤21.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_22.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤22.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_23.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤23.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_24.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤24.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_25.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤25.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_26.png" />
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤26.jpg" />
                       </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/2-1銆丮ODULE 2锛坙esson one 锛塤27.jpg" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤28.jpg" />
                       </div>
                     </div>
                   </div>
@@ -1797,36 +1815,36 @@
 
             </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 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                ></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" >individual</span>
+              <span class="word-bc">individual</span>
               or a country,a period of 14 years is long enough to become calm,confident and
-              <span class="word-bc" >mature</span>
+              <span class="word-bc">mature</span>
               .On
               the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
             </p>
             <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
-              <span class="word-bc" >journalist</span>
+              <span class="word-bc">journalist</span>
               .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
               would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
               simply enjoying the moment.
             </p>
             <p>Turning up as simple but
-              <span class="word-bc" >impressive</span>
+              <span class="word-bc">impressive</span>
               ,the opening
-              <span class="word-bc" >ceremony</span>
+              <span class="word-bc">ceremony</span>
               lasted for about two hours with less performing
               artists but more
-              <span class="word-bc" >audio-visual</span>
+              <span class="word-bc">audio-visual</span>
               technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
               鈥渕yself鈥� 14 years ago at the same sports field.The
-              <span class="word-bc" >snowflake</span>
+              <span class="word-bc">snowflake</span>
               -shaped Olympic
               <span class="word-bc">cauldron</span>
               ,formed by the smaller
               snowflakes with names of the
-              <span class="word-bc">participating</span>
+              <span class="word-bc" word="participate">participating</span>
               countries and regions on them,was lit by two young Chinese
               athletes.
             </p>
@@ -1853,30 +1871,30 @@
           <div class="bodystyle">
             <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
               鈥�
-              <span class="word-bc" >exceptional</span>
+              <span class="word-bc">exceptional</span>
               鈥�,not only because of the
-              <span class="word-bc" >pandemic</span>
+              <span class="word-bc">pandemic</span>
               situation but also a different China now 鈥攎ore confident in
               its culture.
             </p>
             <p>In the summer 14 years ago,I was like a
-              <span class="word-bc" >festivalgoer</span>
+              <span class="word-bc">festivalgoer</span>
               full of energy rushing for work but also making
               errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
-              <span class="word-bc" >track</span>
+              <span class="word-bc">track</span>
               due to injury.In the
               winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
               鈥攖hanks to regular exercise and a positive view of sports
-              <span class="word-bc" >competition</span>
+              <span class="word-bc">competition</span>
               .
             </p>
             <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
             <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
-              <span class="word-bc" >impressed</span> the
+              <span class="word-bc" word="impress">impressed</span> the
               world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�
             </p>
             <p>I failed to control myself the moments when the Chinese national
-              <span class="word-bc" >anthem</span>
+              <span class="word-bc">anthem</span>
               was played and when images of
               people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
               country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
@@ -1886,7 +1904,7 @@
               <span class="line-border-box"></span>
             </p>
             <!-- 瑙嗛 -->
-            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></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>
@@ -1990,13 +2008,13 @@
             <p>A.Read the passage and answer the following questions.</p>
             <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
             <p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
             </p>
             <p>2.What made the Beijing 2022 Winter Olympics 鈥渆xceptional鈥�?</p>
             <p>
-              <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
             </p>
           </div>
         </div>
@@ -2709,139 +2727,120 @@
                   <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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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/2-2銆丮ODULE 2锛坙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" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤17.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_18.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤18.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_19.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤19.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_20.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤20.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_21.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤21.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_22.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤22.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_23.png" />
+                        <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤23.jpg" />
                       </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>
@@ -2853,28 +2852,30 @@
             <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 controlslist="noplaybackrate nodownload" class="audio" ></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>
               </tr>
               <tr class="table-tr-bc">
                 <td>When is it?</td>
-                <td>1.On<input type="text" class="input-bottom-border input-bc-t"
-                    style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
+                <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+                    v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Why do we celebrate it?</td>
-                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t"
-                  style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" />
+                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+                    v-model="questionData.reading.eleven" @change="setBookQuestion" />
                   Understanding the concept of culture.
-                  Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t"
-                  style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race,
+                  Getting to know each other through the differences in language,3.<input type="text"
+                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve"
+                    @change="setBookQuestion" />race,
                   religion and other elements.
                   Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
-                  style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture.
-                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t"
-                  style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
+                    style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own
+                  culture.
+                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+                    v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
               </tr>
             </table>
             <!-- 绛旀 -->
@@ -2883,8 +2884,8 @@
               &nbsp;
             </p>
             <p><b>鈪�.Listen to the conversation and mark the activities when mentioned.</b></p>
-            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
-            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
+            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                 value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
               Lecture on Ancient Chinese History
               <span>
@@ -2914,7 +2915,7 @@
                 </svg>
               </span>
             </p>
-            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                 value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &amp;
               Painting Demonstration
               <span>
@@ -2945,7 +2946,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
-                v-model="check.value" />Traditional Chinese Music
+                v-model="check.value" @change="setCheck" />Traditional Chinese Music
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -2974,7 +2975,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
-                v-model="check.value" />Sichuan Opera
+                v-model="check.value" @change="setCheck" />Sichuan Opera
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3003,7 +3004,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
-                v-model="check.value" />Chinese Cuisine
+                v-model="check.value" @change="setCheck" />Chinese Cuisine
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3032,7 +3033,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
-                v-model="check.value" />Tea Ceremony
+                v-model="check.value" @change="setCheck" />Tea Ceremony
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3061,7 +3062,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
-                v-model="check.value" />Tai Chi
+                v-model="check.value" @change="setCheck" />Tai Chi
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3090,7 +3091,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
-                id="8" v-model="check.value" />Traditional Chinese Medicine
+                id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3119,7 +3120,7 @@
               </span>
             </p>
             <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
-                v-model="check.value" />Traditional Chinese Crafts
+                v-model="check.value" @change="setCheck" />Traditional Chinese Crafts
               <span>
                 <svg v-if="
                   check.isComplete &&
@@ -3154,7 +3155,7 @@
               Painting Demonstration &nbsp; (3)Traditional Chinese
               Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
               &nbsp;
-            </p>         
+            </p>
             <!-- 鎻愪氦鎸夐挳 -->
             <div class="w100 fl  ju-cn">
               <ul class="fl ju-ar w80">
@@ -3209,7 +3210,7 @@
                     transform="translate(-3327.144 15329)" />
                 </svg>
               </span>
-              </p>
+            </p>
             <textarea v-model="questionData.reading.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
               style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
@@ -3223,7 +3224,7 @@
                     d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                     transform="translate(-3327.144 15329)" />
                 </svg>
-              </span>  
+              </span>
             </p>
             <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
               style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
@@ -3245,33 +3246,34 @@
             </div>
             <p><b>鈪�.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
                 Chinese in the brackets.</b></p>
-                <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+            <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">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksData.isComplete &&
-                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
-                " 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="
-                   tableBlanksData.isComplete &&
-                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == 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>
-            </td>
+                <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text"
+                    class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one"
+                    @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksData.isComplete &&
+                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
+                    " 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="
+                      tableBlanksData.isComplete &&
+                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == 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>
+                </td>
                 <td class="wh-no tl-cn">Activities</td>
                 <td class="tl-cn">Location</td>
               </tr>
@@ -3281,69 +3283,73 @@
                   <p class="table-p">9:30a.m.-11:30a.m.</p>
                 </td>
                 <td>
-                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksData.isComplete &&
-                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
-                " 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="
-                   tableBlanksData.isComplete &&
-                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == 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>
-                  <p class="table-p">(涓浗涔︽硶缁樼敾鑲�)</p>    
-                  <p class="table-p">(Chinese Snacks Provided)</p>        
+                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text"
+                      class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two"
+                      @change="setTableBlanksData" />
+                    <span>
+                      <svg v-if="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
+                      " 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="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == 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>
+                  <p class="table-p">(涓浗涔︽硶缁樼敾鑲�)</p>
+                  <p class="table-p">(Chinese Snacks Provided)</p>
                 </td>
                 <td>
                   Fine Arts Gallery
                 </td>
               </tr>
               <tr class="table-tr-bc">
-                <td>        
-                   <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksData.isComplete &&
-                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
-                " 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="
-                   tableBlanksData.isComplete &&
-                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == 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>
-                  <p class="table-p">(5鏈�16鏃ユ槦鏈熶簩)</p>    
-                  <p class="table-p">9:30a.m.-1l:30a.m.</p> 
+                <td>
+                  <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text"
+                      class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three"
+                      @change="setTableBlanksData" />
+                    <span>
+                      <svg v-if="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
+                      " 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="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == 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>
+                  <p class="table-p">(5鏈�16鏃ユ槦鏈熶簩)</p>
+                  <p class="table-p">9:30a.m.-1l:30a.m.</p>
                 </td>
                 <td>
-                  <p class="table-p">Aeademic Lecture</p>    
-                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p> 
+                  <p class="table-p">Aeademic Lecture</p>
+                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
                 </td>
                 <td>
                   Conference Hall
@@ -3351,7 +3357,7 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <p class="table-p">Wednesday 05/17</p>    
+                  <p class="table-p">Wednesday 05/17</p>
                   <p class="table-p">6:30p.mm.-8:00p.m.</p>
                 </td>
                 <td>
@@ -3359,63 +3365,65 @@
                 </td>
                 <td>
                   4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksData.isComplete &&
-                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
-                " 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="
-                   tableBlanksData.isComplete &&
-                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == 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>(闊充箰鍘�)
+                    style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksData.isComplete &&
+                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
+                    " 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="
+                      tableBlanksData.isComplete &&
+                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == 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>(闊充箰鍘�)
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <p class="table-p">Thursday 05/18</p>    
+                  <p class="table-p">Thursday 05/18</p>
                   <p class="table-p">2:00p.m.-4:00p.m.</p>
                 </td>
                 <td>
-                  <p class="table-p">Workshop</p> 
-                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksData.isComplete &&
-                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
-                " 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="
-                   tableBlanksData.isComplete &&
-                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == 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>
-                  <p class="table-p">Tai Chi</p>    
+                  <p class="table-p">Workshop</p>
+                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text"
+                      class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five"
+                      @change="setTableBlanksData" />
+                    <span>
+                      <svg v-if="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
+                      " 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="
+                        tableBlanksData.isComplete &&
+                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == 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>
+                  <p class="table-p">Tai Chi</p>
                   <p class="table-p">Traditional Chinese CmAs</p>
                 </td>
                 <td>
@@ -3426,10 +3434,10 @@
             <!-- 绛旀 -->
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
               绛旀锛�(1)Time &nbsp; (2)Chinese Calligraphy & Painting Demonstration &amp;
-              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony 
+              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony
               &nbsp;
             </p>
-          <!-- 鎻愪氦鎸夐挳 -->
+            <!-- 鎻愪氦鎸夐挳 -->
             <div class="w100 fl  ju-cn">
               <ul class="fl ju-ar w80">
                 <li>
@@ -3506,29 +3514,29 @@
               <tr class="table-tr-bc">
                 <td style="text-wrap: nowrap">
                   1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == 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>
+                    style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0) == 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>
                 </td>
                 <td>Attend the festival activities</td>
                 <td>
@@ -3540,58 +3548,58 @@
                 <td>Climb the mountain</td>
                 <td>
                   2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == 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>
+                    style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1) == 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>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Thursday</td>
                 <td>Visit attractions in the downtown
                   3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == 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>
+                    style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2) == 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>
                 </td>
                 <td>
                   Wuhou Temple & Jinsha Site MuseumShunxing Tea House
@@ -3599,99 +3607,101 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>Friday</td>
-                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == 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>Buy souvenirs</td>
+                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text"
+                    class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four"
+                    @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3) == 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>Buy souvenirs
+                </td>
                 <td>
                   Panda Base 5.
                   <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == 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>
+                    style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4) == 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>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Saturday</td>
                 <td>6.
                   <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
-                style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
-              <span>
-                <svg v-if="
-                  tableBlanksDataOne.isComplete &&
-                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5)
-                " 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="
-                    tableBlanksDataOne.isComplete &&
-                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == 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>                 
+                    style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
+                  <span>
+                    <svg v-if="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5)
+                    " 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="
+                      tableBlanksDataOne.isComplete &&
+                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) == 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>
                 </td>
                 <td>
                   Shuangliu International Airport
                 </td>
               </tr>
             </table>
-             <!-- 绛旀 -->
-             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+            <!-- 绛旀 -->
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
               绛旀锛�(1)Tuesday &nbsp; (2)Mt. Qingcheng &nbsp;
               (3)Watch Sichuan opera &nbsp; (4)See giant pandas &nbsp; (5)Jinli Old Street &nbsp;
               (6)Return to Kuala Lumpur
             </p>
             <!-- 鎻愪氦鎸夐挳 -->
-           <div class="w100 fl  ju-cn">
+            <div class="w100 fl  ju-cn">
               <ul class="fl ju-ar w80">
                 <li>
                   <button class="btn-border btn-w" @click="savaDataTableOne">
@@ -3979,137 +3989,72 @@
                   <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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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/2-3銆丮ODULE 2锛坙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" />
-                      </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/2-3銆丮ODULE 2锛坙esson three锛塤14.jpg" />
                       </div>
                     </div>
                   </div>
@@ -4143,6 +4088,8 @@
   },
   data() {
     return {
+      correctIcon: require('@/assets/images/correct.svg'),
+      errorIcon: require('@/assets/images/error.svg'),
       imgThirteen: require("../../assets/images/grammar2-1.png"),
       imgThirteenOne: require("../../assets/images/grammar2-2.png"),
       showAnswerOne: false,
@@ -4322,8 +4269,8 @@
           five: "",
           six: "",
           seven: "",
-          eight:"",
-          nine:"",
+          eight: "",
+          nine: "",
           ten: "",
           eleven: "",
           twelve: "",
@@ -4408,7 +4355,6 @@
         value: [],
       },
       testData: {
-        check: [],
         tx: {
           one: "",
           two: "",
@@ -4696,7 +4642,7 @@
         value: [],
       },
       //page 34 琛ㄦ牸鍐呭～绌�
-      tableBlanksData:{
+      tableBlanksData: {
         isComplete: false,
         rs: {
           one: "",
@@ -4708,7 +4654,7 @@
         },
       },
       //page 37 琛ㄦ牸鍐呭～绌�
-      tableBlanksDataOne:{
+      tableBlanksDataOne: {
         isComplete: false,
         ma: {
           one: "",
@@ -4717,9 +4663,38 @@
           four: "",
           five: "",
           six: "",
-          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
+          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street", "Return to Kuala Lumpur"],
         },
-      }
+      },
+      radioOne: [
+        {
+          type: 'radio',
+          isComplete: false,
+          isShowAnswer: false,
+          value: [
+            {
+              answer: "b",
+              userAnswer: "",
+              isRight: null
+            },
+            {
+              answer: "b",
+              userAnswer: "",
+              isRight: null
+            },
+            {
+              answer: "b",
+              userAnswer: "",
+              isRight: null
+            },
+            {
+              answer: "b",
+              userAnswer: "",
+              isRight: null
+            },
+          ]
+        }
+      ]
     };
   },
   mounted() {
@@ -4753,20 +4728,25 @@
       this.tableBlanksData = JSON.parse(tableBlanksData)
     }
     const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
-    if (tableBlanksDataOne ) {
+    if (tableBlanksDataOne) {
       this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
     }
     const testData = localStorage.getItem("english-testOne");
     if (testData) {
       this.testData = JSON.parse(testData);
     }
-    const bookQuestion = localStorage.getItem("english-book-question-one");
+    const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
     const dropdownData = localStorage.getItem("english-dropdown-one");
     if (dropdownData) {
       this.dropdownData = JSON.parse(dropdownData);
+    }
+    
+    const radioOne = localStorage.getItem("englis-chapter02-radioOne");
+    if (radioOne) {
+      this.radioOne = JSON.parse(radioOne);
     }
     this.getPath();
   },
@@ -4899,7 +4879,7 @@
       this.check = Check;
       this.showAnswerEight = false
     },
-    changeTable(){
+    changeTable() {
       localStorage.removeItem("english-tableBlanksData");
       const tableBlanksDatas = this.tableBlanksData
       for (let key in tableBlanksDatas) {
@@ -4916,7 +4896,7 @@
       this.$set(this.tableBlanksData, "isComplete", false);
       this.showAnswerEleven = false
     },
-    changeTableOne(){
+    changeTableOne() {
       localStorage.removeItem("english-tableBlanksDataOne");
       const tableBlanksDataOnes = this.tableBlanksDataOne
       for (let key in tableBlanksDataOnes) {
@@ -4934,9 +4914,8 @@
       this.showAnswerTwelve = false
     },
     setBookQuestion() {
-      console.log("淇濆瓨");
       localStorage.setItem(
-        "english-book-question-one",
+        "english-book-chapter02-question-one",
         JSON.stringify(this.questionData)
       );
     },
@@ -4958,10 +4937,10 @@
     setCheck() {
       localStorage.setItem("english-check", JSON.stringify(this.check));
     },
-    setTableBlanksData(){
+    setTableBlanksData() {
       localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
     },
-    setTableBlanksDataOne(){
+    setTableBlanksDataOne() {
       localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
     },
     async getPath() {
@@ -5084,15 +5063,15 @@
       this.isShowRight;
       this.showAnswerEight = true
     },
-    savaDataTable(){
+    savaDataTable() {
       this.$set(this.tableBlanksData, "isComplete", true);
       this.setTableBlanksData();
       this.isTextRight;
       this.showAnswerEleven = true;
     },
-    savaDataTableOne(){
+    savaDataTableOne() {
       this.$set(this.tableBlanksDataOne, "isComplete", true);
-      this.setTableBlanksDataOne(); 
+      this.setTableBlanksDataOne();
       this.isTextRight;
       this.showAnswerTwelve = true;
     },
@@ -5148,6 +5127,44 @@
       }
       return flag;
     },
+    savaRadioOne() {
+      localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne));
+    },
+    handleRadioOne() {
+      for (let index = 0; index < this.radioOne.length; index++) {
+        const item = this.radioOne[index];
+        item.isShowAnswer = true
+        item.isComplete = true
+        for (let cindex = 0; cindex < item.value.length; cindex++) {
+          const citem = item.value[cindex];
+          if (citem.userAnswer != "") {
+            citem.isRight = citem.answer == citem.userAnswer
+          } else {
+            citem.isRight = null
+          }
+        }
+      }
+      this.savaRadioOne()
+    },
+    changeRadioOne() {
+      for (let index = 0; index < this.radioOne.length; index++) {
+        const item = this.radioOne[index];
+        item.isComplete = false
+        item.isShowAnswer = false
+        for (let cindex = 0; cindex < item.value.length; cindex++) {
+          const citem = item.value[cindex];
+          citem.isRight = null
+          citem.userAnswer = ""
+        }
+      }
+      localStorage.removeItem("englis-chapter02-radioOne");
+    },
+    viewRadioOne() {
+      for (let index = 0; index < this.radioOne.length; index++) {
+        const item = this.radioOne[index];
+        item.isShowAnswer = !item.isShowAnswer
+      }
+    }
   },
 };
 </script>

--
Gitblit v1.9.1