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/chapter003.vue |  762 +++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 458 insertions(+), 304 deletions(-)

diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 5c557e0..5663b6e 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -47,10 +47,16 @@
                                 answer line under each picture.</b>
                         </p>
                         <div class="bk-wh">
-                            <p>
-                                animal rescue and care銆�blood donation銆�community
-                                clean-ups銆�language service
-                            </p>
+                            <div style="display: flex">
+                                <div class="left" style="width: 50%;">
+                                    <p class="tl-lf">animal rescue and care</p>
+                                    <p class="tl-lf">community clean-ups</p>
+                                </div>
+                                <div class="right" style="width: 50%">
+                                    <p class="tl-lf">blood donation</p>
+                                    <p class="tl-lf">language service</p>
+                                </div>
+                            </div>
                         </div>
                         <div class="openImgBox">
                             <div class="fl ju-bt">
@@ -61,7 +67,7 @@
                                         </p>
                                         <p class="center">
                                             1.
-                                            <select v-model="dropdownData.one.value">
+                                            <select class="w70 select-border" v-model="dropdownData.one.value">
                                                 <option v-for="(item, index) in dropDownList" :key="index"
                                                     :value="item">
                                                     {{ item }}
@@ -94,11 +100,12 @@
                                 <div class="right" style="width: 48%">
                                     <div>
                                         <p class="center">
-                                            <img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" />
+                                            <img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt=""
+                                                class="w100" />
                                         </p>
                                         <p class="center">
                                             2.
-                                            <select v-model="dropdownData.two.value">
+                                            <select class="w70 select-border" v-model="dropdownData.two.value">
                                                 <option v-for="(item, index) in dropDownList" :key="index"
                                                     :value="item">
                                                     {{ item }}
@@ -133,11 +140,11 @@
                                 <div class="left" style="width: 48%">
                                     <div>
                                         <p class="center">
-                                            <img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" />
+                                            <img src="../../assets/images/0049-4.jpg" alt="" class="w100" />
                                         </p>
                                         <p class="center">
                                             3.
-                                            <select v-model="dropdownData.three.value">
+                                            <select class="w70 select-border" v-model="dropdownData.three.value">
                                                 <option v-for="(item, index) in dropDownList" :key="index"
                                                     :value="item">
                                                     {{ item }}
@@ -170,11 +177,11 @@
                                 <div class="right" style="width: 48%">
                                     <div>
                                         <p class="center">
-                                            <img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" />
+                                            <img class="w100" src="../../assets/images/0049-5.jpg" alt="" />
                                         </p>
                                         <p class="center">
                                             4.
-                                            <select v-model="dropdownData.four.value">
+                                            <select class="w70 select-border" v-model="dropdownData.four.value">
                                                 <option v-for="(item, index) in dropDownList" :key="index"
                                                     :value="item">
                                                     {{ item }}
@@ -265,7 +272,8 @@
                             </div>
                             <div class="right" style="width: 45%">
                                 <p v-for="(item, index) in listenOne[0].option" :key="index">
-                                    銆�<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" />
+                                    銆�<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value"
+                                        @change="saveListenOneData" />
                                     {{ item }}
                                     <span class="icon-box" v-if="listenOne[0].value == item">
                                         <svg v-if="listenOne[0].isRight" t="1716986419862" class="icon"
@@ -286,7 +294,6 @@
                                         </svg>
                                     </span>
                                 </p>
-
                             </div>
                         </div>
                         <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
@@ -320,7 +327,8 @@
                             </div>
                             <div class="right" style="width: 45%">
                                 <p v-for="(item, index) in listenOne[1].option" :key="index">
-                                    銆�<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" />
+                                    銆�<input type="radio" :value="item" name="likely" v-model="listenOne[1].value"
+                                        @change="saveListenOneData" />
                                     {{ item }}
                                     <span class="icon-box" v-if="listenOne[1].value == item">
                                         <svg v-if="listenOne[1].isRight" t="1716986419862" class="icon"
@@ -352,7 +360,8 @@
                             </div>
                             <div class="right" style="width: 50%">
                                 <p v-for="(item, index) in listenOne[2].option" :key="index">
