zhongshujie
7 小时以前 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b
src/books/English/view/components/chapter001.vue
@@ -283,7 +283,6 @@
            <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
          </li>
        </ul>
        a
        <div class="padding-102">
          <div class="bodystyle">
            <h3 id="c002" class="fl al-cn">
@@ -359,7 +358,7 @@
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
            </p>
            <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
            <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
@@ -372,29 +371,29 @@
            </p>
            <p>
              My
              <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
              <span class="word-bc">incredible</span>
              journey to China started in 2017 when I got selected as a foreign
              student for PhD studies at one university.When I arrived in
              China,I was like Alice in Alice in Wonderland.I was curious about
              the people,the culture,the
              <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
              <span class="word-bc" >cuisine</span>
              and of course the huge variety of
              <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
              <span class="word-bc" word="landscape">landscapes</span>.
            </p>
            <p>
              I found many great people and made several Chinese friends along
              the way.These friends made me see China through the eyes of the
              locals.I always found Chinese people very friendly and
              <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
              <span class="word-bc">hospitable</span>
              towards foreigners.These Chinese friends made my understanding of
              Chinese culture and
              <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
              <span class="word-bc">civilization</span>
              much easier,enjoyable and memorable.I consider China my second
              home and love it like my own country!
            </p>
            <p>
              You cannot
              <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
              <span class="word-bc">explore</span>
              China properly if you do not try its delicious variety of food.If
              you ate
            </p>
@@ -423,10 +422,10 @@
              Chinese food would still never end! Though I love to eat almost
              all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
              quite
              <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
              <span class="word-bc">mouth-watering</span>
              and
              <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
              <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
              <span class="word-bc">stimulating</span>.For a
              <span class="word-bc">foodie</span>
              like me,China is a heaven.I simply cannot live without Chinese
              food.
            </p>
@@ -436,8 +435,8 @@
              its own story and history.From the big and advanced cities like
              Shanghai or Guangzhou to the ancient cities like Xi’an and
              Hangzhou,each city has its
              <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
              <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
              <span class="word-bc">unique</span>
              <span class="word-bc" style="margin-left: 5px">atmosphere</span>
              that attracts you.I visited more than a dozen cities and came
              across their charming features and unique landscapes such as
              Huangshan,the Great Wall,Canton Tower.
@@ -1080,7 +1079,7 @@
              people.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
@@ -1092,7 +1091,7 @@
              greatly promoted the development of ancient Chinese civilization.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1103,7 +1102,7 @@
              tea culture in depth.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1114,7 +1113,7 @@
              Chinese medical science.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1142,7 +1141,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案:If you try using sticks, you can enjoy the fun of having a
@@ -1154,7 +1153,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案:If you go to my Chinese New Year party, you will meet my
@@ -1163,7 +1162,7 @@
            <p>3.Drink some Longjing tea,and you will love it.</p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案:If you drink some Longjing tea, you will love it.
@@ -1174,7 +1173,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案:If I go to Xi’an one day, I will visit the terracotta
@@ -1186,7 +1185,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案: If you ask foreigners about their favorite Chinese food,
@@ -1337,7 +1336,7 @@
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev" style="width:80%">
              <ul class="fl ju-ev w80" >
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
@@ -1461,18 +1460,18 @@
            </p>
            <div class="bk-wh">
              <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
                <span class="word-bc mr-20 dl-span" >exquisite</span>
                <span class="word-bc mr-20 dl-span">ancient</span><span
                  class="word-bc mr-20 dl-span" >incredible</span><span
                  class="word-bc mr-20 dl-span" >unique</span><span
                  class="word-bc mr-20 dl-span" >traditional</span><span
                  class="word-bc mr-20 dl-span" >outstanding</span><span
                  class="word-bc mr-20 dl-span" >mouth-watering</span><span
                  class="word-bc mr-20 dl-span" >diverse</span><span
                  class="word-bc mr-20 dl-span"  >hospitable</span><span
                  class="word-bc mr-20 dl-span"  >enjoyable</span><span
                  class="word-bc mr-20 dl-span" >memorable</span><span
                  class="word-bc mr-20 dl-span" >charming</span>
              </p>
            </div>
            <div class="resource-primary-border" style="padding: 8px">
