英语（第一单元）

zhongshujie

2024-07-12 e9bacc34998cbbe537b2bafa97bfa87c882b724f

英语（第一单元）

 src/books/English/assets/main.less

@@ -674,6 +674,9 @@
  .tl {
    text-align: left !important;
  }
  .de-cl{
    flex-direction: column;
  }
  .fl {
    display: flex;
  }
@@ -740,6 +743,9 @@
  }
  .w100 {
    width: 100%;
  }
  .w45{
    width: 45%;
  }
  .pd-20 {
    padding: 0 20px;
@@ -1140,6 +1146,11 @@
      }
    }
  }
  .bor-g{
    border: 1px solid green;
    padding: 5% 10%;
    
  }
  .textarea-box {
    border: none;
    text-align: center;

 src/books/English/view/components/chapter001.vue

@@ -2183,32 +2183,34 @@
              blanks.
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> ) 1.It wasn’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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
                  {{ item }}
@@ -2216,24 +2218,25 @@
              </select> ) 2.People can order their desired food,from soup to noodles,from
              barbecue to hot pot.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
                  {{ item }}
@@ -2241,20 +2244,20 @@
              </select> ) 3.It was at that moment that I knew about the metro system.It
              was new,fast,and extraordinary.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2266,31 +2269,33 @@
              (F).
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
                  {{ item }}
@@ -2298,24 +2303,25 @@
              </select> ) 2.Before Vanessa came to China,she knew a lot about
              the metro system.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
                  {{ item }}
@@ -2323,24 +2329,25 @@
              </select> ) 3.Vanessa didn’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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
                  {{ item }}
@@ -2348,24 +2355,25 @@
              </select> ) 4.Vanessa got her own online payment account by
              herself.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
                  {{ item }}
@@ -2374,20 +2382,20 @@
              Vanessa’s life
              easier.
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2402,9 +2410,9 @@
            <p>
              1.Tom was shocked by China’s progress that she had
              <i>noticed</i>.
              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
                <span>
              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
                v-model="testOneData.lf.one" @change="setTestOneData" />
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
@@ -2431,7 +2439,7 @@
              2.China has made <i>amazing</i> progress in the manufacturing
              industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
                <span>
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
@@ -2458,7 +2466,7 @@
              3.Ordering platforms supported <i>by</i> various Apps is very
              convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
                <span>
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
@@ -2485,7 +2493,7 @@
              4.The <i>age</i> of artificial intelligence was brought into being
              by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
                <span>
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
@@ -2512,7 +2520,7 @@
              5.The <i>rhythm</i> of ancient people’s lives is slower than that
              of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
                <span>
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
@@ -2551,7 +2559,8 @@
            </div>
            <p>
              1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of
              big
              data.
              <span>
                <svg v-if="
@@ -2599,7 +2608,8 @@
          <div class="bodystyle">
            <p>
              2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed
              goods in
              online
              shops.
              <span>
