From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 05 八月 2024 11:57:36 +0800
Subject: [PATCH] 英语PPT结束

---
 src/books/English/view/components/chapter003.vue |  741 ++++++++++++++++++++++++++++++++------------------------
 1 files changed, 422 insertions(+), 319 deletions(-)

diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index d4ba550..41a3268 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" >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" >expand</span>
+                            <span class="word-bc">expand</span>
                             your network,and
-                            <span class="word-bc" >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" >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" >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" >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" >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" >passions</span>
+                            <span class="word-bc">passions</span>
                             .Doing volunteer work can be a
                             relaxing,
-                            <span class="word-bc" >energizing</span>
+                            <span class="word-bc">energizing</span>
                             escape from your day-to-day routine of
                             work,school,or family
-                            <span class="word-bc" >commitments</span>
+                            <span class="word-bc">commitments</span>
                             .Volunteering also provides you
-                            with <span class="word-bc" >creativity</span>
+                            with <span class="word-bc">creativity</span>
                             ,motivation,and
-                            <span class="word-bc" >vision</span>
+                            <span class="word-bc">vision</span>
                             that can carry over into
                             your personal life and your career.
                         </p>
@@ -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" > blood
+                                <span class="word-bc mr-20 dl-span"> blood
                                     donation</span>
-                                <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
+                                <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"
-                                    >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">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>
+                                <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,6 +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>
+                            <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>
@@ -1724,43 +1741,165 @@
                 <!-- 鍐呭 -->
                 <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)" />
+                            <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>
-                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+                        <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">
-                                {{index + 1}}.{{item}}
+                            <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)" />
+                            <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>
+                        <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">
-                                {{index + 1}}.{{item}}
+                            <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>
@@ -1773,16 +1912,16 @@
                         </p>
                         <p>
                             If you go all over the world to very
-                            <span class="word-bc" >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" >solution</span>
+                            <span class="word-bc">solution</span>
                             of training
                             grandmothers.Grandmothers are
-                            <span class="word-bc" >compassionate</span>
+                            <span class="word-bc">compassionate</span>
                             ,
-                            <span class="word-bc" >tolerant</span>
+                            <span class="word-bc">tolerant</span>
                             ,willing to
                             learn,and patient.All the qualities that you need are there.
                         </p>
@@ -1790,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" >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" >electrified</span>
+                            <span class="word-bc">electrified</span>
                             45,000 houses.Please remember
                             that our students are
-                            <span class="word-bc" >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
@@ -1831,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" >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" >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
@@ -1845,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" >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
@@ -1861,9 +2000,9 @@
                         </p>
                         <p>
                             I鈥檒l end the passage with a
-                            <span class="word-bc" >quotation</span>
+                            <span class="word-bc">quotation</span>
                             from Gandhi:鈥淔irst they
-                            <span class="word-bc" >ignore</span>
+                            <span class="word-bc">ignore</span>
                             you,then they laugh at you,then they fight you,and then you
                             win.鈥�
                         </p>
@@ -2565,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>
@@ -2736,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"
@@ -2923,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">
@@ -3419,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">
@@ -3605,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>
@@ -3769,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,
@@ -4450,27 +4482,27 @@
                     ]
                 },
                 {
-                    type:'shortAnswer',
-                    value:[
+                    type: 'shortAnswer',
+                    value: [
                         {
-                            userAnswer:'',
-                            answer:[
+                            userAnswer: '',
+                            answer: [
                                 'China Rural Doctors Program',
                                 'China Foundation for Rural Development',
                                 'Shanghai Oasis Green Food Bank',
                                 '閽变竷铏�(Qian Qihu)'
                             ],
-                            isShowAnswer:false,
+                            isShowAnswer: false,
                         },
                         {
-                            userAnswer:'',
-                            answer:[
+                            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,
+                            isShowAnswer: false,
                         },
                     ]
                 }
@@ -5147,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() {
@@ -5173,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();
 
 
@@ -5391,6 +5466,7 @@
                 item.value = ''
                 item.isRight = null
                 item.isComplete = false
+                item.isShowAnswer = false
             }
         },
         // 鍙渶瑕佷繚瀛樼殑棰樼洰鏁版嵁
@@ -5425,7 +5501,7 @@
         viewwordsOne() {
             for (let index = 0; index < this.wordsOne.length; index++) {
                 const item = this.wordsOne[index];
-                item.isShowAnswer = true
+                item.isShowAnswer = !item.isShowAnswer
             }
         },
         handelwordsOne() {
@@ -5438,6 +5514,7 @@
                     citem.isRight = citem.userAnswer == citem.answer
                 }
             }
+            this.savewordsOne();
         },
         saveminiTable() {
             console.log(1);
@@ -5582,8 +5659,34 @@
                 item.isShowAnswer = !item.isShowAnswer
             }
         },
-        showNoSubmitAnswer(index,num) {
-            this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].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
+            }
         },
     },
 };

--
Gitblit v1.9.1