From e9bacc34998cbbe537b2bafa97bfa87c882b724f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 12 七月 2024 09:24:10 +0800
Subject: [PATCH] 英语(第一单元)

---
 src/books/English/view/components/chapter001.vue | 1157 +++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 835 insertions(+), 322 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 3e03549..daf7b6c 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -2183,32 +2183,34 @@
               blanks.
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
-              2016,serving people in several cities.                      
+              2016,serving people in several cities.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.one.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="testOneData.dropdownChoiceData.one.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>
+                <svg v-if="testOneData.dropdownChoiceData.one.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="testOneData.dropdownChoiceData.one.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
@@ -2216,24 +2218,25 @@
               </select> ) 2.People can order their desired food,from soup to noodles,from
               barbecue to hot pot.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.two.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="testOneData.dropdownChoiceData.two.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>
+                <svg v-if="testOneData.dropdownChoiceData.two.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="testOneData.dropdownChoiceData.two.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
@@ -2241,20 +2244,20 @@
               </select> ) 3.It was at that moment that I knew about the metro system.It
               was new,fast,and extraordinary.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.three.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="testOneData.dropdownChoiceData.three.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>
+                <svg v-if="testOneData.dropdownChoiceData.three.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="testOneData.dropdownChoiceData.three.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2266,31 +2269,33 @@
               (F).
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.one.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="testOneData.dropdownDetermineData.one.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>
+                <svg v-if="testOneData.dropdownDetermineData.one.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="testOneData.dropdownDetermineData.one.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2298,24 +2303,25 @@
               </select> ) 2.Before Vanessa came to China,she knew a lot about
               the metro system.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.two.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="testOneData.dropdownDetermineData.two.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>
+                <svg v-if="testOneData.dropdownDetermineData.two.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="testOneData.dropdownDetermineData.two.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2323,24 +2329,25 @@
               </select> ) 3.Vanessa didn鈥檛 know about online shopping before
               she met her neighbour Alison.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.three.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="testOneData.dropdownDetermineData.three.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>
+                <svg v-if="testOneData.dropdownDetermineData.three.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="testOneData.dropdownDetermineData.three.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2348,24 +2355,25 @@
               </select> ) 4.Vanessa got her own online payment account by
               herself.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.four.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="testOneData.dropdownDetermineData.four.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>
+                <svg v-if="testOneData.dropdownDetermineData.four.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="testOneData.dropdownDetermineData.four.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>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
+              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2374,20 +2382,20 @@
               Vanessa鈥檚 life
               easier.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.five.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="testOneData.dropdownDetermineData.five.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>
+                <svg v-if="testOneData.dropdownDetermineData.five.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="testOneData.dropdownDetermineData.five.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2402,9 +2410,9 @@
             <p>
               1.Tom was shocked by China鈥檚 progress that she had
               <i>noticed</i>.
-              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
-                style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
-                <span>
+              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
+                v-model="testOneData.lf.one" @change="setTestOneData" />
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
@@ -2431,7 +2439,7 @@
               2.China has made <i>amazing</i> progress in the manufacturing
               industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
@@ -2458,7 +2466,7 @@
               3.Ordering platforms supported <i>by</i> various Apps is very
               convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
@@ -2485,7 +2493,7 @@
               4.The <i>age</i> of artificial intelligence was brought into being
               by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
@@ -2512,7 +2520,7 @@
               5.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
               of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
@@ -2551,7 +2559,8 @@
             </div>
             <p>
               1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
-                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
+                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of
+              big
               data.
               <span>
                 <svg v-if="
@@ -2599,7 +2608,8 @@
           <div class="bodystyle">
             <p>
               2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
-                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
+                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed
+              goods in
               online
               shops.
               <span>
@@ -2627,8 +2637,9 @@
             </p>
             <p>
               3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
-                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
-                <span>
+                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three"
+                @change="setTestOneData" />days.
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
@@ -2641,7 +2652,7 @@
                 </svg>
                 <svg v-if="
                   testOneData.isComplete &&
-                  isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false
+                  isTextRight(testOneData.ct.answer, testOneData.ct.three, 2) == false
                 " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                   xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                   height="20">
@@ -2653,8 +2664,9 @@
             </p>
             <p>
               4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
-                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
-                <span>
+                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four"
+                @change="setTestOneData" />.
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
@@ -2679,7 +2691,8 @@
             </p>
             <p>
               5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
-                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
+                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou
+              Spacecrafts
               deserve
               respect.
               <span>
@@ -2743,28 +2756,28 @@
               </p>
             </div>
             <p>