@@ -1959,35 +1958,35 @@
            <p>
              On August 31st,2012,as I landed my feet on Chinese ground,I
              started to breathe in the air coming from the
              <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
              <span class="word-bc">breeze</span>
              .It was
              familiar.I felt so excited to be back in China,though that time
              was for my studies.In a matter of days,I made a lot of friends
              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" />
              <span class="word-bc" word="mausoleum">Mausoleum</span>
              .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>.
              <span class="word-bc">pace</span>.
            </p>
            <p>
              Six months later,as I walked down the hall of my
              <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
              <span class="word-bc">dormitory</span>
              ,I met
              my
              <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
              <span class="word-bc">neighbour</span>
              who was overwhelmed by big and small packages and
              boxes.I asked,“Hey,Alison.What are all these?” She
              replied,“Hello,Vanessa.I received my packages from the delivery
              man.I’ve been buying a lot of stuff
              <span class="word-bc" @click="saveWord($event, 'via')">via</span>
              <span class="word-bc">via</span>
              an online shop.” I went to
              my room to turn on my
              <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
              <span class="word-bc">laptop</span>
              and typed in the key words.I was
              <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
              <span class="word-bc" word="stun">stunned</span>
              ; I couldn’t believe my eyes.It is actually an online
              shopping website where you can buy anything you can think of.
            </p>
@@ -1995,39 +1994,39 @@
              After my graduation in 2015,I joined another university in
              Shanghai for further studies.I always saw my Chinese classmates
              paying with their phones; this
              <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
              <span class="word-bc" word="trigger">triggered</span>
              my attention.With the
              help of my classmates,I finally got my own online payment
              account.This is an absolute
              <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
              <span class="word-bc">gadget</span>
              ,very convenient and easy to
              use.With the start of this new
              <span class="word-bc" @click="saveWord($event, 'era')">era</span>
              <span class="word-bc">era</span>
              ,I always go out without my
              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>
            <p>
              The five aspects that I mentioned above changed the life of
              millions of people around China.The Chinese
              <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
              <span class="word-bc">economy</span>
              is
              <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
              <span class="word-bc" word="boom">booming</span>
              ,which makes people well off.I’ve been in China for several
              years and witnessed China’s
              <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
              <span class="word-bc" >potential</span>
              .
            </p>
          </div>
@@ -2183,32 +2182,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 +2217,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 +2243,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 +2268,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 +2302,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 +2328,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 +2354,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 +2381,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 +2409,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 +2438,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 +2465,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 +2492,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 +2519,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 +2558,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 +2607,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 +2636,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 +2651,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 +2663,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 +2690,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 +2755,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" @change="setTestOneData"
                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" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2776,96 +2788,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" @change="setTestOneData"
                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" @change="setTestOneData"
                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" @change="setTestOneData" :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 +2887,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">
                    提交
@@ -3016,137 +3029,87 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_17.jpg" />
                      </div>
                    </div>
                  </div>
@@ -3319,6 +3282,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 +3333,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 +3530,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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" />
                  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" @change="setCheck" 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"  @change="setCheck" />
                  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
              答案:1.Name of the event &nbsp; 2.Date & time &nbsp; 3.Address,Organizer &nbsp;
            </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 +3895,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 +3926,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 +3944,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 +3987,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 +4057,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">
@@ -3734,137 +4103,77 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_15.jpg" />
                      </div>
                    </div>
                  </div>
@@ -4133,16 +4442,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 +4494,13 @@
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      },
      //page12-13题集
      testOneData: {
        isComplete: false,
        // 选择
@@ -4301,6 +4612,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 +4672,7 @@
        "shared bike",
        "take-away service",
      ],
      // 下拉选择框
      dropdownData: {
        isComplete: false,
        one: {
@@ -4358,7 +4713,7 @@
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
@@ -4367,52 +4722,45 @@
      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);
    }
    const check  = localStorage.getItem("english-lessonFour");
    if (check) {
      this.check = JSON.parse(check);
    }
    this.getPath();
  },
  methods: {
    saveWord(event, word) {
      this.$emit("saveCharacters", event, word);
    },
    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,11 +4809,66 @@
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      };
      this.showQuestionAnswer = false
    },
    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(
        "english-book-question-one",
        "english-book-chapter01-question-one",
        JSON.stringify(this.questionData)
      );
    },
@@ -4623,23 +5026,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 +5147,6 @@
  position: fixed;
  right: 0;
  background-color: red;
}
.select-border {
  border: 0;
  border-bottom: 1px solid #767676;
  &:focus {
    outline: none;
  }
}
.poster-img {