-                                    銆�<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" />
+                                    銆�<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value"
+                                        @change="saveListenOneData" />
                                     {{ item }}
                                     <span class="icon-box" v-if="listenOne[2].value == item">
                                         <svg v-if="listenOne[2].isRight" t="1716986419862" class="icon"
@@ -457,7 +466,7 @@
                         <p>
                             With busy life,it can be hard to find time to
                             volunteer.However,the benefits of volunteering can be
-                            <span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
+                            <span class="word-bc">enormous</span>
                         </p>
                         <p>
                             One of the most well-known benefits of volunteering is the impact
@@ -467,22 +476,22 @@
                             need.Volunteering can benefit you and your family as well as the
                             people you choose to help.Doing volunteer work helps you make new
                             friends,
-                            <span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
+                            <span class="word-bc">expand</span>
                             your network,and
-                            <span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
+                            <span class="word-bc">boost</span>
                             your social skills.
                         </p>
                         <p>
                             Volunteering helps reduce the effects of stress,anger,and
-                            <span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
+                            <span class="word-bc">anxiety</span>
                             .The social contact aspect of helping and working with
                             others can have a great effect on your overall mental
                             health.Nothing reduces stress better than a
-                            <span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
+                            <span class="word-bc">meaningful</span>
                             connection
                             to another person.Studies have found that those who volunteer have
                             a lower
-                            <span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
+                            <span class="word-bc">mortality</span>
                             rate than those who do not.
                         </p>
                         <p>
@@ -491,7 +500,7 @@
                             field.Even if you鈥檙e not planning to change careers,volunteering
                             can give you the opportunity to practice important qualities and
                             skills used in work,such as teamwork,
-                            <span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
+                            <span class="word-bc">communication</span>
                             skills and
                             problem-solving skills.You might feel more comfortable stretching
                             your wings at work once you鈥檝e developed these qualities and
@@ -524,17 +533,17 @@
                         <p>
                             What鈥檚 more,volunteering is a fun and easy way to explore your
                             interests and
-                            <span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
+                            <span class="word-bc" word="passion">passions</span>
                             .Doing volunteer work can be a
                             relaxing,
-                            <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
+                            <span class="word-bc" word="energize">energizing</span>
                             escape from your day-to-day routine of
                             work,school,or family
-                            <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
+                            <span class="word-bc" word="commitment">commitments</span>
                             .Volunteering also provides you
-                            with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
+                            with <span class="word-bc">creativity</span>
                             ,motivation,and
-                            <span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
+                            <span class="word-bc">vision</span>
                             that can carry over into
                             your personal life and your career.
                         </p>
@@ -545,7 +554,7 @@
                             spare some time for volunteering service.Not only can volunteering
                             improve your r茅sum茅,but it can also help connect you to more
                             people and bring
-                            <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
+                            <span class="word-bc">fulfillment</span>
                             to your life.
                         </p>
                         <p class="fl al-cn mt-40">
@@ -654,16 +663,16 @@
                             </p>
                         </div>
                         <div style="display: flex">
-                            <div class="left" style="width: 45%; text-wrap: nowrap">
+                            <div class="left" style="width: 45%;">
                                 <p>help out 甯姪瑙e喅闅鹃锛涙晳鍑�</p>
                                 <p>stretch one鈥檚 wings 澶у睍鎷宠剼</p>
-                                <p>carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
                             </div>
                             <div class="right" style="width: 55%">
                                 <p>make a difference 鏈夊奖鍝嶏紱鏈夊叧绯�</p>
                                 <p>what鈥檚 more 鑰屼笖锛涙澶�</p>
                             </div>
                         </div>
+                        <p class="table-p" style="text-indent: 2em;">carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
                         <p></p>
                         <p><b>鈪�.Reading comprehension.</b></p>
                         <matching :rawData="rawData" :question="question"></matching>
@@ -695,22 +704,22 @@
                         銆�
                         <p>
                             <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[0].userAnswer" />
+                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                             a.People are too busy to volunteer.
                         </p>
                         <p>
                             <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[0].userAnswer" />