-              1.It is actually an online shopping website.( <select
-              :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+              1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete"
+                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.one.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="testOneData.dropdownStructureData.one.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>
+                <svg v-if="testOneData.dropdownStructureData.one.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="testOneData.dropdownStructureData.one.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>
@@ -2776,96 +2789,97 @@
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.two.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="testOneData.dropdownStructureData.two.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>
+                <svg v-if="testOneData.dropdownStructureData.two.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="testOneData.dropdownStructureData.two.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>
               3.China offers researchers world-class advanced research
-              facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
-                style="width: 15%">
+              facilities in the institutes. ( <select :disabled="testOneData.isComplete"
+                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.three.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="testOneData.dropdownStructureData.three.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>
+                <svg v-if="testOneData.dropdownStructureData.three.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="testOneData.dropdownStructureData.three.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>
               4.These friends made Vanessa see China through the eyes of the
-              locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+              locals. ( <select :disabled="testOneData.isComplete"
+                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.four.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="testOneData.dropdownStructureData.four.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>
+                <svg v-if="testOneData.dropdownStructureData.four.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="testOneData.dropdownStructureData.four.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>
-              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
-                style="width: 15%">
+              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete"
+                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.five.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="testOneData.dropdownStructureData.five.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>
+                <svg v-if="testOneData.dropdownStructureData.five.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="testOneData.dropdownStructureData.five.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -3319,6 +3333,32 @@
               1.They would like to organize an activity for foreign students to
               experience Chinese handcrafts / learn Chinese calligraphy.
             </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.one" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.one, 0)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.one, 0) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
           </div>
         </div>
         <div class="preface-bottom">
@@ -3344,19 +3384,144 @@
               2.They decide to hold a Chinese crafts show / paper-cutting
               contest.
             </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width:85%"
+                v-model="expression.two" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.two, 1)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.two, 1) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
             <p>3.Linda is to design the posters / reserve rooms.</p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.three" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.three, 2)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.three, 2) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
             <p>
               4.Li Hong is to invite students to compete in the contest /
               handcraftsmen to show their talent.
             </p>
             <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.four" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.four, 3)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.four, 3) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
+            <p>
               5.Zhang Ping is to arrange the room set-up / send out invitations.
+            </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.five" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.five, 4)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.five, 4) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
             </p>
             <!-- 绛旀妗� -->
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
               绛旀锛� (1)experience Chinese handicraft &nbsp; (2)paper cutting contest &nbsp; (3)design the posters &nbsp;
-              (4)4.handicraftsmen to show their talent&nbsp; (5)5.arrange the room set-up
+              (4)handicraftsmen to show their talent&nbsp; (5)arrange the room set-up
             </p>
+            <div class="w100 fl">
+              <ul class="fl ju-ar w100">
+                <li>
+                  <button class="btn-border btn-w" @click="savaDataTwo">
+                    鎻愪氦
+                  </button>
+                </li>
+                <li>
+                  <button @click="changeTestTwoData" class="btn-border btn-w">
+                    閲嶅仛
+                  </button>
+                </li>
+                <li>
+                  <button @click="
+                    showAnswerEight = !showAnswerEight
+                    " class="parimary-btn">
+                    鏌ョ湅绛旀
+                  </button>
+                </li>
+              </ul>
+            </div>
             <h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
             <p>Work with your partner to discuss the following questions.</p>
             <p>
@@ -3416,50 +3581,332 @@
               </div>
               <div class="right" style="width: 48%">
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
+                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
                   Name of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Name of the event'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Name of the event'
+                      ) == 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="2" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
                   Date and time
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Date and time'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Date and time'
+                      ) == 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="3" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
                   Location
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Location'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Location'
+                      ) == 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="4" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
                   Greetings
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Greetings'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Greetings'
+                      ) == 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="5" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
                   Warnings
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Warnings'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Warnings'
+                      ) == 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="6" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
                   Organizer
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Organizer'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Organizer'
+                      ) == 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="7" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
                   Signature
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Signature'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Signature'
+                      ) == 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="8" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="A short description of the event" id="8"
+                    v-model="check.value" />
                   A short description of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'A short description of the event'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'A short description of the event'
+                      ) == 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="9" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" />
                   Contact information
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Contact information'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Contact information'
+                      ) == 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="10" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
                   Pictures of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Pictures of the event'
+                      )
+                    " 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Pictures of the event'
+                      ) == 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>
               </div>
             </div>
             <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛歂ame of the event,Date & time,Address,Organizer
             </p>
+            <div class="w100 fl">
+              <ul class="fl ju-ar w100">
+                <li>
+                  <button class="btn-border btn-w" @click="savaCheck">
+                    鎻愪氦
+                  </button>
+                </li>
+                <li>
+                  <button @click="changeCheck" class="btn-border btn-w">
+                    閲嶅仛
+                  </button>
+                </li>
+                <li>
+                  <button @click="
+                    showQuestionAnswer = !showQuestionAnswer
+                    " class="parimary-btn">
+                    鏌ョ湅绛旀
+                  </button>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
         <div class="preface-bottom">