@@ -2627,8 +2637,9 @@
            </p>
            <p>
              3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
                <span>
                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three"
                @change="setTestOneData" />days.
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
@@ -2641,7 +2652,7 @@
                </svg>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false
                  isTextRight(testOneData.ct.answer, testOneData.ct.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -2653,8 +2664,9 @@
            </p>
            <p>
              4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
                <span>
                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four"
                @change="setTestOneData" />.
              <span>
                <svg v-if="
                  testOneData.isComplete &&
                  isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
@@ -2679,7 +2691,8 @@
            </p>
            <p>
              5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou
              Spacecrafts
              deserve
              respect.
              <span>
@@ -2743,28 +2756,28 @@
              </p>
            </div>
            <p>
              1.It is actually an online shopping website.( <select
              :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
              1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> )
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
@@ -2776,96 +2789,97 @@
                </option>
              </select> )
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              3.China offers researchers world-class advanced research
              facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
                style="width: 15%">
              facilities in the institutes. ( <select :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> )
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              4.These friends made Vanessa see China through the eyes of the
              locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
              locals. ( <select :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> )
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
                style="width: 15%">
              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
                  {{ item }}
                </option>
              </select> )
              <span class="icon-box-big">
              <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
              </svg>
              <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
              </svg>
                <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon"
                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -3319,6 +3333,32 @@
              1.They would like to organize an activity for foreign students to
              experience Chinese handcrafts / learn Chinese calligraphy.
            </p>
            <p>
              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
                v-model="expression.one" @change="setExpression" />
              <span>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.one, 0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.one, 0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -3344,19 +3384,144 @@
              2.They decide to hold a Chinese crafts show / paper-cutting
              contest.
            </p>
            <p>
              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width:85%"
                v-model="expression.two" @change="setExpression" />
              <span>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.two, 1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.two, 1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>3.Linda is to design the posters / reserve rooms.</p>
            <p>
              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
                v-model="expression.three" @change="setExpression" />
              <span>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.three, 2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              4.Li Hong is to invite students to compete in the contest /
              handcraftsmen to show their talent.
            </p>
            <p>
              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
                v-model="expression.four" @change="setExpression" />
              <span>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.four, 3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.four, 3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <p>
              5.Zhang Ping is to arrange the room set-up / send out invitations.
            </p>
            <p>
              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
                v-model="expression.five" @change="setExpression" />
              <span>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.five, 4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                  expression.isComplete &&
                  isTextRight(expression.answer, expression.five, 4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </p>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
              答案： (1)experience Chinese handicraft &nbsp; (2)paper cutting contest &nbsp; (3)design the posters &nbsp;
              (4)4.handicraftsmen to show their talent&nbsp; (5)5.arrange the room set-up
              (4)handicraftsmen to show their talent&nbsp; (5)arrange the room set-up
            </p>
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="savaDataTwo">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeTestTwoData" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="
                    showAnswerEight = !showAnswerEight
                    " class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
            <p>Work with your partner to discuss the following questions.</p>
            <p>
@@ -3416,50 +3581,332 @@
              </div>
              <div class="right" style="width: 48%">
                <p>
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
                  Name of the event
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Name of the event'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Name of the event'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
                  Date and time
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Date and time'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Date and time'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
                  Location
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Location'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Location'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
                  Greetings
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Greetings'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Greetings'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
                  Warnings
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Warnings'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Warnings'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
                  Organizer
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Organizer'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Organizer'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
                  Signature
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Signature'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Signature'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="A short description of the event" id="8"
                    v-model="check.value" />
                  A short description of the event
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'A short description of the event'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'A short description of the event'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" />
                  Contact information
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Contact information'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Contact information'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" />
                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
                  Pictures of the event
                  <span>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Pictures of the event'
                      )
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      check.isComplete &&
                      isShowRight(
                        check.answer, check.value, 'Pictures of the event'
                      ) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </p>
              </div>
            </div>
            <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
              答案：Name of the event,Date & time,Address,Organizer
            </p>
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="savaCheck">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeCheck" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="
                    showQuestionAnswer = !showQuestionAnswer
                    " class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="preface-bottom">
@@ -3499,14 +3946,12 @@
            </p>
            <div class="center poster-img">
              <img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
                @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
                @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
                v-model="testData.in.one" @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
                @change="setTestData" />
              <input type="text" class="poster-input-box-one" v-model="testTwoData.diy.one" @change="setTestTwoData" />
              <input type="text" class="poster-input-box-two" v-model="testTwoData.diy.two" @change="setTestTwoData" />
              <input type="text" class="poster-input-box-three" v-model="testTwoData.diy.three"
                @change="setTestTwoData" />
              <input type="text" class="poster-input-box-four" v-model="testTwoData.diy.four"
                @change="setTestTwoData" />
            </div>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
@@ -3532,16 +3977,16 @@
            </div>
            <div class="dy1-bj5">
              <p class="tl-lf">1.What can be the title of the exhibition?
                <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                <textarea v-model="testTwoData.yc.one" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              </p>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                答案： Traditional handicraft show
              </p>
              <p class="tl-lf">2.What should be included in the exhibition?
                <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                <textarea v-model="testTwoData.yc.two" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              </p>

              <!-- 答案框 -->
