From d321f94fc74743a79f38e3901a88b78b13fb5845 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 12 七月 2024 09:38:13 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter001.vue | 1157 ++++++++++++++++++++++++++++++++++-------------
 src/books/English/view/components/chapter002.vue |  254 ++++++---
 src/books/English/assets/main.less               |   11 
 3 files changed, 1,006 insertions(+), 416 deletions(-)

diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index fba9d23..7d01a86 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -674,6 +674,9 @@
   .tl {
     text-align: left !important;
   }
+  .de-cl{
+    flex-direction: column;
+  }
   .fl {
     display: flex;
   }
@@ -740,6 +743,9 @@
   }
   .w100 {
     width: 100%;
+  }
+  .w45{
+    width: 45%;
   }
   .pd-20 {
     padding: 0 20px;
@@ -1140,6 +1146,11 @@
       }
     }
   }
+  .bor-g{
+    border: 1px solid green;
+    padding: 5% 10%;
+    
+  }
   .textarea-box {
     border: none;
     text-align: center;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index fb97a41..ee6150f 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;
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index f47e1db..3a5af09 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -51,6 +51,44 @@
             <p class="center">
               <img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
             </p>
+            <div class="fl bor-g">
+              <div class="w45">
+                <div>
+                  France
+                  <span>
+                    123
+          <!-- <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> -->
+                  </span>
+                  <span>
+                    456
+                    <!-- <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> -->
+                  </span>
+                </div>
+                <div>
+                  China
+                </div>
+              </div>
+              <div class="w45">
+                <div>
+                  ltaly
+                </div>
+                <div>
+                  Brazil
+                </div>
+              </div>
+            </div>
             <p>
               <b>鈪�.What are the customs and cultures of other countries you
                 know? Work with your partner to complete the table below.</b>
@@ -138,13 +176,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
+                  <input type="radio" name="ball"
+                    value="A. I can understand my foreign colleagues because they are straightforward." id="1"
+                    v-model="testData.check" /> A. I can
                   understand my foreign colleagues because they are straightforward.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+                  <input type="radio" name="ball"
+                    value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
+                    v-model="testData.check" /> B. My foreign
                   colleagues just nod and agree with me when we have a discussion.
                 </td>
               </tr>
@@ -152,13 +194,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
+                  <input type="radio" name="ballOne"
+                    value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
+                    v-model="testData.check" /> A. My foreign
                   boss closely oversees our work and criticizes us for our mistakes.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+                  <input type="radio" name="ballOne"
+                    value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
+                    v-model="testData.check" /> B. My foreign
                   boss is very hands-off and gives us a lot freedom to do things.
                 </td>
               </tr>
@@ -166,13 +212,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+                  <input type="radio" name="ballTwo"
+                    value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
+                    v-model="testData.check" /> A. My Chinese
                   colleagues always stay late in the ofice or bring work home.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+                  <input type="radio" name="ballTwo"
+                    value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
+                    v-model="testData.check" /> B. My Chinese
                   colleagues manage to get their work done during working hours.
                 </td>
               </tr>
@@ -180,13 +230,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+                  <input type="radio" name="ballThree"
+                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
+                    v-model="testData.check" /> A. My Chinese
                   colleagues deal with issues more objectively
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+                  <input type="radio" name="ballThree"
+                    value="B. My Chinese colleagues are likely to take things personally" id="1"
+                    v-model="testData.check" /> B. My Chinese
                   colleagues are likely to take things personally
                 </td>
               </tr>
@@ -649,7 +703,7 @@
               </span>
             </p>
             <div class="openImgBox" v-if="showImg">
-              <img class="w100"  :src="imgThirteen"  />
+              <img class="w100" :src="imgThirteen" />
             </div>
             <p>
               A.Read the example and underline the real subject that 鈥渋t鈥�
@@ -896,7 +950,8 @@
                 <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
                 <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
                 <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating arrangement</span>
+                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating
+                  arrangement</span>
               </p>
             </div>
             <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
@@ -1113,34 +1168,37 @@
             <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
             <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
                 @play="audioPlay"></audio></p>
-            <p>For an 
+            <p>For an
               <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
-               or a country,a period of 14 years is long enough to become calm,confident and 
-               <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
-               .On
-              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
+              or a country,a period of 14 years is long enough to become calm,confident and
+              <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
+              .On
+              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
+            </p>
             <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
               <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
               .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
               would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
-              simply enjoying the moment.</p>
-            <p>Turning up as simple but 
+              simply enjoying the moment.
+            </p>
+            <p>Turning up as simple but
               <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
-              ,the opening 
+              ,the opening
               <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
-               lasted for about two hours with less performing
-              artists but more 
+              lasted for about two hours with less performing
+              artists but more
               <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
-               technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
-              鈥渕yself鈥� 14 years ago at the same sports field.The 
+              technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
+              鈥渕yself鈥� 14 years ago at the same sports field.The
               <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
               -shaped Olympic
               <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
               ,formed by the smaller
-              snowflakes with names of the 
+              snowflakes with names of the
               <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
-               countries and regions on them,was lit by two young Chinese
-              athletes.</p>
+              countries and regions on them,was lit by two young Chinese
+              athletes.
+            </p>
           </div>
         </div>
         <div class="preface-bottom">
@@ -1165,27 +1223,30 @@
             <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
               鈥�
               <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
-              鈥�,not only because of the 
+              鈥�,not only because of the
               <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
-               situation but also a different China now 鈥攎ore confident in
-              its culture.</p>
-            <p>In the summer 14 years ago,I was like a 
+              situation but also a different China now 鈥攎ore confident in
+              its culture.
+            </p>
+            <p>In the summer 14 years ago,I was like a
               <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
-               full of energy rushing for work but also making
-              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the 
-              <span class="word-bc" @click="saveWord($event, 'track')">track</span> 
-               due to injury.In the
+              full of energy rushing for work but also making
+              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
+              <span class="word-bc" @click="saveWord($event, 'track')">track</span>
+              due to injury.In the
               winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
-              鈥攖hanks to regular exercise and a positive view of sports 
-              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> 
-              .</p>
+              鈥攖hanks to regular exercise and a positive view of sports
+              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
+              .
+            </p>
             <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
-            <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we 
+            <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
               <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
-              world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p>
-            <p>I failed to control myself the moments when the Chinese national 
+              world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�
+            </p>
+            <p>I failed to control myself the moments when the Chinese national
               <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
-               was played and when images of
+              was played and when images of
               people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
               country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
             </p>
@@ -1444,7 +1505,7 @@
               </span>
             </p>
             <div class="openImgBox" v-if="showImgOne">
-              <img class="w100"  :src="imgThirteenOne" />
+              <img class="w100" :src="imgThirteenOne" />
             </div>
             <p>Complete the passage using the correct form of the verbs in the brackets.</p>
             <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
@@ -1501,8 +1562,8 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyTwo"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td>
                   <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
@@ -1539,8 +1600,8 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyFour"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td style="width: 90%;">
                   <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
@@ -1549,8 +1610,8 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyFix"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td style="width: 90%;">
                   <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
@@ -2354,7 +2415,7 @@
       showAnswerFour: false,
       showAnswerFive: false,
       showImg: false,
-      showImgOne:false,
+      showImgOne: false,
       showLessonOneQuestionAnswer: false,
       rawData: {
         left: [
@@ -2533,56 +2594,61 @@
           eighteen: "",
           nineteen: "",
           twenty: "",
-          twentyOne:"",
-          twentyTwo:"",
-          twentyThree:"",
-          twentyFour:"",
-          twentyFive:"",
-          twentySix:"",
-          twentySeven:"",
-          twentyEight:"",
-          twentyNine:"",
+          twentyOne: "",
+          twentyTwo: "",
+          twentyThree: "",
+          twentyFour: "",
+          twentyFive: "",
+          twentySix: "",
+          twentySeven: "",
+          twentyEight: "",
+          twentyNine: "",
           thirty: "",
-          thirtyOne:"",
-          thirtyTwo:"",
-          thirtyThree:"",
-          thirtyFour:"",
-          thirtyFive:"",
-          thirtySix:"",
-          thirtySeven:"",
-          thirtyEight:"",
-          thirtyNine:"",
+          thirtyOne: "",
+          thirtyTwo: "",
+          thirtyThree: "",
+          thirtyFour: "",
+          thirtyFive: "",
+          thirtySix: "",
+          thirtySeven: "",
+          thirtyEight: "",
+          thirtyNine: "",
           forty: "",
-          fortyOne:"",
-          fortyTwo:"",
-          fortyThree:"",
-          fortyFour:"",
-          fortyFive:"",
-          fortySix:"",
-          fortySeven:"",
-          fortyEight:"",
-          fortyNine:"",
+          fortyOne: "",
+          fortyTwo: "",
+          fortyThree: "",
+          fortyFour: "",
+          fortyFive: "",
+          fortySix: "",
+          fortySeven: "",
+          fortyEight: "",
+          fortyNine: "",
           fifty: "",
-          fiftyOne:"",
-          fiftyTwo:"",
-          fiftyThree:"",
-          fiftyFour:"",
-          fiftyFive:"",
-          fiftySix:"",
-          fiftySeven:"",
-          fiftyEight:"",
-          fiftyNine:"",
+          fiftyOne: "",
+          fiftyTwo: "",
+          fiftyThree: "",
+          fiftyFour: "",
+          fiftyFive: "",
+          fiftySix: "",
+          fiftySeven: "",
+          fiftyEight: "",
+          fiftyNine: "",
           sixty: "",
-          sixtyOne:"",
-          sixtyTwo:"",
-          sixtyThree:"",
-          sixtyFour:"",
-          sixtyFive:"",
-          sixtySix:"",
-          sixtySeven:"",
-          sixtyEight:"",
-          sixtyNine:"",
+          sixtyOne: "",
+          sixtyTwo: "",
+          sixtyThree: "",
+          sixtyFour: "",
+          sixtyFive: "",
+          sixtySix: "",
+          sixtySeven: "",
+          sixtyEight: "",
+          sixtyNine: "",
         },
+      },
+      radio: {
+        isRight: null,
+        answer: ["", "Date and time", "Address", "Organizer"],
+        value: [],
       },
       testData: {
         check: [],
@@ -2788,7 +2854,7 @@
       } else if (type == "showImgOne") {
         this.showImgOne = !this.showImgOne;
       }
-      setTimeout(()=>{  this.$emit("initViewer","")},500)
+      setTimeout(() => { this.$emit("initViewer", "") }, 500)
     },
     handleQuestion(type) {
       if (type == "one") {

--
Gitblit v1.9.1