From 0e579505f189e885aa8e994db87217e087918899 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 25 六月 2024 19:18:18 +0800
Subject: [PATCH] 英语bug修改

---
 src/books/English/view/components/chapter001.vue |  232 ++++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 176 insertions(+), 56 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 4723436..ed55959 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -298,7 +298,7 @@
               <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
             </p> -->
             <div>
-              <ul class="fl ju-bt">
+              <ul class="fl ju-bt matching-title-text">
                 <li>Speakers銆�Chinese Cultural Symbols</li>
                 <li style="width: 40%; text-align: center">Descriptions</li>
               </ul>
@@ -306,7 +306,6 @@
             </div>
             <h3 id="c003" class="fl al-cn">
               <span class="bjh3">Reading</span>
-              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
             </h3>
             <p>
               1.How was Chinese culture introduced to the world in ancient
@@ -356,6 +355,10 @@
               scenery
             </p>
             <p class="center"><b>My Experience in Wonderland</b></p>
+            <p class="center">
+            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
+
+            </p>
             <p class="block">
               鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly
               enjoyable,鈥� responds Alice.鈥淵ou should visit it sometime.鈥�
@@ -563,33 +566,71 @@
             <p>
               A.Mark the items that made the author curious when she arrived in
               China.
+              <span>
+                <svg
+                  v-if="testData.check.isRight"
+                  t="1716986419862"
+                  class="icon"
+                  viewBox="0 0 1820 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="40"
+                  height="20"
+                >
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29"
+                    p-id="18768"
+                  ></path>
+                </svg>
+                <svg
+                  v-if="testData.check.isRight == false"
+                  t="1716987085767"
+                  class="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="20"
+                  height="20"
+                >
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06"
+                    p-id="25746"
+                  ></path>
+                </svg>
+              </span>
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+              <input type="checkbox" name="ball1" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />
               Language
             </p>
             <p>
-              <input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" />
+              <input type="checkbox" name="ball2" value="People" id="2" v-model="testData.check.value"  @change="setTestData" />
               People
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" />
+              <input type="checkbox" name="ball3" value="Culture" id="3" v-model="testData.check.value"  @change="setTestData" />
               Culture
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" />
+              <input type="checkbox" name="ball4" value="Cuisine" id="4" v-model="testData.check.value"  @change="setTestData" />
               Cuisine
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" />
+              <input type="checkbox" name="ball5" value="Folk" id="5" v-model="testData.check.value"  @change="setTestData" />
               Folk art
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" />
+              <input type="checkbox" name="ball6" value="Landscapes" id="6" v-model="testData.check.value"  @change="setTestData" />
               Landscapes
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" />
+              <input type="checkbox" name="ball7" value="Transportation" id="7" v-model="testData.check.value"  @change="setTestData" />
               Transportation
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
@@ -620,14 +661,14 @@
             </p>
             <p>1.What鈥檙e the author鈥檚 comments about Chinese food?</p>
             <textarea v-model="testData.tx.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
-              class="fz-16 textarea-text"></textarea>
+              class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines
               are quite mouth-watering and stimulating.
             </p>
             <p>2.When and why did the author start her journey to China?</p>
             <textarea v-model="testData.tx.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
-              class="fz-16 textarea-text"></textarea>
+              class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歐hen the author got selected as a foreign student for PhD
               studies at one university in 2017, she started her journey to
@@ -635,20 +676,20 @@
             </p>
             <p>3.What are the author鈥檚 expectations of her stay in China?</p>
             <textarea v-model="testData.tx.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
-              class="fz-16 textarea-text"></textarea>
+              class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歍he author looks forward to exploring more during her stay.
             </p>
             <p>4.What did the author think of Chinese people?</p>
             <textarea v-model="testData.tx.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
-              class="fz-16 textarea-text"></textarea>
+              class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歍he author thought the local Chinese were very friendly and
               hospitable.
             </p>
             <p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p>
             <textarea v-model="testData.tx.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
-              class="fz-16 textarea-text"></textarea>
+              class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欵ach city has its unique atmosphere with charming features
               and unique landscapes.
@@ -659,22 +700,60 @@
             <p>
               A.Fill in the blanks with the proper words in the passage.The
               initial letters of the words have been given.
+              <span>
+                <svg
+                  v-if="testData.in.isRight"
+                  t="1716986419862"
+                  class="icon"
+                  viewBox="0 0 1820 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="40"
+                  height="20"
+                >
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29"
+                    p-id="18768"
+                  ></path>
+                </svg>
+                <svg
+                  v-if="testData.in.isRight == false"
+                  t="1716987085767"
+                  class="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="20"
+                  height="20"
+                >
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06"
+                    p-id="25746"
+                  ></path>
+                </svg>
+              </span>
             </p>
             <p>
               In 2017,the author arrived in China.When she arrived,she was like
               Alice in <i>Alice in Wonderland</i>.She was curious about the
               people,the culture,the c<input type="text" class="input-bottom-border" style="width: 60px"
-                v-model="testData.in.one" />
+                v-model="testData.in.one" @change="setTestData" />
               ,and of course the huge variety of l<input v-model="testData.in.two" type="text"
