From e89d2f02233370260faa26eae68819f94e906e14 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 07 八月 2024 16:06:48 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter005.vue |  309 ++++++++++++++++++++-------------------------------
 1 files changed, 120 insertions(+), 189 deletions(-)

diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 9043046..40afbbb 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -678,10 +678,10 @@
                                 v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
                         <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p>
                         <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
-                                v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
+                                v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
                         <p>3.Who should lead the campaign against plastic pollution?</p>
                         <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
-                                v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
+                                v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
                         <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                             v-if="showAnswerReading">
                             <p class="table-p tl-lf">绛旀</p>
@@ -1506,137 +1506,112 @@
                                     <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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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/5-1銆丮ODULE 5锛坙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" />
-                                            </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/5-1銆丮ODULE 5锛坙esson one锛塤22.jpg" />
                                             </div>
                                         </div>
                                     </div>
@@ -1684,7 +1659,7 @@
                                     <p>
                                         <span v-for="(citem, cindex) in choiceData[0].option " :key="cindex">
                                             <input type="radio" :name="item.stem" :value="citem.value"
-                                                v-model="item.userAnswer" />
+                                                v-model="item.userAnswer" @change="saveChoiceData" />
                                             {{ citem.value }}.{{ citem.label }}
                                         </span>
                                     </p>
@@ -1841,12 +1816,12 @@
                         </p>
                         <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                             footprints connected with different diets:meat-eaters,fish-eaters,and
-                            <span class="word-bc" >vegans</span>
+                            <span class="word-bc" word="vegan">vegans</span>
                             .It turns out
                             that
-                            <span class="word-bc" >eliminat</span>
-                            ing meat from your diet can reduce your carbon
-                            <span class="word-bc">emissions</span>
+                            <span class="word-bc" word="eliminate">eliminating</span>
+                             meat from your diet can reduce your carbon
+                            <span class="word-bc" word="emission">emissions</span>
                             by half.A vegan diet
                             was connected with the least amount of greenhouse gas emissions鈥�99 percent to 102 percent
                             less than meateaters鈥攂ut even switching from meat to fish can reduce your dietary emissions
@@ -1854,7 +1829,7 @@
                         </p>
                         <p>Before learning about this study,I never thought about how my diet impacted anyone but
                             myself.I always
-                            <span class="word-bc">figured</span>
+                            <span class="word-bc" word="figure">figured</span>
                             that what I put into my body was a personal decision,but it鈥檚 a
                             public concern.
                         </p>
@@ -2170,6 +2145,13 @@
                                 </p>
                             </div>
                         </div>