+                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                             b.People can鈥檛 find ways to volunteer.
                         </p>
                         <p>
                             <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[0].userAnswer" />
+                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                             c.There is no benefit in volunteering.
                         </p>
                         <p>
                             <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[0].userAnswer" />
+                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                             d.The volunteer work is too hard to do.
                         </p>
                         <p>
@@ -736,22 +745,22 @@
                         </p>
                         <p>
                             <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[1].userAnswer" />
+                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                             a.Volunteering is a win-win behavior for both parties.
                         </p>
                         <p>
                             <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[1].userAnswer" />
+                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                             b.Small acts of helping others also matter.
                         </p>
                         <p>
                             <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[1].userAnswer" />
+                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                             c.Those who volunteer enjoy a lower mortality rate.
                         </p>
                         <p>
                             <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[1].userAnswer" />
+                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                             d.Volunteering has nothing to do with one鈥檚 mental health.
                         </p>
                         <p>
@@ -776,17 +785,17 @@
                             </span>
                         </p>
                         <p>
-                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
+                            <input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete"
                                 v-model="wordsOne[0].value[2].userAnswer" />
                             a.Providing one with a new career.
                         </p>
                         <p>
-                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
+                            <input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete"
                                 v-model="wordsOne[0].value[2].userAnswer" />
                             b.Helping to arouse one鈥檚 interests.
                         </p>
                         <p>
-                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
+                            <input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete"
                                 v-model="wordsOne[0].value[2].userAnswer" />
                             c.Offering an opportunity to practice working skills.
                         </p>
@@ -813,8 +822,8 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p>
-                            <input type="radio" value="d" name="bothparties"
-                                v-model="wordsOne[0].value[2].userAnswer" />
+                            <input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer"
+                                @change="savewordsOne" />
                             d.Bringing more comfort to those who are at work.
                         </p>
                         <p>
@@ -839,23 +848,23 @@
                             </span>
                         </p>
                         <p>
-                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[3].userAnswer" />
+                            <input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                             a.Making a plan before volunteering.
                         </p>
                         <p>
-                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[3].userAnswer" />
+                            <input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                             b.Preparing a r茅sum茅 in advance.
                         </p>
                         <p>
-                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[3].userAnswer" />
+                            <input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                             c.Taking a physical and mental health check.
                         </p>
                         <p>
-                            <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[3].userAnswer" />
+                            <input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                             d.Spending some time volunteering.
                         </p>
                         <p>
@@ -880,23 +889,23 @@
                             </span>
                         </p>
                         <p>
-                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[4].userAnswer" />
+                            <input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                             a.Indifferent.
                         </p>
                         <p>
-                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[4].userAnswer" />
+                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                             b.Supportive.
                         </p>
                         <P>
-                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[4].userAnswer" />
+                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                             c.Opposed.
                         </P>
                         <P>
-                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
-                                v-model="wordsOne[0].value[4].userAnswer" />
+                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                             d.Unknown.
                         </P>
                         <p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer">
@@ -910,7 +919,7 @@
                         <p>
                             There are e
                             <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
-                                style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
+                                style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[1].value[0].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -933,7 +942,7 @@
                             community a better place,and it also helps you to connect to
                             people and b<input :disabled="wordsOne[1].isComplete" type="text"
                                 class="input-bottom-border" style="width: 60px"
-                                v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[1].value[1].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -953,7 +962,7 @@
                                 </svg> </span>your social skills.Second,volunteering helps to deal with
                             stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
                                 class="input-bottom-border" style="width: 60px"
-                                v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[1].value[2].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -972,7 +981,7 @@
                                         fill="#d81e06" p-id="25746"></path>
                                 </svg> </span>.Studies show that people who volunteer have a lower m<input
                                 :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
-                                style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
+                                style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[1].value[3].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -992,7 +1001,7 @@
                             at work.Fourth,when you are tied up with the daily
                             routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
                                 class="input-bottom-border" style="width: 60px"