@@ -3550,15 +3995,15 @@
                答案： Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
              </p>
              <p class="tl-lf">3.Where will the exhibition be held?
                <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                <textarea v-model="testTwoData.yc.three" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              </p>
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                答案：Students activity center
              </p>
              <p class="tl-lf">4.When will the exhibition be held?
                <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                <textarea v-model="testTwoData.yc.four" placeholder="请输入内容" rows="2"
                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              </p>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
@@ -3593,14 +4038,12 @@
            </p>
            <div class="center poster-design">
              <img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
                @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
                @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
                v-model="testData.in.one" @change="setTestData" />
              <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
                v-model="testData.in.one" @change="setTestData" />
              <input type="text" class="poster-input-box-five" v-model="testTwoData.da.one" @change="setTestTwoData" />
              <input type="text" class="poster-input-box-six" v-model="testTwoData.da.two" @change="setTestTwoData" />
              <input type="text" class="poster-input-box-seven" v-model="testTwoData.da.three"
                @change="setTestTwoData" />
              <input type="text" class="poster-input-box-eight" v-model="testTwoData.da.four"
                @change="setTestTwoData" />
            </div>
            <div class="un-h2">
              <h2 id="b004">Unit Project</h2>
@@ -3665,68 +4108,45 @@
              </p>
              <p>How many people do you need to make the event happen?</p>
              <!-- 文本框 -->
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="testTwoData.qy.one" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%"
                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
              </p>
              <p>What resources do you need?</p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="testTwoData.qy.two" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%"
                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
              </p>
              <p>What does the audience need to know?</p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="testTwoData.qy.three" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
              </p>
              <p>What will hold the audience’s interest?</p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="testTwoData.qy.four" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%"
                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
              </p>
              <p>What do you hope to achieve through this event?</p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="testTwoData.qy.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%"
                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
              <!-- 答案框 -->
              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
              </p>
            </div>
            <!-- 提交按钮 -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeTestData" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="
                    showlessonThreeQuestionAnswer =
                    !showlessonThreeQuestionAnswer
                    " class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