-                class="input-bottom-border" style="width: 60px" />.Chinese friends helped her a lot in understanding
+                class="input-bottom-border" style="width: 60px" @change="setTestData" />.Chinese friends helped her a lot in understanding
               Chinese
               culture and c<input v-model="testData.in.three" type="text" class="input-bottom-border"
-                style="width: 60px" />.The author believes that one cannot e<input type="text"
-                v-model="testData.in.four" class="input-bottom-border" style="width: 60px" />China properly if he/she
+                style="width: 60px" @change="setTestData" />.The author believes that one cannot e<input type="text"
+                v-model="testData.in.four" class="input-bottom-border" style="width: 60px" @change="setTestData" />China properly if he/she
               does not try its delicious variety of
               food.China has thousands of years of rich and beautiful
               culture.Each city has its u<input v-model="testData.in.five" type="text" class="input-bottom-border"
-                style="width: 60px" />atmosphere that attracts people.
+                style="width: 60px" @change="setTestData" />atmosphere that attracts people.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歝uisine, landscapes, civilization, explore, unique
@@ -684,41 +763,46 @@
               sentences with them.
             </p>
             <p>
-              1.get selected as<input v-model="testData.line.one" type="text" class="input-bottom-border"
-                style="width: 77%" />
+              1.get selected as
             </p>
+            <textarea v-model="testData.line.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歋he got selected as the cultural ambassador to show Chinese
               culture on campus.
             </p>
             <p>
-              2.be curious about<input v-model="testData.line.two" type="text" class="input-bottom-border"
-                style="width: 75%" />
+              2.be curious about
             </p>
+            <textarea v-model="testData.line.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歁any foreigners are curious about the amazing Chinese
               martial arts.
             </p>
             <p>
-              3.along the way<input v-model="testData.line.three" type="text" class="input-bottom-border"
-                style="width: 77%" />
+              3.along the way
             </p>
+            <textarea v-model="testData.line.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼 suggest that you go to Tibet by train so that you can
               enjoy the natural scenery along the way.
             </p>
             <p>
-              4.come across<input v-model="testData.line.four" type="text" class="input-bottom-border"
-                style="width: 79%" />
+              4.come across
             </p>
+            <textarea v-model="testData.line.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欻e came across the temple fair in Beijing during the Spring
               Festival.
             </p>
             <p>
-              5.look forward to<input v-model="testData.line.five" type="text" class="input-bottom-border"
-                style="width: 76%" />
+              5.look forward to
             </p>
+            <textarea v-model="testData.line.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text" @change="setTestData"></textarea>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歋he is looking forward to visiting the incredible cities in
               China.
@@ -748,7 +832,7 @@
               people.
             </p>
             <p>
-              <input v-model="testData.ts.one" type="text" class="input-bottom-border" />
+              <input v-model="testData.ts.one" type="text" class="input-bottom-border" @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
@@ -758,7 +842,7 @@
               greatly promoted the development of ancient Chinese civilization.
             </p>
             <p>
-              <input v-model="testData.ts.two" type="text" class="input-bottom-border" />
+              <input v-model="testData.ts.two" type="text" class="input-bottom-border"  @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆�
@@ -768,7 +852,7 @@
               tea culture in depth.
             </p>
             <p>
-              <input v-model="testData.ts.three" type="text" class="input-bottom-border" />
+              <input v-model="testData.ts.three" type="text" class="input-bottom-border" @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛氶檰缇斤紝銆婅尪缁忋�嬬殑浣滆�咃紝瀵逛腑鍥借尪閬撹繘琛屼簡娣卞叆鐨勭爺绌躲��
@@ -778,7 +862,7 @@
               Chinese medical science.
             </p>
             <p>
-              <input v-model="testData.ts.four" type="text" class="input-bottom-border" />
+              <input v-model="testData.ts.four" type="text" class="input-bottom-border"  @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛氬紶浠叉櫙鏄竴浣嶅涓浗鍖诲鏈夌潃閲嶅ぇ褰卞搷鐨勫尰瀛﹀銆�
@@ -802,7 +886,7 @@
               meal.
             </p>
             <p>
-              <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" />.
+              <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you try using sticks, you can enjoy the fun of having a
@@ -813,7 +897,7 @@
               there.
             </p>
             <p>
-              <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" />.
+              <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you go to my Chinese New Year party, you will meet my
@@ -821,7 +905,7 @@
             </p>
             <p>3.Drink some Longjing tea,and you will love it.</p>
             <p>
-              <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" />.
+              <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you drink some Longjing tea, you will love it.
@@ -831,7 +915,7 @@
               warriors.
             </p>
             <p>
-              <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" />.
+              <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
@@ -842,7 +926,7 @@
               Chicken would possibly be in top three.
             </p>
             <p>
-              <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" />.
+              <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛� If you ask foreigners about their favorite Chinese food,
@@ -854,7 +938,7 @@
             </p>
             <p>
               1.I was wondering<input v-model="testData.cm.one" type="text" class="input-bottom-border"