-                                v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[1].value[4].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1011,7 +1020,7 @@
                                         fill="#d81e06" p-id="25746"></path>
                                 </svg> </span>escape,where you can find your interests and p<input
                                 :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
-                                style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" />
+                                style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="
                                     wordsOne[1].value[5].isRight
@@ -1046,7 +1055,7 @@
                             {{ index + 1 }}.{{ item.stem }}
                             <textarea v-model="item.userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                                 :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
-                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                         </p>
                         <!-- 渚嬪彞 -->
                         <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1080,7 +1089,7 @@
                         </p>
                         <p>
                             <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
-                                style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" />
+                                style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" />
                         </p>
                         <p>
                             2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
@@ -1088,7 +1097,7 @@
                         </p>
                         <p>
                             <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
-                                style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" />
+                                style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" />
                         </p>
                     </div>
                 </div>
@@ -1118,7 +1127,7 @@
                         </p>
                         <p>
                             <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
-                                style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" />
+                                style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" />
                         </p>
                         <p>
                             4.Volunteering in different programs helps him grow up to be a man
@@ -1126,7 +1135,7 @@
                         </p>
                         <p>
                             <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
-                                style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" />
+                                style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" />
                         </p>
                         <!-- 绛旀 -->
                         <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1158,7 +1167,7 @@
                         <p>
                             1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
                                 class="input-bottom-border" style="width: 70px"
-                                v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[4].value[0].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1182,7 +1191,7 @@
                         <p>
                             2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
                                 class="input-bottom-border" style="width: 70px"
-                                v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[4].value[1].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1205,7 +1214,7 @@
                         </p>
                         <p>
                             3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
-                                style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" />
+                                style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[4].value[2].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1229,7 +1238,7 @@
                         <p>
                             4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
                                 class="input-bottom-border" style="width: 70px"
-                                v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[4].value[3].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1253,7 +1262,7 @@
                         <p>
                             5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
                                 class="input-bottom-border" style="width: 70px"
-                                v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" />
+                                v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" />
                             <span>
                                 <svg v-if="wordsOne[4].value[4].isRight" t="1716986419862" class="icon"
                                     viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1290,7 +1299,7 @@
                             <p>蹇楁効鑰呮鍦ㄨ緟瀵煎瀛愪滑鍋氬姛璇俱��</p>
                             <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                                 :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
-                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                         </div>
                         <div class="fieldset-2">
                             <p class="center">
@@ -1299,7 +1308,7 @@
                             <p>瀛︾敓浠鍦ㄥ府蹇欏仛鍐滄椿銆�</p>
                             <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                                 :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
-                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                         </div>
                     </div>
                 </div>
@@ -1330,7 +1339,7 @@
                             <p>蹇楁効鑰呮鍦ㄦ矙婊╀笂娓呯悊鍨冨溇銆�</p>
                             <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                                 :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
-                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                         </div>
                         <div class="fieldset-2">
                             <p class="center">
@@ -1339,7 +1348,7 @@
                             <p>蹇楁効鑰呮鍦ㄨ繘琛岃。鐗╂崘璧犳椿鍔ㄣ��</p>
                             <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                                 :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
-                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                         </div>
                         <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                             v-if="wordsOne[3].isShowAnswer">
@@ -1516,33 +1525,23 @@
                         </p>
                         <div class="bk-wh">
                             <p class="dl-box">
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood
+                                <span class="word-bc mr-20 dl-span"> blood
                                     donation</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'community service')">community service</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing
+                                <span class="word-bc mr-20 dl-span">volunteer teacher</span>
+                                <span class="word-bc mr-20 dl-span">community service</span>
+                                <span class="word-bc mr-20 dl-span">nursing
                                     home</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'rewarding')">rewarding</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'challenging')">challenging</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'demanding')">demanding</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'interesting')">interesting</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'overwhelming')">overwhelming</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'merciful')">merciful</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'kind-hearted')">kind-hearted</span>