+                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+                            v-if="showAnswerReadingOne">
+                            绛旀锛� 1.Driving to work in cars
+                            &nbsp; 2.Eating much meat
+                            &nbsp; 3.Eating imported fruits
+                            &nbsp; 
+                        </p>
                         <p>B.Decide whether the following statements are true (T) or false (F).</p>
                         <p>(<select class="select-border" :disabled="questionDataTwo.isComplete"
                                 v-model="questionDataTwo.dt.one.value" style="width: 8%">
@@ -2285,6 +2267,10 @@
                                         fill="#d81e06" p-id="25746"></path>
                                 </svg>
                             </span>
+                        </p>
+                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+                            v-if="showAnswerReadingOne">
+                            绛旀锛� 1.F &nbsp; 2.T &nbsp; 3.F &nbsp; 4.F &nbsp; 5.T &nbsp;
                         </p>
                         <p><b>鈪�.Language focus.</b></p>
                         <p>A.Replace the words or expression,in italics with the exact words in the passage and change
@@ -2420,6 +2406,10 @@
                                 </svg>
                             </span>
                         </p>
+                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+                            v-if="showAnswerReadingOne">
+                            绛旀锛� 1.crisp &nbsp; 2.survive &nbsp; 3.eliminate &nbsp; 4.Emission &nbsp; 5.figured &nbsp;
+                        </p>
                         <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                         <div class="bk-wh">
                             <p>carbon footprint銆�big time銆�turn out銆�reflect on銆�reach for</p>
@@ -2554,6 +2544,10 @@
                                 </svg>
                             </span>
                         </p>
+                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+                            v-if="showAnswerReadingOne">
+                            绛旀锛� 1.reflect on &nbsp; 2.big time &nbsp; 3.reached for &nbsp; 4.carbon footprint &nbsp; 5.turns out &nbsp;
+                        </p>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -2611,6 +2605,13 @@
                         <p>She switched off all the lights after each class.</p>
                         <p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80"
                                 v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p>
+                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+                            v-if="showAnswerReadingOne">
+                            绛旀锛� 1.We work hard to make a better life. &nbsp; 2.I鈥檓 sorry to send the urgent email to a wrong person. &nbsp; 
+                                  3.I was shocked to hear the news that temperatures at North Pole were more than 50掳F warmer than average. &nbsp; 
+                                  4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. &nbsp;
+                                  5.It was environmentally conscious of Miss Li to switch off all the lights after each class. &nbsp;
+                        </p>
                         <div class="w100 fl ju-cn">
                             <ul class="fl ju-ar w80">
                                 <li>
@@ -2624,7 +2625,7 @@
                                     </button>
                                 </li>
                                 <li>
-                                    <button class="parimary-btn">
+                                    <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn">
                                         鏌ョ湅绛旀
                                     </button>
                                 </li>
@@ -2779,137 +2780,107 @@
                                     <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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙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/5-2銆丮ODULE 5锛坙esson two锛塤17.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_18.png" />
+                                                <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤18.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_19.png" />
+                                                <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤19.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_20.png" />
+                                                <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤20.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_21.png" />
-                                            </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/5-2銆丮ODULE 5锛坙esson two锛塤21.jpg" />
                                             </div>
                                         </div>
                                     </div>
@@ -2971,7 +2942,7 @@
                                 <td>
                                     I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text"
                                         class="input-bottom-border input-bc-t" style="width: 60px"
-                                        v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" />
+                                        v-model="questionDataThree.eo.one" @change="setQuestionDataThree" />
                                     <span>
                                         <svg v-if="
                                             questionDataThree.isComplete &&
@@ -2995,7 +2966,7 @@
                                         </svg>
                                     </span>锛宐ugs and 2.<input :disabled="questionDataThree.isComplete" type="text"
                                         class="input-bottom-border input-bc-t" style="width: 60px"
-                                        v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" />
+                                        v-model="questionDataThree.eo.two" @change="setQuestionDataThree" />
                                     <span>
                                         <svg v-if="
                                             questionDataThree.isComplete &&
@@ -3030,7 +3001,7 @@
                                     They changed wolves into dogs, rivers into lakes, and us into 3.<input
                                         :disabled="questionDataThree.isComplete" type="text"
                                         class="input-bottom-border input-bc-t" style="width: 60px"
-                                        v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" />
+                                        v-model="questionDataThree.eo.three" @change="setQuestionDataThree" />
                                     <span>
                                         <svg v-if="
                                             questionDataThree.isComplete &&
@@ -3055,7 +3026,7 @@
                                     </span>
                                     They started using the 4.<input :disabled="questionDataThree.isComplete" type="text"
                                         class="input-bottom-border input-bc-t" style="width: 60px"
-                                        v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" />
+                                        v-model="questionDataThree.eo.four" @change="setQuestionDataThree" />
                                     <span>
                                         <svg v-if="
                                             questionDataThree.isComplete &&
@@ -3090,7 +3061,7 @@
                                     I don't know, If they don't figure put that they're part of 5.<input
                                         :disabled="questionDataThree.isComplete" type="text"
                                         class="input-bottom-border input-bc-t" style="width: 60px"
-                                        v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" />
+                                        v-model="questionDataThree.eo.five" @change="setQuestionDataThree" />
                                     <span>
                                         <svg v-if="
                                             questionDataThree.isComplete &&
@@ -3131,7 +3102,7 @@
                                 <p class="table-p center">James</p>
                                 <div class="fl">
                                     <select class="select-border w80" :disabled="questionDataThree.isComplete"
-                                        v-model="questionDataThree.tp.one.value">
+                                        v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree">
                                         <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                             :value="item">
                                             {{ item }}
@@ -3162,7 +3133,7 @@
                                 <p class="table-p center">Amy</p>
                                 <div class="fl">
                                     <select class="select-border w80" :disabled="questionDataThree.isComplete"
-                                        v-model="questionDataThree.tp.two.value">
+                                        v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree">
                                         <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                             :value="item">
                                             {{ item }}
@@ -3193,7 +3164,7 @@
                                 <p class="table-p center">Tim</p>
                                 <div class="fl">
                                     <select class="select-border w80" :disabled="questionDataThree.isComplete"
-                                        v-model="questionDataThree.tp.three.value">
+                                        v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree">
                                         <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                             :value="item">
                                             {{ item }}
@@ -3224,7 +3195,7 @@
                                 <p class="table-p center">James</p>
                                 <div class="fl">
                                     <select class="select-border w80" :disabled="questionDataThree.isComplete"
-                                        v-model="questionDataThree.tp.four.value">
+                                        v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree">
                                         <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                             :value="item">
                                             {{ item }}
@@ -3833,137 +3804,87 @@
                                     <div class="swiper-wrapper">
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_01.png" />
+                                                <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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/5-3銆丮ODULE 5锛坙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" />
+                                                <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤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/5-3銆丮ODULE 5锛坙esson three锛塤16.jpg" />
                                             </div>
                                         </div>
                                         <div class="swiper-slide">
                                             <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_17.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_18.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_19.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_20.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_21.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_22.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_23.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_24.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_25.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_26.png" />
-                                            </div>
-                                        </div>
-                                        <div class="swiper-slide">
-                                            <div class="imgBox" style="width: 100%; height: 100%">
-                                                <img src="../../assets/images/ppt/ppt_27.png" />
+                                                <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤17.jpg" />
                                             </div>
                                         </div>
                                     </div>
@@ -4008,7 +3929,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="preface-bottom">
+                <div class="preface-bottom" style="margin-top: 60%">
                     <span class="contet-num-box">96</span>
                 </div>
             </div>
@@ -4043,6 +3964,7 @@
             showAnswerEleven: false,
             showAnswerTwelve: false,
             showAnswerReading: false,
+            showAnswerReadingOne: false,
             showImg: false,
             showImgOne: false,
             showQuestionAnswer: false,
@@ -4681,7 +4603,7 @@
         if (testData) {
             this.testData = JSON.parse(testData);
         }
-        const bookQuestion = localStorage.getItem("english-book-question-one");
+        const bookQuestion = localStorage.getItem("english-book-chapter05-question-one");
         if (bookQuestion) {
             this.questionData = JSON.parse(bookQuestion);
         }
@@ -4712,6 +4634,11 @@
             this.questionDataFour = JSON.parse(questionDataFour);
         }
 