@@ -4133,16 +4553,12 @@
          nineteen: "",
        },
      },
      //page6-7题集
      testData: {
        isComplete: false,
        check: {
          isRight: null,
          answer: ["Culture", "Cuisine", "Landscapes"],
          value: [],
        },
        checkOne: {
          isRight: null,
          answer: ["Name of the event", "Date & time", "Address", "Organizer"],
          value: [],
        },
        tx: {
@@ -4190,6 +4606,7 @@
          answer: ["whether", "if", "whether", "whether", "If"],
        },
      },
      //page12-13题集
      testOneData: {
        isComplete: false,
        // 选择
@@ -4301,6 +4718,49 @@
          }
        },
      },
      //page14-15填空
      expression: {
        isComplete: false,
        one: "",
        two: "",
        three: "",
        four: "",
        five: "",
        answer: ["experience Chinese handicraft", "paper cutting contest", "design the posters", "handicraftsmen to show their talent", "arrange the room set-up"],
      },
      //page15 盒子多选
      check: {
        isRight: null,
        answer: ["Name of the event", "Date and time", "Address", "Organizer"],
        value: [],
      },
      testTwoData: {
        diy: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        yc: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        da: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        qy: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        }
      },
      resource: {
        listenOne: "",
        readingOne: "",
@@ -4318,6 +4778,7 @@
        "shared bike",
        "take-away service",
      ],
      // 下拉选择框
      dropdownData: {
        isComplete: false,
        one: {
@@ -4367,8 +4828,16 @@
      this.dropdownData = JSON.parse(dropdownData);
    }
    const testOneData = localStorage.getItem("english-lessonTwo");
    if(testOneData){
    if (testOneData) {
      this.testOneData = JSON.parse(testOneData);
    }
    const expression = localStorage.getItem("english-lessonThree");
    if (expression) {
      this.expression = JSON.parse(expression);
    }
    const testTwoData = localStorage.getItem("english-PracticalWriting");
    if (testTwoData) {
      this.testTwoData = JSON.parse(testTwoData);
    }
    this.getPath();
  },
@@ -4379,40 +4848,23 @@
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    setTestOneData(){
    setTestOneData() {
      localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
    },
    changeTestOneData(){
      localStorage.removeItem("english-lessonTwo")
      const TestOneData = this.testOneData
      for(let key in TestOneData ){
        let item = TestOneData[key]
          if( key != "lf" && key != "ct" &&  key != "isComplete" ){
              for(let keys in item){
                const citem = item[keys]
                if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
                      citem.value = "" 
                      citem.isRight = null
                }
              }
          }else if( key != "isComplete"){

          }
      }
      this.$set(this.testOneData, "isComplete", false);
      this.testOneData = TestOneData;
      this.showlessonTwoQuestionAnswer = false;
    setExpression() {
      localStorage.setItem("english-lessonThree", JSON.stringify(this.expression));
    },
    setCheck() {
      localStorage.setItem("english-lessonFour", JSON.stringify(this.check));
    },
    setTestTwoData() {
      localStorage.setItem("english-PracticalWriting", JSON.stringify(this.testTwoData));
    },
    changeTestData() {
      localStorage.removeItem("english-testOne");
      this.testData = {
        isComplete: false,
        check: {
          isRight: null,
          answer: ["Culture", "Cuisine", "Landscapes"],
          value: [],
        },
        checkOne: {
          isRight: null,
          answer: ["Culture", "Cuisine", "Landscapes"],
          value: [],
@@ -4462,6 +4914,55 @@
          answer: ["whether", "if", "whether", "whether", "If"],
        },
      };
    }, 
    changeTestOneData() {
      localStorage.removeItem("english-lessonTwo")
      const TestOneData = this.testOneData
      for (let key in TestOneData) {
        let item = TestOneData[key]
        if (key != "lf" && key != "ct" && key != "isComplete") {
          for (let keys in item) {
            const citem = item[keys]
            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
              citem.value = ""
              citem.isRight = null
            }
          }
        } else if (key == "lf" || key == "ct") {
          for (let blank in item) {
            if (blank != "answer") {
              item[blank] = "";
            }
          }
        }
      }
      this.$set(this.testOneData, "isComplete", false);
      this.testOneData = TestOneData;
      this.showlessonTwoQuestionAnswer = false;
    },
    changeTestTwoData() {
      localStorage.removeItem("english-lessonThree")
      const Expression = this.expression
      for (let key in Expression) {
        if (key != "answer" && key != "isComplete") {
          Expression[key] = "";
        }
      }
      this.$set(this.expression, "isComplete", false);
      this.expression = Expression;
      this.showAnswerEight = false;
    },
    changeCheck() {
      localStorage.removeItem("english-lessonFour")
      const Check = this.check
      for (let key in Check) {
        if (key != "answer" && key != "isComplete") {
          Check.value = [];
        }
      }
      this.$set(this.check, "isComplete", false);
      this.check = Check;
      this.showQuestionAnswer = false
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -4623,23 +5124,35 @@
      this.setTestData();
      this.showQuestionAnswer = true;
    },
    savaDataOne(){
    savaDataOne() {
      const dropdownDatas = this.testOneData;
      for (let key in dropdownDatas) {
        let item = dropdownDatas[key];
          if( key != "lf" && key != "ct" &&  key != "isComplete"  ){
            for( let keys in item ){
              const citem = item[keys]
                  if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
                     citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
                  }
        if (key != "lf" && key != "ct" && key != "isComplete") {
          for (let keys in item) {
            const citem = item[keys]
            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
              citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
            }
           }
          }
        }
      }
      this.testOneData = dropdownDatas;
      this.$set(this.testOneData, "isComplete", true);
      this.setTestOneData();
      this.showlessonTwoQuestionAnswer = true ;
      this.showlessonTwoQuestionAnswer = true;
    },
    savaDataTwo() {
      this.$set(this.expression, "isComplete", true);
      this.setExpression();
      this.isTextRight;
      this.showAnswerEight = true
    },
    savaCheck() {
      this.$set(this.check, "isComplete", true);
      this.setCheck();
      this.isShowRight;
      this.showQuestionAnswer = true
    },
    isShowRight(answer, userAnswer, data) {
      let flag = null;

 src/books/English/view/components/chapter002.vue

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

 src/books/English/view/components/index.vue

@@ -213,7 +213,7 @@

    // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(2,16);
        this.gotoPage(3,26);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",