-                                <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'appreciate')">appreciate</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
+                                <span class="word-bc mr-20 dl-span">rewarding</span>
+                                <span class="word-bc mr-20 dl-span">challenging</span>
+                                <span class="word-bc mr-20 dl-span">demanding</span>
+                                <span class="word-bc mr-20 dl-span">interesting</span>
+                                <span class="word-bc mr-20 dl-span">overwhelming</span>
+                                <span class="word-bc mr-20 dl-span">moving</span>
+                                <span class="word-bc mr-20 dl-span">merciful</span>
+                                <span class="word-bc mr-20 dl-span">kind-hearted</span>
+                                <span class="word-bc mr-20 dl-span">appreciate</span>
+                                <span class="word-bc mr-20 dl-span">cherish</span>
+                                <span class="word-bc mr-20 dl-span">respect</span>
                             </p>
                         </div>
                         <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
@@ -1551,137 +1550,147 @@
                                     <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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙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/3-1銆丮ODULE 3锛坙esson one 锛塤27.jpg" />
+                                            </div>
+                                        </div>
+                                        <div class="swiper-slide">
+                                            <div class="imgBox" style="width: 100%; height: 100%">
+                                                <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤28.jpg" />
+                                            </div>
+                                        </div>
+                                        <div class="swiper-slide">
+                                            <div class="imgBox" style="width: 100%; height: 100%">
+                                                <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤29.jpg" />
                                             </div>
                                         </div>
                                     </div>
@@ -1701,9 +1710,14 @@
                                 better place and making a difference in people's lives.Work with
                                 your partner to do research online and match the following
                                 organizations with their missions.</b>
-                        </p>
-                        <p class="center">
-                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
+                            <span class="btn-box" @click="viewSelectData">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+                                    viewBox="0 0 20.501 20.501">
+                                    <path class="a"
+                                        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>
                         </p>
                     </div>
                 </div>
@@ -1727,15 +1741,167 @@
                 <!-- 鍐呭 -->
                 <div class="padding-93">
                     <div class="bodystyle">
-                        <p class="center">
-                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
+                        <p class="tl-lf">
+                            a. Its mission is to protect the lives and dignityof victims of armed conflict and violence
+                            and toprovide them with assistance.
                         </p>
+                        <p class="tl-lf">
+                            b. It saves wildlife and wilderness worldwidethrough science, conservation action,
+                            education,and inspires people to value nature.
+                        </p>
+                        <p class="tl-lf">
+                            c.It is committed to helping young people andto improving the environment for their growth
+                            in China.
+                        </p>
+                        <p class="tl-lf">
+                            d. It works in over 190 countries and territoriesto save children's lives, to defend their
+                            rights,and to help them fulfill their potential, fromearly childhood through adolescence.
+                        </p>
+                        <div class="openImgBox">
+                            <div class="fl ju-bt">
+                                <div class="left" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img style="margin-bottom: 1.5%"
+                                                src="../../assets/images/page47selectOne.png" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            1.
+                                            <select class="w45 select-border"
+                                                v-model="selectData[0].value[0].userAnswer" @change="handleSelectData">
+                                                <option v-for="(item, index) in selectData[0].option" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box"
+                                                v-if="selectData[0].value[0].isRight == true || selectData[0].value[0].isRight == false">
+                                                <img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon"
+                                                    alt="">
+                                            </span>
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="right" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/page47selectTwo.png" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            2.
+                                            <select class="w45 select-border"
+                                                v-model="selectData[0].value[1].userAnswer" @change="handleSelectData">
+                                                <option v-for="(item, index) in selectData[0].option" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box"
+                                                v-if="selectData[0].value[1].isRight == true || selectData[0].value[1].isRight == false">
+                                                <img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon"
+                                                    alt="">
+                                            </span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="fl ju-bt">
+                                <div class="left" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img style="margin: 12.5% 0%"
+                                                src="../../assets/images/page47selectThree.png" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            3.
+                                            <select class="w45 select-border"
+                                                v-model="selectData[0].value[2].userAnswer" @change="handleSelectData">
+                                                <option v-for="(item, index) in selectData[0].option" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box"
+                                                v-if="selectData[0].value[2].isRight == true || selectData[0].value[2].isRight == false">
+                                                <img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon"
+                                                    alt="">
+                                            </span>
+                                        </p>
+                                    </div>
+
+                                </div>
+                                <div class="right" style="width: 48%">
+                                    <div>
+                                        <p class="center">
+                                            <img src="../../assets/images/page47selectFour.png" alt="" class="w100" />
+                                        </p>
+                                        <p class="center">
+                                            4.
+                                            <select class="w45 select-border"
+                                                v-model="selectData[0].value[3].userAnswer" @change="handleSelectData">
+                                                <option v-for="(item, index) in selectData[0].option" :key="index"
+                                                    :value="item">
+                                                    {{ item }}
+                                                </option>
+                                            </select>
+                                            <span class="icon-box"
+                                                v-if="selectData[0].value[3].isRight == true || selectData[0].value[3].isRight == false">
+                                                <img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon"
+                                                    alt="">
+                                            </span>
+                                        </p>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <p v-for="(item, index) in selectData[0].value" :key="index" >
+                                {{ index + 1 }}.{{ item.answer }}
+                            </p>
+                        </div>
                         <h3 id="c024"><span class="bjh3">Reading</span></h3>
                         <p>
                             1.More and more organizations and individuals in China are working
                             in public service.Can you name a few?