+        const choiceData = localStorage.getItem('english-chapter05-choiceData')
+        if (choiceData) {
+            this.choiceData = JSON.parse(choiceData);
+        }
+
         this.getPath();
     },
     methods: {
@@ -4719,9 +4646,8 @@
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
         },
         setBookQuestion() {
-            console.log("淇濆瓨");
             localStorage.setItem(
-                "english-book-question-one",
+                "english-book-chapter05-question-one",
                 JSON.stringify(this.questionData)
             );
         },
@@ -4868,7 +4794,6 @@
         },
         saveDataTwo() {
             const savaDataTwos = this.questionDataTwo;
-            console.log(savaDataTwos, 123);
             for (let key in savaDataTwos) {
                 let item = savaDataTwos[key]
                 if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") {
@@ -4883,6 +4808,7 @@
             this.questionDataTwo = savaDataTwos;
             this.$set(this.questionDataTwo, "isComplete", true);
             this.setQuestionDataTwo();
+            this.showAnswerReadingOne = true;
         },
         changeQuestionDataTwo() {
             localStorage.removeItem("english-chapter05-questionDataTwo");
@@ -4907,9 +4833,9 @@
                     item.value = [];
                 }
             }
-            console.log(savaDataTwos, 1433233)
             this.questionDataTwo = savaDataTwos;
             this.$set(this.questionDataTwo, "isComplete", false);
+            this.showAnswerReadingOne = false;
         },
         handleChoiceData() {
             for (let index = 0; index < this.choiceData.length; index++) {
@@ -4923,6 +4849,7 @@
                         item.userScore += data.score
                 }
             }
+            this.saveChoiceData();
         },
         changeChoiceData() {
             for (let index = 0; index < this.choiceData.length; index++) {
@@ -4935,6 +4862,10 @@
                     citem.userAnswer = "";
                 }
             }
+            localStorage.removeItem('english-chapter05-choiceData')
+        },
+        saveChoiceData(){
+            localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData))
         },
         handleQuestionDataThree() {
             const questionDataThrees = this.questionDataThree;

--
Gitblit v1.9.1