@@ -3499,14 +3946,12 @@
             </p>
             <div class="center poster-img">
               <img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
-                v-model="testData.in.one" @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
-                @change="setTestData" />
+              <input type="text" class="poster-input-box-one" v-model="testTwoData.diy.one" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-two" v-model="testTwoData.diy.two" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-three" v-model="testTwoData.diy.three"
+                @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-four" v-model="testTwoData.diy.four"
+                @change="setTestTwoData" />
             </div>
             <!-- 绛旀妗� -->
             <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
@@ -3532,16 +3977,16 @@
             </div>
             <div class="dy1-bj5">
               <p class="tl-lf">1.What can be the title of the exhibition?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                 绛旀锛� Traditional handicraft show
               </p>
               <p class="tl-lf">2.What should be included in the exhibition?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
 
               <!-- 绛旀妗� -->
@@ -3550,15 +3995,15 @@
                 绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
               </p>
               <p class="tl-lf">3.Where will the exhibition be held?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                 绛旀锛歋tudents activity center
               </p>
               <p class="tl-lf">4.When will the exhibition be held?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
@@ -3593,14 +4038,12 @@
             </p>
             <div class="center poster-design">
               <img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
-                v-model="testData.in.one" @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
-                v-model="testData.in.one" @change="setTestData" />
+              <input type="text" class="poster-input-box-five" v-model="testTwoData.da.one" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-six" v-model="testTwoData.da.two" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-seven" v-model="testTwoData.da.three"
+                @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-eight" v-model="testTwoData.da.four"
+                @change="setTestTwoData" />
             </div>
             <div class="un-h2">
               <h2 id="b004">Unit Project</h2>
@@ -3665,68 +4108,45 @@
               </p>
               <p>How many people do you need to make the event happen?</p>
               <!-- 鏂囨湰妗� -->
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What resources do you need?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What does the audience need to know?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What will hold the audience鈥檚 interest?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What do you hope to achieve through this event?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
-            </div>
-            <!-- 鎻愪氦鎸夐挳 -->
-            <div class="w100 fl">
-              <ul class="fl ju-ar w100">
-                <li>
-                  <button class="btn-border btn-w" @click="saveData">
-                    鎻愪氦
-                  </button>
-                </li>
-                <li>
-                  <button @click="changeTestData" class="btn-border btn-w">
-                    閲嶅仛
-                  </button>
-                </li>
-                <li>
-                  <button @click="
-                    showlessonThreeQuestionAnswer =
-                    !showlessonThreeQuestionAnswer
-                    " class="parimary-btn">
-                    鏌ョ湅绛旀
-                  </button>
-                </li>
-              </ul>
             </div>
             <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
               <div class="banshi openImgBox">
@@ -4133,16 +4553,12 @@
           nineteen: "",
         },
       },
+      //page6-7棰橀泦
       testData: {
         isComplete: false,
         check: {
           isRight: null,
           answer: ["Culture", "Cuisine", "Landscapes"],
-          value: [],
-        },
-        checkOne: {
-          isRight: null,
-          answer: ["Name of the event", "Date & time", "Address", "Organizer"],
           value: [],
         },
         tx: {
@@ -4190,6 +4606,7 @@
           answer: ["whether", "if", "whether", "whether", "If"],
         },
       },
+      //page12-13棰橀泦
       testOneData: {
         isComplete: false,
         // 閫夋嫨
@@ -4301,6 +4718,49 @@
           }
         },
       },
+      //page14-15濉┖
+      expression: {
+        isComplete: false,
+        one: "",
+        two: "",
+        three: "",
+        four: "",
+        five: "",
+        answer: ["experience Chinese handicraft", "paper cutting contest", "design the posters", "handicraftsmen to show their talent", "arrange the room set-up"],
+      },
+      //page15 鐩掑瓙澶氶��
+      check: {
+        isRight: null,
+        answer: ["Name of the event", "Date and time", "Address", "Organizer"],
+        value: [],
+      },
+      testTwoData: {
+        diy: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        yc: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        da: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        qy: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        }
+      },
       resource: {
         listenOne: "",
         readingOne: "",
@@ -4318,6 +4778,7 @@
         "shared bike",
         "take-away service",
       ],
+      // 涓嬫媺閫夋嫨妗�
       dropdownData: {
         isComplete: false,
         one: {
@@ -4367,8 +4828,16 @@
       this.dropdownData = JSON.parse(dropdownData);
     }
     const testOneData = localStorage.getItem("english-lessonTwo");
-    if(testOneData){
+    if (testOneData) {
       this.testOneData = JSON.parse(testOneData);
+    }
+    const expression = localStorage.getItem("english-lessonThree");
+    if (expression) {
+      this.expression = JSON.parse(expression);
+    }
+    const testTwoData = localStorage.getItem("english-PracticalWriting");
+    if (testTwoData) {
+      this.testTwoData = JSON.parse(testTwoData);
     }
     this.getPath();
   },
@@ -4379,40 +4848,23 @@
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
     },