+                            <span class="btn-box" @click="showNoSubmitAnswer(3, 0)">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+                                    viewBox="0 0 20.501 20.501">
+                                    <path class="a"
+                                        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>
                         </p>
-                        <p>2.What changes do they bring to China?</p>
+                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer"
+                            class="w100" @input="saveNoSubmitData"></textarea>
+                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index">
+                                {{ index + 1 }}.{{ item }}
+                            </p>
+                        </div>
+                        <p>
+                            2.What changes do they bring to China?
+                            <span class="btn-box" @click="showNoSubmitAnswer(3, 1)">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+                                    viewBox="0 0 20.501 20.501">
+                                    <path class="a"
+                                        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>
+                        </p>
+                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer"
+                            class="w100" @input="saveNoSubmitData"></textarea>
+                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index">
+                                {{ index + 1 }}.{{ item }}
+                            </p>
+                        </div>
                         <p class="center"><b>How to Light Up the World</b></p>
                         <p class="center">
                             <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
@@ -1746,16 +1912,16 @@
                         </p>
                         <p>
                             If you go all over the world to very
-                            <span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
+                            <span class="word-bc">remote</span>
                             villages,you will
                             often find only very old people and very young people.The men have
                             already left.So,we came up with the simple
-                            <span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
+                            <span class="word-bc">solution</span>
                             of training
                             grandmothers.Grandmothers are
-                            <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
+                            <span class="word-bc">compassionate</span>
                             ,
-                            <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
+                            <span class="word-bc">tolerant</span>
                             ,willing to
                             learn,and patient.All the qualities that you need are there.
                         </p>
@@ -1763,15 +1929,15 @@
                             Barefoot College follows the lifestyle of Gandhi:Students
                             eat,sleep,and work on the floor.They can stay for 20 years,or they
                             can go home tomorrow.As of today,we鈥檝e trained 604 women
-                            <span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
+                            <span class="word-bc">solar</span>
                             engineers from 1,083 villages in 63 countries.
                         </p>
                         <p>
                             The engineers have solar-
-                            <span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
+                            <span class="word-bc" word="electrify">electrified</span>
                             45,000 houses.Please remember
                             that our students are
-                            <span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
+                            <span class="word-bc">primarily</span>
                             women who have never left their
                             villages before.They hate the idea of leaving their families and
                             getting on a plane.When they reach India,sometimes after 19 hours
@@ -1804,11 +1970,11 @@
                             do all the training in sign language.Yet in six months,they will
                             know more about solar engineering than most university
                             graduates.Some women face problems at home for
-                            <span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
+                            <span class="word-bc">attend</span>
                             ing Barefoot
                             College.In most of these traditional societies,the husband
                             says,鈥淚f you go for
-                            <span class="word-bc" @click="saveWord($event, 'training')">training</span>
+                            <span class="word-bc">training</span>
                             ,don鈥檛 come back to me.I will take
                             another wife.鈥� Then the wife goes,and when she returns,she helps
                             provide her village with solar electricity.And her husband
