zhongshujie
2024-07-23 4ed656060d40ef1ff2a819c1fb50e0a2993c60ac
src/books/English/view/components/chapter001.vue
@@ -359,7 +359,7 @@
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
            </p>
            <p class="center"><b>My Experience in Wonderland</b></p>
            <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
@@ -1336,8 +1336,8 @@
              &nbsp; 5.If
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev w80" >
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
@@ -1966,8 +1966,8 @@
              from different countries and one afternoon,my friends and I
              planned to visit the world-famous Sun Yat-sen
              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" />
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.one" @change="setTestData" />
              I looked around with curiosity,and everything seemed to move at a
              quick
              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
@@ -2007,15 +2007,15 @@
              wallet.
            </p>
            <p>
              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" />
              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.two" @change="setTestData" />
              I went through all the necessary procedures and couldn’t wait to
              ride my first shared bike.
            </p>
            <p>
              Last but not least,nearly at the end of 2016,the ordering
              platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
                class="input-bottom-border" style="width: 75%" v-model="testData.tg.three" @change="setTestData" />
              What makes my life easier is that I can buy vegetables and fruits
              online and get them delivered to my door.
            </p>
@@ -2183,32 +2183,34 @@
              blanks.
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
              ( <select class="select-border"  :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’t 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 class="select-border" :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 class="select-border" :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 class="select-border" :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 class="select-border" :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 class="select-border" :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’t 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 class="select-border" :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 class="select-border" :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’s 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’s 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’s 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,32 +2756,32 @@
              </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 class="select-border"  :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>
              2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -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 class="select-border" :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 class="select-border" :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 class="select-border" :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%"
@@ -2874,8 +2888,8 @@
              &nbsp; 5.S+V
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaDataOne">
                    提交
@@ -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 ju-cn">
              <ul class="fl ju-ar w80">
                <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">
              答案:Name of the event,Date & time,Address,Organizer
            </p>
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <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">
                答案:Students 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’s 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: {
@@ -4189,7 +4605,13 @@
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      },
      //page12-13题集
      testOneData: {
        isComplete: false,
        // 选择
@@ -4301,6 +4723,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 +4783,7 @@
        "shared bike",
        "take-away service",
      ],
      // 下拉选择框
      dropdownData: {
        isComplete: false,
        one: {
@@ -4367,8 +4833,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 +4853,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: [],
@@ -4461,7 +4918,61 @@
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      };
    },
    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 +5134,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;
@@ -4732,15 +5255,6 @@
  position: fixed;
  right: 0;
  background-color: red;
}
.select-border {
  border: 0;
  border-bottom: 1px solid #767676;
  &:focus {
    outline: none;
  }
}
.poster-img {