-    setTestOneData(){
+    setTestOneData() {
       localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
     },
-    changeTestOneData(){
-      localStorage.removeItem("english-lessonTwo")
-      const TestOneData = this.testOneData
-      for(let key in TestOneData ){
-        let item = TestOneData[key]
-          if( key != "lf" && key != "ct" &&  key != "isComplete" ){
-              for(let keys in item){
-                const citem = item[keys]
-                if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
-                      citem.value = "" 
-                      citem.isRight = null
-                }
-              }
-          }else if( key != "isComplete"){
-
-          }
-      }
-      this.$set(this.testOneData, "isComplete", false);
-      this.testOneData = TestOneData;
-      this.showlessonTwoQuestionAnswer = false;
+    setExpression() {
+      localStorage.setItem("english-lessonThree", JSON.stringify(this.expression));
+    },
+    setCheck() {
+      localStorage.setItem("english-lessonFour", JSON.stringify(this.check));
+    },
+    setTestTwoData() {
+      localStorage.setItem("english-PracticalWriting", JSON.stringify(this.testTwoData));
     },
     changeTestData() {
       localStorage.removeItem("english-testOne");
       this.testData = {
         isComplete: false,
         check: {
-          isRight: null,
-          answer: ["Culture", "Cuisine", "Landscapes"],
-          value: [],
-        },
-        checkOne: {
           isRight: null,
           answer: ["Culture", "Cuisine", "Landscapes"],
           value: [],
@@ -4462,6 +4914,55 @@
           answer: ["whether", "if", "whether", "whether", "If"],
         },
       };
+    }, 
+    changeTestOneData() {
+      localStorage.removeItem("english-lessonTwo")
+      const TestOneData = this.testOneData
+      for (let key in TestOneData) {
+        let item = TestOneData[key]
+        if (key != "lf" && key != "ct" && key != "isComplete") {
+          for (let keys in item) {
+            const citem = item[keys]
+            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+              citem.value = ""
+              citem.isRight = null
+            }
+          }
+        } else if (key == "lf" || key == "ct") {
+          for (let blank in item) {
+            if (blank != "answer") {
+              item[blank] = "";
+            }
+          }
+        }
+      }
+      this.$set(this.testOneData, "isComplete", false);
+      this.testOneData = TestOneData;
+      this.showlessonTwoQuestionAnswer = false;
+    },
+    changeTestTwoData() {
+      localStorage.removeItem("english-lessonThree")
+      const Expression = this.expression
+      for (let key in Expression) {
+        if (key != "answer" && key != "isComplete") {
+          Expression[key] = "";
+        }
+      }
+      this.$set(this.expression, "isComplete", false);
+      this.expression = Expression;
+      this.showAnswerEight = false;
+    },
+    changeCheck() {
+      localStorage.removeItem("english-lessonFour")
+      const Check = this.check
+      for (let key in Check) {
+        if (key != "answer" && key != "isComplete") {
+          Check.value = [];
+        }
+      }
+      this.$set(this.check, "isComplete", false);
+      this.check = Check;
+      this.showQuestionAnswer = false
     },
     setBookQuestion() {
       localStorage.setItem(
@@ -4623,23 +5124,35 @@
       this.setTestData();
       this.showQuestionAnswer = true;
     },
-    savaDataOne(){
+    savaDataOne() {
       const dropdownDatas = this.testOneData;
       for (let key in dropdownDatas) {
         let item = dropdownDatas[key];
-          if( key != "lf" && key != "ct" &&  key != "isComplete"  ){
-            for( let keys in item ){
-              const citem = item[keys]
-                  if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
-                     citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
-                  }
+        if (key != "lf" && key != "ct" && key != "isComplete") {
+          for (let keys in item) {
+            const citem = item[keys]
+            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+              citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
             }
-           }
+          }
+        }
       }
       this.testOneData = dropdownDatas;
       this.$set(this.testOneData, "isComplete", true);
       this.setTestOneData();
-      this.showlessonTwoQuestionAnswer = true ;
+      this.showlessonTwoQuestionAnswer = true;
+    },
+    savaDataTwo() {
+      this.$set(this.expression, "isComplete", true);
+      this.setExpression();
+      this.isTextRight;
+      this.showAnswerEight = true
+    },
+    savaCheck() {
+      this.$set(this.check, "isComplete", true);
+      this.setCheck();
+      this.isShowRight;
+      this.showQuestionAnswer = true
     },
     isShowRight(answer, userAnswer, data) {
       let flag = null;

--
Gitblit v1.9.1