@@ -1818,7 +1984,7 @@
                         <p>
                             We taught a woman from Afghanistan.It was the first time a
                             grandmother had left her village.
-                            <span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
+                            <span class="word-bc">Afterwards</span>
                             ,at a community
                             gathering,she went to sit with the men,who said,鈥淲hat do you think
                             you鈥檙e doing? You should be sitting with the women.鈥� And she said
@@ -1834,9 +2000,9 @@
                         </p>
                         <p>
                             I鈥檒l end the passage with a
-                            <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
+                            <span class="word-bc">quotation</span>
                             from Gandhi:鈥淔irst they
-                            <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
+                            <span class="word-bc">ignore</span>
                             you,then they laugh at you,then they fight you,and then you
                             win.鈥�
                         </p>
@@ -2538,137 +2704,92 @@
                                     <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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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/3-2銆丮ODULE 3锛坙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" />
-                                            </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/3-2銆丮ODULE 3锛坙esson two 锛塤18.jpg" />
                                             </div>
                                         </div>
                                     </div>
@@ -2709,11 +2830,11 @@
                             <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
                         </h3>
                         <p>
-                        <b>鈪�.Listen to the recording and fill in the blanks with what you
+                            <b>鈪�.Listen to the recording and fill in the blanks with what you
                                 hear.</b>
                         </p>
                         <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
-                        class="audio"></audio>
+                            class="audio"></audio>
                         <p>
                             Just now,I was giving people
                             <input type="text" :disabled="listenThree[0].isComplete"
@@ -2896,7 +3017,7 @@
                                 questions.</b>
                         </p>
                         <audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload"
-                        class="audio"></audio>
+                            class="audio"></audio>
                         <p>
                             1.When did Mr.Crossman start volunteering?
                             <span class="icon-box" v-if="listenThree[1].isComplete">
@@ -3392,24 +3513,24 @@
                             <div class="fl wh-no w100">
                                 <span>University/College:</span>
                                 <input type="text" :disabled="practicalWriting[1].isComplete"
-                                    v-model="practicalWriting[1].value[8].userAnswer"
+                                    v-model="practicalWriting[1].value[9].userAnswer"
                                     class="input-bottom-border input-bc-t" @input="saveListenThree">
                             </div>
                             <div>
                                 <div>Other qualifcations, short courses and training</div>
                                 <textarea name="" id="" cols="30" rows="10"
-                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
+                                    v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea>
                             </div>
                             <div class="fl wh-no w100">
                                 <span>Language level:</span>
                                 <input type="text" :disabled="practicalWriting[1].isComplete"
-                                    v-model="practicalWriting[1].value[8].userAnswer"
+                                    v-model="practicalWriting[1].value[11].userAnswer"
                                     class="input-bottom-border input-bc-t" @input="saveListenThree">
                             </div>
                             <div>
                                 <div>Volunteering experience</div>
                                 <textarea name="" id="" cols="30" rows="10"
-                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
+                                    v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea>
                             </div>
                         </div>
                         <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
@@ -3578,139 +3699,75 @@
                                     <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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙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/3-3銆丮ODULE 3锛坙esson three 锛塤13.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_14.png" />
+                                                <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤14.jpg" />
                                             </div>
                                         </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_15.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_16.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_17.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_18.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_19.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_20.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_21.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_22.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_23.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_24.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_25.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_26.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_27.png" />
-                                            </div>
-                                        </div>
+                                      
                                     </div>
                                     <div class="swiper-button-next"></div>
                                     <div class="swiper-button-prev"></div>
@@ -3742,6 +3799,8 @@
     },
     data() {
         return {
+            correctIcon: require('@/assets/images/correct.svg'),
+            errorIcon: require('@/assets/images/error.svg'),
             imgThirteen: require("../../assets/images/grammar3-1.png"),
             imgThirteenOne: require("../../assets/images/grammar3-1.png"),
             showAnswerOne: false,
@@ -4421,6 +4480,31 @@
                             userAnswer: '',
                         },
                     ]