-                style="width: 60px" />to go for a walk in the Summer Palace.
+                style="width: 60px" @change="setTestData" />to go for a walk in the Summer Palace.
             </p>
             <p>
               2.We can spend the afternoon on the beach<input v-model="testData.cm.two" type="text"
@@ -862,14 +946,14 @@
             </p>
             <p>
               3.I called Wang to find out<input v-model="testData.cm.three" type="text" class="input-bottom-border"
-                style="width: 60px" />or not he really went to see the Peking opera show.
+                style="width: 60px" @change="setTestData" />or not he really went to see the Peking opera show.
             </p>
             <p>
               4.We鈥檙e not interested in<input v-model="testData.cm.four" type="text" class="input-bottom-border"
-                style="width: 60px" />we get great jobs and that kind of thing.
+                style="width: 60px" @change="setTestData" />we get great jobs and that kind of thing.
             </p>
             <p>
-              5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" />I go to
+              5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to
               Sichuan,I will visit Chengdu Research Base of Giant
               Panda Breeding.
             </p>
@@ -885,9 +969,6 @@
                   </button>
                 </li>
                 <li>
-                  <button @click="setTestData" class="btn-border btn-w">
-                    淇濆瓨
-                  </button>
                 </li>
                 <li>
                   <button @click="changeTestData" class="btn-border btn-w">
@@ -1210,7 +1291,7 @@
                     </p>
                     <p class="center">
                       1.
-                      <select v-model="dropdownData.one.value">
+                      <select class="select-border" v-model="dropdownData.one.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1244,7 +1325,7 @@
                     </p>
                     <p class="center">
                       2.
-                      <select v-model="dropdownData.two.value">
+                      <select class="select-border" v-model="dropdownData.two.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1281,7 +1362,7 @@
                     </p>
                     <p class="center">
                       3.
-                      <select v-model="dropdownData.three.value">
+                      <select class="select-border" v-model="dropdownData.three.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1315,7 +1396,7 @@
                     </p>
                     <p class="center">
                       4.
-                      <select v-model="dropdownData.four.value">
+                      <select class="select-border" v-model="dropdownData.four.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1352,7 +1433,7 @@
                     </p>
                     <p class="center">
                       5.
-                      <select v-model="dropdownData.five.value">
+                      <select class="select-border" v-model="dropdownData.five.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1386,7 +1467,7 @@
                     </p>
                     <p class="center">
                       6.
-                      <select v-model="dropdownData.six.value">
+                      <select class="select-border" v-model="dropdownData.six.value" @change="setDropdownData">
                         <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                           {{ item }}
                         </option>
@@ -1419,9 +1500,6 @@
               <div class="fl ju-ev mt-40" style="width: 80%">
                 <button class="btn-border btn-w" @click="handleDropdown('judge')">
                   鎻愪氦
-                </button>
-                <button @click="setDropdownData" class="btn-border btn-w">
-                  淇濆瓨
                 </button>
                 <button class="btn-border btn-w" @click="changeDropdown">
                   閲嶅仛
@@ -2384,7 +2462,11 @@
         },
       },
       testData: {
-        check: [],
+        check: {
+          isRight:null,
+          answer:["Culture","Cuisine","Landscapes"],
+          value:[]
+        },
         tx: {
           one: "",
           two: "",
@@ -2398,6 +2480,8 @@
           three: "",
           four: "",
           five: "",
+          isRight:null,
+          answer:'cuisine,landscapes,civilization,explore,unique'
         },
         line: {
           one: "",
@@ -2499,7 +2583,11 @@
     changeTestData() {
       localStorage.removeItem("english-testOne");
       this.testData = {
-        check: [],
+        check: {
+          isRight:null,
+          answer:["Culture","Cuisine","Landscapes"],
+          value:[]
+        },
         tx: {
           one: "",
           two: "",
@@ -2513,6 +2601,8 @@
           three: "",
           four: "",
           five: "",
+          isRight:null,
+          answer:['uisine','andscapes','ivilization','xplore','nique']
         },
         line: {
           one: "",
@@ -2627,7 +2717,30 @@
       );
     },
     saveData() {
+      const item = this.testData['check']
+      const sortedArr1 = item.answer.slice().sort();
+      const sortedArr2 = item.value.slice().sort();
+      const isRight = sortedArr1.every(
+                (value, index) => value === sortedArr2[index]
+              );
+      const inData = this.testData['in']
+      let inString = []
+      for (let key in inData) {
+        const citem = inData[key];
+        if(key != 'answer' && key !== 'isRight') {
+          console.log(key);
+          inString.push(citem)
+        }
+        
+        
+      }
+      const inRight = inData.answer == inString
+      console.log('in',inData.answer,inString);
+      this.$set(this.testData['in'],'isRight',inRight)
+      this.$set(this.testData['check'],'isRight',isRight)
+      this.setTestData()
       console.log(this.testData);
+
     },
     audioPlay() {
       this.$emit("closeMiniAudio");
@@ -2710,4 +2823,11 @@
   right: 0;
   background-color: red;
 }
+.select-border {
+  border: 0;
+  border-bottom: 1px solid #767676;
+  &:focus {
+    outline: none; 
+  }
+}
 </style>

--
Gitblit v1.9.1