+                },
+                {
+                    type: 'shortAnswer',
+                    value: [
+                        {
+                            userAnswer: '',
+                            answer: [
+                                'China Rural Doctors Program',
+                                'China Foundation for Rural Development',
+                                'Shanghai Oasis Green Food Bank',
+                                '閽变竷铏�(Qian Qihu)'
+                            ],
+                            isShowAnswer: false,
+                        },
+                        {
+                            userAnswer: '',
+                            answer: [
+                                'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.',
+                                'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.',
+                                'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.',
+                                'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible 鈥淯nderground Steel Great Wall.鈥� He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people鈥檚 life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.',
+                            ],
+                            isShowAnswer: false,
+                        },
+                    ]
                 }
             ],
             listenOne: [
@@ -5095,6 +5179,47 @@
                     ]
                 },
             ],
+            selectData: [
+                {
+                    type: 'select',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    option: [
+                        "a",
+                        "b",
+                        "c",
+                        "d",
+                    ],
+                    value: [
+                        {
+
+                            userAnswer: "",
+                            answer: "b",
+                            isRight: null
+                        },
+                        {
+
+                            userAnswer: "",
+                            answer: "d",
+                            isRight: null
+                        },
+                        {
+
+                            userAnswer: "",
+                            answer: "a",
+                            isRight: null
+                        },
+                        {
+
+                            userAnswer: "",
+                            answer: "c",
+                            isRight: null
+                        },
+                    ]
+
+                }
+
+            ]
         };
     },
     mounted() {
@@ -5121,6 +5246,8 @@
         if (listenThree) this.listenThree = JSON.parse(listenThree)
         const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
         if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
+        const selectData = localStorage.getItem('english-chapter03-selectData')
+        if (selectData) this.selectData = JSON.parse(selectData)
         this.getPath();
 
 
@@ -5132,9 +5259,6 @@
             } else {
                 return data
             }
-        },
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
         },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
@@ -5320,7 +5444,6 @@
                 item.isComplete = true
                 item.isShowAnswer = true
             }
-            console.log('鎻愪环', this.listenOne)
             this.saveListenOneData()
         },
         // 淇濆瓨
@@ -5342,6 +5465,7 @@
                 item.value = ''
                 item.isRight = null
                 item.isComplete = false
+                item.isShowAnswer = false
             }
         },
         // 鍙渶瑕佷繚瀛樼殑棰樼洰鏁版嵁
@@ -5376,7 +5500,7 @@
         viewwordsOne() {
             for (let index = 0; index < this.wordsOne.length; index++) {
                 const item = this.wordsOne[index];
-                item.isShowAnswer = true
+                item.isShowAnswer = !item.isShowAnswer
             }
         },
         handelwordsOne() {
@@ -5389,6 +5513,7 @@
                     citem.isRight = citem.userAnswer == citem.answer
                 }
             }
+            this.savewordsOne();
         },
         saveminiTable() {
             console.log(1);
@@ -5532,7 +5657,36 @@
                 const item = this.practicalWriting[index];
                 item.isShowAnswer = !item.isShowAnswer
             }
-        }
+        },
+        showNoSubmitAnswer(index, num) {
+            this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
+        },
+        saveSelectData() {
+            localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData))
+        },
+        handleSelectData() {
+            for (let index = 0; index < this.selectData.length; index++) {
+                const item = this.selectData[index];
+                item.isComplete = true
+                if (item.type == 'select') {
+                    for (let cindex = 0; cindex < item.value.length; cindex++) {
+                        const citem = item.value[cindex];
+                        if (citem.userAnswer == "") {
+                            return
+                        } else {
+                            citem.isRight = citem.userAnswer == citem.answer
+                            this.saveSelectData()
+                        }
+                    }
+                }
+            }
+        },
+        viewSelectData() {
+            for (let index = 0; index < this.selectData.length; index++) {
+                const item = this.selectData[index];
+                item.isShowAnswer = !item.isShowAnswer
+            }
+        },
     },
 };
 </script>

--
Gitblit v1.9.1