Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-07-22 83acdfb6621af7eb1bbbac6525b69c037af9c087

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/books/English/assets/main.less

@@ -771,6 +771,9 @@
  .w50 {
    width: 50%;
  }
  .w48 {
    width: 48%;
   }
  .w45{
    width: 45%;
  }

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

@@ -4919,7 +4919,7 @@
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "D96D6F8082786B037A2B1842860BC0C4 "
        "D96D6F8082786B037A2B1842860BC0C4"
      );
      this.resource.readingOne = await getResourcePath(
        "E51F6E052B08F00B19819E4D5504219F"

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

@@ -225,7 +225,7 @@
                        <p>
                            <b>Ⅱ.Talk to your partner about the types of volunteer work you
                                know.</b>
                            <span class="btn-box" @click="viewNoSubmitData(0,0)">
                            <span class="btn-box" @click="viewNoSubmitData(0, 0)">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                    viewBox="0 0 20.501 20.501">
                                    <path class="a"
@@ -261,38 +261,36 @@
                        </p>
                        <div style="display: flex">
                            <div class="left" style="width: 55%; margin-top: 11%">
                                <p>1.{{listenOne[0].stem}}</p>
                                <p>1.{{ listenOne[0].stem }}</p>
                            </div>
                            <div class="right" style="width: 45%">
                                <p v-for="(item,index) in listenOne[0].option" :key="index">
                                    　<input type="radio"  :value="item" name="volunteer"
                                        v-model="listenOne[0].value" />
                                    {{item}}
                                <p v-for="(item, index) in listenOne[0].option" :key="index">
                                    　<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[0].value == item">
                                        <svg v-if="listenOne[0].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">
                                            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="listenOne[0].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">
                                        <svg v-if="listenOne[0].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>
                                

                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5"
                            v-if="listenOne[0].isShowAnswer">
                            答案:{{listenOne[0].answer}}
                        <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
                            答案:{{ listenOne[0].answer }}
                        </div>
                    </div>
                </div>
@@ -318,26 +316,25 @@
                    <div class="bodystyle">
                        <div style="display: flex">
                            <div class="left" style="width: 55%; margin-top: 11%">
                                <p>2.{{listenOne[1].stem}}</p>
                                <p>2.{{ listenOne[1].stem }}</p>
                            </div>
                            <div class="right" style="width: 45%">
                                <p v-for="(item,index) in listenOne[1].option" :key="index">
                                    　<input type="radio"  :value="item" name="likely" 
                                        v-model="listenOne[1].value" />
                                    {{item}}
                                <p v-for="(item, index) in listenOne[1].option" :key="index">
                                    　<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[1].value == item">
                                        <svg v-if="listenOne[1].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">
                                            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="listenOne[1].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">
                                        <svg v-if="listenOne[1].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>
@@ -346,32 +343,30 @@
                                </p>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5"
                            v-if="listenOne[1].isShowAnswer">
                            答案:{{listenOne[1].answer}}
                        <div class="event-header-text-bc pd-5" v-if="listenOne[1].isShowAnswer">
                            答案:{{ listenOne[1].answer }}
                        </div>
                        <div style="display: flex">
                            <div class="left" style="width: 50%; margin-top: 11%">
                                <p>3.{{listenOne[2].stem}}</p>
                                <p>3.{{ listenOne[2].stem }}</p>
                            </div>
                            <div class="right" style="width: 50%">
                                <p v-for="(item,index) in listenOne[2].option" :key="index">
                                    　<input type="radio"  :value="item" name="mentioned" 
                                        v-model="listenOne[2].value" />
                                    {{item}}
                                <p v-for="(item, index) in listenOne[2].option" :key="index">
                                    　<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[2].value == item">
                                        <svg v-if="listenOne[2].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">
                                            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="listenOne[2].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">
                                        <svg v-if="listenOne[2].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>
@@ -380,9 +375,8 @@
                                </p>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5"
                            v-if="listenOne[2].isShowAnswer">
                            答案:{{listenOne[2].answer}}
                        <div class="event-header-text-bc pd-5" v-if="listenOne[2].isShowAnswer">
                            答案:{{ listenOne[2].answer }}
                        </div>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
@@ -408,7 +402,7 @@
                        <p>
                            1.As the saying goes,“The rose is in her hand,the flavor in mine.”
                            What’s your understanding of this saying?
                            <span class="btn-box" @click="viewNoSubmitData(0,1)">
                            <span class="btn-box" @click="viewNoSubmitData(0, 1)">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                    viewBox="0 0 20.501 20.501">
                                    <path class="a"
@@ -435,7 +429,7 @@
                        </div>
                        <p>
                            2.In what way do you help others in daily life?
                            <span class="btn-box" @click="viewNoSubmitData(0,2)">
                            <span class="btn-box" @click="viewNoSubmitData(0, 2)">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                    viewBox="0 0 20.501 20.501">
                                    <path class="a"
@@ -457,7 +451,8 @@
                            <b>Volunteering and Its Surprising Benefits</b>
                        </p>
                        <p class="center">
                            <audio :src="resource.readingOne" controls class="audio" ></audio>
                            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </p>
                        <p>
                            With busy life,it can be hard to find time to
@@ -557,8 +552,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
                            ></audio>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio"></audio>
                        <p>enormous /ɪˈnɔːməs/ <i>adj.</i> 巨大的；庞大的</p>
                        <div class="bkbj">
                            <p><i>extremely large</i></p>
@@ -679,9 +674,9 @@
                        <p>
                            1.What might be the reason that people don’t volunteer?
                            <span>
                                <svg v-if="wordsOne[0].value[0].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">
                                <svg v-if="wordsOne[0].value[0].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>
@@ -699,31 +694,31 @@
                        </p>
                        　
                        <p>
                            <input type="radio"  value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                            a.People are too busy to volunteer.
                        </p>
                        <p>
                            <input type="radio"  value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                            b.People can’t find ways to volunteer.
                        </p>
                        <p>
                            <input type="radio"  value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                            c.There is no benefit in volunteering.
                        </p>
                        <p>
                            <input type="radio"  value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                            d.The volunteer work is too hard to do.
                        </p>
                        <p>
                            2.Which of the following is NOT true?
                            <span>
                                <svg v-if="wordsOne[0].value[1].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">
                                <svg v-if="wordsOne[0].value[1].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>
@@ -740,31 +735,31 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio"  value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                            a.Volunteering is a win-win behavior for both parties.
                        </p>
                        <p>
                            <input type="radio"  value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                            b.Small acts of helping others also matter.
                        </p>
                        <p>
                            <input type="radio"  value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                            c.Those who volunteer enjoy a lower mortality rate.
                        </p>
                        <p>
                            <input type="radio"  value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                            d.Volunteering has nothing to do with one’s mental health.
                        </p>
                        <p>
                            3.In what way can volunteering help with one’s career development?
                            <span>
                                <svg v-if="wordsOne[0].value[2].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">
                                <svg v-if="wordsOne[0].value[2].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>
@@ -781,17 +776,17 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio"  value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            a.Providing one with a new career.
                        </p>
                        <p>
                            <input type="radio"  value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            b.Helping to arouse one’s interests.
                        </p>
                        <p>
                            <input type="radio"  value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            c.Offering an opportunity to practice working skills.
                        </p>
@@ -818,16 +813,16 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>
                            <input type="radio"  value="d" name="bothparties" 
                            <input type="radio" value="d" name="bothparties"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            d.Bringing more comfort to those who are at work.
                        </p>
                        <p>
                            4.What suggestion does the writer offer in the last paragraph?
                            <span>
                                <svg v-if="wordsOne[0].value[3].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">
                                <svg v-if="wordsOne[0].value[3].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>
@@ -844,31 +839,31 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio"  value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            a.Making a plan before volunteering.
                        </p>
                        <p>
                            <input type="radio"  value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            b.Preparing a résumé in advance.
                        </p>
                        <p>
                            <input type="radio"  value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            c.Taking a physical and mental health check.
                        </p>
                        <p>
                            <input type="radio"  value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            d.Spending some time volunteering.
                        </p>
                        <p>
                            5.What is the author’s attitude towards volunteering?
                            <span>
                                <svg v-if="wordsOne[0].value[4].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">
                                <svg v-if="wordsOne[0].value[4].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>
@@ -885,22 +880,22 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio"  value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            a.Indifferent.  
                            a.Indifferent.
                        </p>
                        <p>
                            <input type="radio"  value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            b.Supportive.
                        </p>
                        <P>
                            <input type="radio"  value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            c.Opposed.
                        </P>
                        <P>
                            <input type="radio"  value="b" name="bothparties"  :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            d.Unknown.
                        </P>
@@ -917,9 +912,9 @@
                            <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[1].value[0].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">
                                <svg v-if="wordsOne[1].value[0].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>
@@ -936,12 +931,13 @@
                            </span>
                            benefits when it comes to volunteering.First,it helps to make the
                            community a better place,and it also helps you to connect to
                            people and b<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
                            people and b<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[1].value[1].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">
                                <svg v-if="wordsOne[1].value[1].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>
@@ -956,12 +952,12 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>your social skills.Second,volunteering helps to deal with
                            stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[2].userAnswer"
                                @change="setTestData" />
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[1].value[2].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">
                                <svg v-if="wordsOne[1].value[2].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>
@@ -978,16 +974,16 @@
                                :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[1].value[3].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">
                                <svg v-if="wordsOne[1].value[3].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="wordsOne[1].value[3].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">
                                <svg v-if="wordsOne[1].value[3].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>
@@ -995,12 +991,12 @@
                            chance to practice working skills,you will feel more comfortable
                            at work.Fourth,when you are tied up with the daily
                            routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[4].userAnswer"
                                @change="setTestData" />
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[1].value[4].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">
                                <svg v-if="wordsOne[1].value[4].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>
@@ -1046,11 +1042,11 @@
                            B.Underline the following expressions in the passage and make
                            sentences with them.
                        </p>
                        <p class="tl-lf" v-for="(item,index) in wordsOne[2].value " :key="index" >
                            {{index + 1}}.{{item.stem}}
                            <textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[2].isComplete"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        <p class="tl-lf" v-for="(item, index) in wordsOne[2].value " :key="index">
                            {{ index + 1 }}.{{ item.stem }}
                            <textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                        </p>
                        <!-- 例句 -->
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1161,122 +1157,121 @@
                        </p>
                        <p>
                            1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[0].userAnswer"
                                @change="setTestData" />                            
                                <span>
                                        <svg v-if="wordsOne[4].value[0].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="
                                            wordsOne[4].value[0].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>
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[4].value[0].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="
                                    wordsOne[4].value[0].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>
                            (consider) becoming a regular helper in community service.
                        </p>
                        <p>
                            2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[1].userAnswer"
                                @change="setTestData" />
                                <span>
                                        <svg v-if="wordsOne[4].value[1].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="
                                            wordsOne[4].value[1].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>
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[4].value[1].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="
                                    wordsOne[4].value[1].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>
                            (plan) to work as a volunteer teacher after graduation.
                        </p>
                        <p>
                            3.What you<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[2].userAnswer"
                                @change="setTestData" />
                                <span>
                                    <svg v-if="wordsOne[4].value[2].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="
                                        wordsOne[4].value[2].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>
                            3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
                                style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[4].value[2].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="
                                    wordsOne[4].value[2].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>
                            (do) at present will make a difference to people around you.
                        </p>
                        <p>
                            4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[3].userAnswer"
                                @change="setTestData" />
                                <span>
                                    <svg v-if="wordsOne[4].value[3].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="
                                        wordsOne[4].value[3].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>
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[4].value[3].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="
                                    wordsOne[4].value[3].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>
                            (put) a lot of efforts into volunteer work.
                        </p>
                        <p>
                            5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[4].userAnswer"
                                @change="setTestData" />
                                <span>
                                    <svg v-if="wordsOne[4].value[4].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="
                                        wordsOne[4].value[4].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>
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" />
                            <span>
                                <svg v-if="wordsOne[4].value[4].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="
                                    wordsOne[4].value[4].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>
                            (have) a great time with the old in the nursing home.
                        </p>
                        <!-- 答案 -->
@@ -1293,18 +1288,18 @@
                                <img class="img-e" alt="" src="../../assets/images/0054-1.jpg" />
                            </p>
                            <p>志愿者正在辅导孩子们做功课。</p>
                            <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
                                style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                            <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                        </div>
                        <div class="fieldset-2">
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0054-2.jpg" />
                            </p>
                            <p>学生们正在帮忙做农活。</p>
                            <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
                                style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                            <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                        </div>
                    </div>
                </div>
@@ -1333,18 +1328,18 @@
                                <img class="img-e" alt="" src="../../assets/images/0055-1.jpg" />
                            </p>
                            <p>志愿者正在沙滩上清理垃圾。</p>
                            <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
                                style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                            <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                        </div>
                        <div class="fieldset-2">
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0055-2.jpg" />
                            </p>
                            <p>志愿者正在进行衣物捐赠活动。</p>
                            <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
                                style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                            <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                        </div>
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="wordsOne[3].isShowAnswer">
@@ -1427,8 +1422,7 @@
                                </td>
                                <td>
                                    <textarea v-model="miniTable[0].value[2].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="saveminiTable"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea " @change="saveminiTable"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -1770,8 +1764,10 @@
                            </p>
                        </div>
                        <p class="center"><b>How to Light Up the World</b></p>
                        <p class="center"><audio :src="resource.listenOne" controls class="audio"
                                ></audio></p>
                        <p class="center">
                            <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </p>
                        <p>
                            （Excerpted from the speech “Learning from a Barefoot Movement”）
                        </p>
@@ -1875,7 +1871,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls class="audio" ></audio>
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                            class="audio"></audio>
                        <p>remote /rɪˈməʊt/ <i>adj.</i> 偏远的</p>
                        <div class="bkbj">
                            <p><i>far away from places where other people live</i></p>
@@ -1997,96 +1994,98 @@
                                <td class="tl-lf table-th-bc">1. So far, what has BarefootCollege achieved?</td>
                                <td style="width: 65%;">
                                    <p class="table-p"> It has trained l.
                                        <input :disabled="listenTwo[0].isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        <input :disabled="listenTwo[0].isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[0].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
                                            women solar engineers.</p>
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
                                        women solar engineers.
                                    </p>
                                    <p class="table-p">The women solar engineers are from 2.<input
                                            :disabled="listenTwo[0].isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[1].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
                                            villages in 3.<input
                                            :disabled="listenTwo[0].isComplete" type="text"
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
                                        villages in 3.<input :disabled="listenTwo[0].isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[2].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
                                            countries.</p>
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
                                        countries.
                                    </p>
                                    <p class="table-p">The engineers have solar-electrifed 4.<input
                                            :disabled="listenTwo[0].isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[3].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
                                            homes.</p>
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
                                        homes.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
@@ -2096,56 +2095,57 @@
                                            :disabled="listenTwo[0].isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[4].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
                                            least developed countries
                                        with engineers.</p>
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
                                        least developed countries
                                        with engineers.
                                    </p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="listenTwo[0].isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="listenTwo[0].value[5].userAnswer" @input="saveListenTwo" />
                                            <span class="icon-box" v-if="listenTwo[0].isComplete">
                                                <svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
                                            people.</p>
                                        <span class="icon-box" v-if="listenTwo[0].isComplete">
                                            <svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
                                        people.
                                    </p>
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenTwo[0].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in listenTwo[0].value" :key="index" class="mr-20">
                                {{index + 1}}.{{item.answer}}
                            <span v-for="(item, index) in listenTwo[0].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                    </div>
@@ -2174,29 +2174,27 @@
                            B.Decide whether the following statements are true (T) or false
                            (F).
                        </p>
                        <p v-for="(item,index) in listenTwo[1].value" :key="index" class="fl al-cn">
                        <p v-for="(item, index) in listenTwo[1].value" :key="index" class="fl al-cn">
                            <span>
                                (
                                <select class="select-border" v-model="listenTwo[1].value[index].userAnswer" @change="saveListenTwo"
                                    :disabled="listenTwo[1].isComplete" >
                                <select class="select-border" v-model="listenTwo[1].value[index].userAnswer"
                                    @change="saveListenTwo" :disabled="listenTwo[1].isComplete">
                                    <option v-for="(citem, cindex) in listenTwo[1].option" :key="cindex" :value="citem">
                                    {{ citem }}
                                        {{ citem }}
                                    </option>
                                </select>)
                            </span>
                            <span class="t0">{{index + 1}}.{{item.stem}}</span>
                            <span class="t0">{{ index + 1 }}.{{ item.stem }}</span>
                            <span class="icon-box" v-if="listenTwo[1].isComplete">
                                <svg v-if="item.isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                <svg v-if="item.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="item.isRight == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                <svg v-if="item.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"
@@ -2204,11 +2202,10 @@
                                </svg>
                            </span>
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenTwo[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in listenTwo[1].value" :key="index" class="mr-20">
                                {{index + 1}}.{{item.answer}}
                            <span v-for="(item, index) in listenTwo[1].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <p><b>Ⅱ.Language focus.</b></p>
@@ -2216,21 +2213,20 @@
                            A.Replace the words in italics with the exact words in the passage
                            and change the form if necessary.
                        </p>
                        <p v-for="(item,index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
                            <span>{{index + 1}}.{{item.stem}}</span>
                            <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
                        <p v-for="(item, index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
                            <span>{{ index + 1 }}.{{ item.stem }}</span>
                            <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer"
                                class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
                            <span class="icon-box" v-if="listenTwo[2].isComplete">
                                <svg v-if="item.isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                <svg v-if="item.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="item.isRight == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                <svg v-if="item.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"
@@ -2238,11 +2234,10 @@
                                </svg>
                            </span>
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenTwo[2].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in listenTwo[2].value" :key="index" class="mr-20">
                                {{index + 1}}.{{item.answer}}
                            <span v-for="(item, index) in listenTwo[2].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <p>
@@ -2256,23 +2251,23 @@
                            </p>
                        </div>
                        <p>
                            1.After watching the news,he 
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            1.After watching the news,he
                            <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px">
                            the idea to support the
                            little girl’s education.
                            <span class="icon-box" v-if="listenTwo[3].isComplete">
                                <svg v-if="listenTwo[3].value[0].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">
                                    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="listenTwo[3].value[0].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">
                                <svg v-if="listenTwo[3].value[0].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>
@@ -2280,44 +2275,46 @@
                            </span>
                        </p>
                        <p>
                            2.Many Irish people 
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            2.Many Irish people
                            <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px">
                            America during the famine
                            （饥荒时期）.
                            <span class="icon-box" v-if="listenTwo[3].isComplete">
                                <svg v-if="listenTwo[3].value[1].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">
                                    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="listenTwo[3].value[1].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">
                                <svg v-if="listenTwo[3].value[1].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.They <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            the play <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> a song.
                        <p>3.They <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px">
                            the play <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px"> a song.
                            <span class="icon-box" v-if="listenTwo[3].isComplete">
                                <svg v-if="listenTwo[3].value[2].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">
                                    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="listenTwo[3].value[2].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">
                                <svg v-if="listenTwo[3].value[2].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>
@@ -2325,21 +2322,21 @@
                            </span>
                        </p>
                        <p>4.The teacher’s smiles
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                             the boy’s life.
                             <span class="icon-box" v-if="listenTwo[3].isComplete">
                            <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px">
                            the boy’s life.
                            <span class="icon-box" v-if="listenTwo[3].isComplete">
                                <svg v-if="listenTwo[3].value[3].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">
                                    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="listenTwo[3].value[3].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">
                                <svg v-if="listenTwo[3].value[3].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>
@@ -2347,33 +2344,32 @@
                            </span>
                        </p>
                        <p>
                            5.Girls in some parts of the world 
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
                             gender discrimination.
                             <span class="icon-box" v-if="listenTwo[3].isComplete">
                            5.Girls in some parts of the world
                            <input type="text" :disabled="listenTwo[3].isComplete"
                                v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenTwo" style="width:80px">
                            gender discrimination.
                            <span class="icon-box" v-if="listenTwo[3].isComplete">
                                <svg v-if="listenTwo[3].value[4].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">
                                    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="listenTwo[3].value[4].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">
                                <svg v-if="listenTwo[3].value[4].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>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenTwo[3].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in listenTwo[3].value" :key="index" class="mr-20">
                                {{index + 1}}.{{ arrayToString(item.answer) }}
                            <span v-for="(item, index) in listenTwo[3].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ arrayToString(item.answer) }}
                            </span>
                        </div>
                        <!-- 提交按钮 -->
@@ -2443,7 +2439,8 @@
                    <div class="bodystyle">
                        <h3 id="c025" class="fl al-cn">
                            <span class="bjh3">Mini-project</span>
                            <audio :src="resource.listenTwo" controls class="audio" ></audio>
                            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p>
                            Watch the video and mark what the man has done.Then discuss with
@@ -2451,20 +2448,21 @@
                            people’s lives.
                        </p>
                        <p>Things the man has done:</p>
                        <p v-for="(item,index) in miniProjectTwo[0].option" :key="index">
                            <input type="checkbox" name="Hold"  :value="item" :disabled="miniProjectTwo[0].isComplete"  v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
                            {{item}}
                        <p v-for="(item, index) in miniProjectTwo[0].option" :key="index">
                            <input type="checkbox" name="Hold" :value="item" :disabled="miniProjectTwo[0].isComplete"
                                v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
                            {{ item }}
                            <span class="icon-box" v-if="miniProjectTwo[0].isComplete">
                                <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item)" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                                <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item)"
                                    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="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item) == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item) == 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
@@ -2473,15 +2471,14 @@
                                </svg>
                            </span>
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="miniProjectTwo[0].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="miniProjectTwo[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
                                {{index + 1}}.{{ arrayToString(item) }}
                            <span v-for="(item, index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ arrayToString(item) }}
                            </span>
                        </div>
                         <!-- 提交按钮 -->
                         <div class="w100 fl">
                        <!-- 提交按钮 -->
                        <div class="w100 fl">
                            <ul class="fl ju-ar w100">
                                <li>
                                    <button class="btn-border btn-w" @click="handelMiniProjectTwo">
@@ -2522,7 +2519,7 @@
                                <td>
                                    <textarea v-model="noSubmitData[1].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="saveNoSubmitData" ></textarea>
                                        @change="saveNoSubmitData"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="noSubmitData[1].value[1].userAnswer"
@@ -2734,48 +2731,52 @@
                        <h2 id="b011">
                            <img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" />
                        </h2>
                        <h3 id="c026"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.listenThree" controls class="audio" ></audio>
                        <h3 id="c026" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                        </h3>
                        <p>
                            <b>Ⅰ.Listen to the recording and fill in the blanks with what you
                        <b>Ⅰ.Listen to the recording and fill in the blanks with what you
                                hear.</b>
                        </p>
                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                        class="audio"></audio>
                        <p>
                            Just now,I was giving people
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[0].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">
                                    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="listenThree[0].value[0].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">
                                <svg v-if="listenThree[0].value[0].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>
                            in Chinese.I am a
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[1].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">
                                    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="listenThree[0].value[1].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">
                                <svg v-if="listenThree[0].value[1].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>
@@ -2783,20 +2784,20 @@
                            </span>
                            here in Lotus Lane in Houhai.I’ve lived in Beijing for
                            24 years and I’m
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[2].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">
                                    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="listenThree[0].value[2].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">
                                <svg v-if="listenThree[0].value[2].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>
@@ -2804,40 +2805,40 @@
                            </span>
                            from the United States.My name is
                            Terry.I’m 64 years old and I’m
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[3].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">
                                    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="listenThree[0].value[3].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">
                                <svg v-if="listenThree[0].value[3].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>
                            .And I
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[4].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">
                                    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="listenThree[0].value[4].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">
                                <svg v-if="listenThree[0].value[4].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>
@@ -2845,20 +2846,20 @@
                            </span>
                            some of my
                            time volunteering,helping
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[5].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">
                                    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="listenThree[0].value[5].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">
                                <svg v-if="listenThree[0].value[5].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>
@@ -2869,20 +2870,20 @@
                            because I love doing things for people.I like to make people
                            happy.I think by making people happy they make other people
                            happy.It’s like
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[6].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">
                                    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="listenThree[0].value[6].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">
                                <svg v-if="listenThree[0].value[6].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>
@@ -2890,20 +2891,20 @@
                            </span>
                            a stone into the river.It makes little
                            waves and your
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px"> 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <span class="icon-box" v-if="listenThree[0].isComplete">
                                <svg v-if="listenThree[0].value[7].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">
                                    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="listenThree[0].value[7].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">
                                <svg v-if="listenThree[0].value[7].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>
@@ -2911,32 +2912,31 @@
                            </span>
                            can be given to other people.
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenThree[0].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
                                {{index + 1}}.{{ arrayToString(item.answer) }}
                            <span v-for="(item, index) in listenThree[0].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ arrayToString(item.answer) }}
                            </span>
                        </div>
                        <p>
                            <b>Ⅱ.Listen to the interview and answer the following
                                questions.</b>
                        </p>
                        <audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload"
                        class="audio"></audio>
                        <p>
                            1.When did Mr.Crossman start volunteering?
                            <span class="icon-box" v-if="listenThree[1].isComplete">
                                <svg v-if="listenThree[1].value[0].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">
                                    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="listenThree[1].value[0].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">
                                <svg v-if="listenThree[1].value[0].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>
@@ -2944,30 +2944,29 @@
                            </span>
                        </p>
                        <p>
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenThree[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20">
                                {{listenThree[1].value[0].answer}}
                            <span class="mr-20">
                                {{ listenThree[1].value[0].answer }}
                            </span>
                        </div>
                        <p>
                            2.Why was volunteering not easy in the beginning?
                            <span class="icon-box" v-if="listenThree[1].isComplete">
                                <svg v-if="listenThree[1].value[1].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">
                                    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="listenThree[1].value[1].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">
                                <svg v-if="listenThree[1].value[1].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>
@@ -2975,30 +2974,29 @@
                            </span>
                        </p>
                        <p>
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenThree[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20">
                                {{listenThree[1].value[1].answer}}
                            <span class="mr-20">
                                {{ listenThree[1].value[1].answer }}
                            </span>
                        </div>
                        <p>
                            3.What makes him popular?
                            <span class="icon-box" v-if="listenThree[1].isComplete">
                                <svg v-if="listenThree[1].value[2].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">
                                    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="listenThree[1].value[2].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">
                                <svg v-if="listenThree[1].value[2].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>
@@ -3006,30 +3004,29 @@
                            </span>
                        </p>
                        <p>
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenThree[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20">
                                {{listenThree[1].value[2].answer}}
                            <span class="mr-20">
                                {{ listenThree[1].value[2].answer }}
                            </span>
                        </div>
                        <p>
                            4.What’s his understanding of the volunteering spirit?
                            <span class="icon-box" v-if="listenThree[1].isComplete">
                                <svg v-if="listenThree[1].value[3].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">
                                    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="listenThree[1].value[3].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">
                                <svg v-if="listenThree[1].value[3].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>
@@ -3037,13 +3034,14 @@
                            </span>
                        </p>
                        <p>
                            <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="listenThree[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20">
                                {{listenThree[1].value[3].answer}}
                            <span class="mr-20">
                                {{ listenThree[1].value[3].answer }}
                            </span>
                        </div>
                        <!-- 提交按钮 -->
@@ -3102,18 +3100,21 @@
                        </p>
                        <p class="center" style="position: relative;">
                            <img class="img-a" alt="" src="../../assets/images/0063-1.jpg" />
                            <input type="checkbox" style="position: absolute;top:32%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Personal information" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:32%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute;top:32%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Personal information"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:32%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal 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
@@ -3121,18 +3122,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute;top:36%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Education background" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:36%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute;top:36%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Education background"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:36%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background') == 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
@@ -3140,18 +3144,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute;top:39.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:39.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute;top:39.5%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:39.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience') == 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
@@ -3159,18 +3166,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute;top:43%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:43%;right:2%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute;top:43%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:43%;right:2%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience') == 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
@@ -3178,18 +3188,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute; top:47%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:47%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute; top:47%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:47%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications') == 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
@@ -3197,18 +3210,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute; top:50.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Interests" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:50.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute; top:50.5%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="Interests"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:50.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests') == 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
@@ -3216,18 +3232,21 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            <input type="checkbox" style="position: absolute; top:54.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="References" @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:54.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References')" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1"
                            <input type="checkbox" style="position: absolute; top:54.5%;right:28%"
                                v-model="practicalWriting[2].value[0].userAnswer" value="References"
                                @change="savePracticalWriting" />
                            <span class="icon-box" v-if="practicalWriting[2].isComplete"
                                style="position: absolute;top:54.5%;right:4%">
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References')"
                                    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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References') == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References') == 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
@@ -3263,44 +3282,42 @@
                                Chinese.</b>
                        </p>
                        <p><b>1.gender</b></p>
                        <matching :rawData="rawDataOne" :question="matchingQuestionOne"  />
                        <matching :rawData="rawDataOne" :question="matchingQuestionOne" />
                        <p><b>2.degree level</b></p>
                        <matching :rawData="rawDataTwo" :question="matchingQuestionTwo"  />
                        <matching :rawData="rawDataTwo" :question="matchingQuestionTwo" />
                        <p><b>3.language level</b></p>
                        <matching :rawData="rawDataThree" :question="matchingQuestionThree"  />
                        <matching :rawData="rawDataThree" :question="matchingQuestionThree" />
                        <p><b>Ⅲ.Mark the appropriate statement for a profile.</b></p>
                        <div v-for="(item,index) in practicalWriting[0].value" :key="index">
                        <div v-for="(item, index) in practicalWriting[0].value" :key="index">
                            <p>
                                <b>{{index + 1}}. {{item.stem}} </b>
                                <b>{{ index + 1 }}. {{ item.stem }} </b>
                                <span class="icon-box" v-if="practicalWriting[0].isComplete">
                                <svg v-if="item.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="item.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>
                                    <svg v-if="item.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="item.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 v-for="(citem,cindex) in item.option" :key="cindex">
                                <input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer" :value="citem.value" :name="citem.stem" />
                                {{citem.value}}.{{citem.txt}}
                            <p v-for="(citem, cindex) in item.option" :key="cindex">
                                <input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer"
                                    :value="citem.value" :name="citem.stem" />
                                {{ citem.value }}.{{ citem.txt }}
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="practicalWriting[0].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20" v-for="(item,index) in practicalWriting[0].value" :key="index">
                                {{index + 1}}.{{item.answer}}
                            <span class="mr-20" v-for="(item, index) in practicalWriting[0].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                    </div>
@@ -3339,74 +3356,97 @@
                            <img class="img-0" alt="" src="../../assets/images/0065-1.jpg" />
                        </p> -->
                        <div class="wating-email-box">
                            <p class="center">  <b>Volunteer Profle</b> </p>
                            <p class="center"> <b>Volunteer Profle</b> </p>
                            <div>Personal information</div>
                            <ul>
                                <li>
                                    Name:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[0].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                                <li>
                                    Nationality:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[1].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                                <li>
                                    Gender:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[2].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                                <li>
                                    Date of birth:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[3].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                                <li>
                                    Email address:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[4].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                                <li>
                                    Phone number:
                                    <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                    <input type="text" :disabled="practicalWriting[1].isComplete"
                                        v-model="practicalWriting[1].value[5].userAnswer"
                                        class="input-bottom-border input-bc-t" @input="saveListenThree">
                                </li>
                            </ul>
                            <div>
                                <div>Address:</div>
                                <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[6].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div>Qualifications and skills</div>
                            <div>Education background</div>
                            <div class="fl wh-no w50" >
                            <div class="fl wh-no w50">
                                <span>Degree level:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[7].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div class="fl wh-no w80" >
                            <div class="fl wh-no w80">
                                <span>Major:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[8].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div class="fl wh-no w100" >
                            <div class="fl wh-no w100">
                                <span>University/College:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[8].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div>
                                <div>Other qualifcations, short courses and training</div>
                                <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                                <textarea name="" id="" cols="30" rows="10"
                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                            </div>
                            <div class="fl wh-no w100" >
                            <div class="fl wh-no w100">
                                <span>Language level:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" > 
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[8].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div>
                                <div>Volunteering experience</div>
                                <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                                <textarea name="" id="" cols="30" rows="10"
                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="practicalWriting[1].isShowAnswer">
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
                            <span>答案：</span>
                            <span  class="mr-20" v-for="(item,index) in practicalWriting[1].value" :key="index">
                                {{index + 1}}.{{item.answer}}
                            <span class="mr-20" v-for="(item, index) in practicalWriting[1].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                         <!-- 提交按钮 -->
                         <div class="w100 fl">
                        <!-- 提交按钮 -->
                        <div class="w100 fl">
                            <ul class="fl ju-ar w100">
                                <li>
                                    <button class="btn-border btn-w" @click="handlePracticalWriting">
@@ -3482,14 +3522,16 @@
                                <td style="text-align: left">
                                    Self-introduction:
                                    <textarea v-model="noSubmitData[2].value[0].userAnswer" rows="6"
                                        class="w100 table-tr-bc  table-textarea w95" @change="saveNoSubmitData"></textarea>
                                        class="w100 table-tr-bc  table-textarea w95"
                                        @change="saveNoSubmitData"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    Questions that could be asked and your answers:
                                    <textarea v-model="noSubmitData[2].value[1].userAnswer" rows="6"
                                        class="w100 table-tr-bc  table-textarea w95" @change="saveNoSubmitData"></textarea>
                                        class="w100 table-tr-bc  table-textarea w95"
                                        @change="saveNoSubmitData"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -3524,14 +3566,16 @@
                                <td style="text-align: left">
                                    The volunteer evaluation rubric:
                                    <textarea v-model="noSubmitData[2].value[2].userAnswer" rows="6"
                                        class="w100 table-tr-bc  table-textarea w95" @change="saveNoSubmitData"></textarea>
                                        class="w100 table-tr-bc  table-textarea w95"
                                        @change="saveNoSubmitData"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    Question list:
                                    <textarea v-model="noSubmitData[2].value[3].userAnswer" rows="6"
                                    class="w100 table-tr-bc  table-textarea w95" @change="saveNoSubmitData"></textarea>
                                        class="w100 table-tr-bc  table-textarea w95"
                                        @change="saveNoSubmitData"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -3851,7 +3895,7 @@
                value: [],
                answerImg: require("../../assets/images/matching-two.png"),
            },
            rawDataOne:{
            rawDataOne: {
                left: [
                    {
                        oldId: "FB34",
@@ -3873,7 +3917,7 @@
                    },
                ],
            },
            matchingQuestionOne:{
            matchingQuestionOne: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
@@ -3973,7 +4017,7 @@
                    nine: "",
                },
            },
            rawDataTwo:{
            rawDataTwo: {
                left: [
                    {
                        oldId: "FB34",
@@ -4001,7 +4045,7 @@
                        oldId: "43DB",
                        txt: "a.技术/职业文凭",
                    },
                    

                    {
                        oldId: "44DE",
                        txt: "b.中学教育",
@@ -4020,7 +4064,7 @@
                    },
                ],
            },
            matchingQuestionTwo:{
            matchingQuestionTwo: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
@@ -4059,7 +4103,7 @@
                            oldId: "43DB",
                            txt: "a.技术/职业文凭",
                        },
                        

                        {
                            oldId: "44DE",
                            txt: "b.中学教育",
@@ -4110,7 +4154,7 @@
                value: [],
                answerImg: require("../../assets/images/matching-8.png"),
            },
            rawDataThree:{
            rawDataThree: {
                left: [
                    {
                        oldId: "FB34",
@@ -4157,7 +4201,7 @@

                ],
            },
            matchingQuestionThree:{
            matchingQuestionThree: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
@@ -4306,8 +4350,10 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                listenTwo:"",
                listenThree:""
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: ""
            },
            dropDownList: [
                "animal rescue and care",
@@ -4339,67 +4385,67 @@
            },
            // 新增
            // 只需填空的题
            noSubmitData:[
            noSubmitData: [
                {
                    type:"shortAnswer",
                    value:[
                    type: "shortAnswer",
                    value: [
                        {
                            userAnswer:"",
                            isShowAnswer:false
                            userAnswer: "",
                            isShowAnswer: false
                        },
                        {
                            userAnswer:"",
                            isShowAnswer:false,
                            userAnswer: "",
                            isShowAnswer: false,
                        },
                        {
                            userAnswer:"",
                            isShowAnswer:false,
                            userAnswer: "",
                            isShowAnswer: false,
                        }
                    ]
                },
                {
                    type:'table',
                    value:[
                    type: 'table',
                    value: [
                        {
                            userAnswer:"",
                            userAnswer: "",
                        },
                        {
                            userAnswer:"",
                            userAnswer: "",
                        },
                        {
                            userAnswer:"",
                            userAnswer: "",
                        },
                        {
                            userAnswer:""
                            userAnswer: ""
                        },
                        {
                            userAnswer:""
                            userAnswer: ""
                        },
                        {
                            userAnswer:""
                            userAnswer: ""
                        },
                        {
                            userAnswer:""
                            userAnswer: ""
                        },
                        {
                            userAnswer:""
                            userAnswer: ""
                        },
                    ]
                },
                {
                    type:'worksheet',
                    value:[
                    type: 'worksheet',
                    value: [
                        {
                            userAnswer:'',
                            userAnswer: '',
                        },
                        {
                            userAnswer:'',
                            userAnswer: '',
                        },
                        {
                            userAnswer:'',
                            userAnswer: '',
                        },
                        {
                            userAnswer:'',
                            userAnswer: '',
                        },
                    ]
                },
@@ -4429,434 +4475,434 @@
                    ]
                }
            ],
            listenOne:[
            listenOne: [
                {
                    id:0,
                    value:'',
                    stem:"Why do you want to be a volunteer?",
                    option:['You can change lives.','You can stay with friends.','You can teach new skills.','You can make more money.'],
                    answer:'You can change lives.',
                    isRight:null,
                    isComplete:false,
                    isShowAnswer:false,
                    id: 0,
                    value: '',
                    stem: "Why do you want to be a volunteer?",
                    option: ['You can change lives.', 'You can stay with friends.', 'You can teach new skills.', 'You can make more money.'],
                    answer: 'You can change lives.',
                    isRight: null,
                    isComplete: false,
                    isShowAnswer: false,
                },
                {
                    id:1,
                    value:'',
                    stem:'Who are more likely to be volunteers?',
                    option:[' College students.','Nonprofessionals.','People without jobs.','Children.'],
                    answer:'College students',
                    isRight:null,
                    isComplete:false,
                    isShowAnswer:false,
                    id: 1,
                    value: '',
                    stem: 'Who are more likely to be volunteers?',
                    option: [' College students.', 'Nonprofessionals.', 'People without jobs.', 'Children.'],
                    answer: 'College students',
                    isRight: null,
                    isComplete: false,
                    isShowAnswer: false,
                },
                {
                    id:3,
                    value:'',
                    stem:'.Which activity is NOT mentioned in the video?',
                    option:['Volunteering in sport.','Emergency services.','Helping people with disabilities.','Teaching.'],
                    answer:'Helping people with disabilities.',
                    isRight:null,
                    isComplete:false,
                    isShowAnswer:false,
                    id: 3,
                    value: '',
                    stem: '.Which activity is NOT mentioned in the video?',
                    option: ['Volunteering in sport.', 'Emergency services.', 'Helping people with disabilities.', 'Teaching.'],
                    answer: 'Helping people with disabilities.',
                    isRight: null,
                    isComplete: false,
                    isShowAnswer: false,
                },
            ],
            wordsOne:[
            wordsOne: [
                {
                    type:"judge",
                    isShowAnswer:false,
                    isComplete:false,
                    value:[
                    type: "judge",
                    isShowAnswer: false,
                    isComplete: false,
                    value: [
                        {
                            answer:"a",
                            userAnswer:"",
                            answer: "a",
                            userAnswer: "",
                        },
                        {
                            answer:"d",
                            userAnswer:"",
                            answer: "d",
                            userAnswer: "",
                        },
                        {
                            answer:"c",
                            userAnswer:"",
                            answer: "c",
                            userAnswer: "",
                        },
                        {
                            answer:"d",
                            userAnswer:""
                            answer: "d",
                            userAnswer: ""
                        },
                        {
                            answer:"b",
                            userAnswer:""
                            answer: "b",
                            userAnswer: ""
                        },
                    ]
                },
                {
                    type:'fill',
                    isShowAnswer:false,
                    isComplete:false,
                    value:[
                    type: 'fill',
                    isShowAnswer: false,
                    isComplete: false,
                    value: [
                        {
                            userAnswer:"",
                            answer:"enormous",
                            isRight:null
                            userAnswer: "",
                            answer: "enormous",
                            isRight: null
                        },
                        {
                            userAnswer:"",
                            answer:"boost",
                            isRight:null
                            userAnswer: "",
                            answer: "boost",
                            isRight: null
                        },
                        {
                            userAnswer:"",
                            answer:"anxiety",
                            isRight:null
                            userAnswer: "",
                            answer: "anxiety",
                            isRight: null
                        },
                        {
                            userAnswer:"",
                            answer:"mortality",
                            isRight:null
                            userAnswer: "",
                            answer: "mortality",
                            isRight: null
                        },
                        {
                            userAnswer:"",
                            answer:"energizing",
                            isRight:null
                            userAnswer: "",
                            answer: "energizing",
                            isRight: null
                        },
                        {
                            userAnswer:"",
                            answer:"passion",
                            isRight:null
                            userAnswer: "",
                            answer: "passion",
                            isRight: null
                        },
                    ]
                },
                {
                    type:'shortAnswer',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'shortAnswer',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem:'help out',
                            userAnswer:'',
                            answer:'I helped out with the check-in of athletes at the sports game.',
                            isRight:null
                            stem: 'help out',
                            userAnswer: '',
                            answer: 'I helped out with the check-in of athletes at the sports game.',
                            isRight: null
                        },
                        {
                            stem:'make a difference',
                            userAnswer:'',
                            answer:'No matter how small the deed is, it will make a difference to people who are in need.',
                            isRight:null
                            stem: 'make a difference',
                            userAnswer: '',
                            answer: 'No matter how small the deed is, it will make a difference to people who are in need.',
                            isRight: null
                        },
                        {
                            stem:'stretch one’s wings',
                            userAnswer:'',
                            answer:'Your experience of volunteering will help you to stretch your wings in your future career.',
                            isRight:null
                            stem: 'stretch one’s wings',
                            userAnswer: '',
                            answer: 'Your experience of volunteering will help you to stretch your wings in your future career.',
                            isRight: null
                        },
                        {
                            stem:'what’s more',
                            userAnswer:'',
                            answer:'Volunteering does good to one’s body; what’s more, it’s also good for one’s mental health.',
                            isRight:null
                            stem: 'what’s more',
                            userAnswer: '',
                            answer: 'Volunteering does good to one’s body; what’s more, it’s also good for one’s mental health.',
                            isRight: null
                        },
                        {
                            stem:'carry over',
                            userAnswer:'',
                            answer:'The spirit of volunteering will be carried over from generation to generation.',
                            isRight:null
                            stem: 'carry over',
                            userAnswer: '',
                            answer: 'The spirit of volunteering will be carried over from generation to generation.',
                            isRight: null
                        },
                    ]
                },
                {
                    type:'translate',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'translate',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:'',
                            answer:'加入学校里的青年志愿者协会扩大了她的朋友圈',
                            isRight:null
                            userAnswer: '',
                            answer: '加入学校里的青年志愿者协会扩大了她的朋友圈',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'服务2022的北京冬奥会是一次非常有意义且让人难忘的经历',
                            isRight:null
                            userAnswer: '',
                            answer: '服务2022的北京冬奥会是一次非常有意义且让人难忘的经历',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'对孩子们的承诺让她在这所乡村小学做了一辈子的老师',
                            isRight:null
                            userAnswer: '',
                            answer: '对孩子们的承诺让她在这所乡村小学做了一辈子的老师',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'参与不同的志愿者项目帮助他成长为了一个有远见的人',
                            isRight:null
                            userAnswer: '',
                            answer: '参与不同的志愿者项目帮助他成长为了一个有远见的人',
                            isRight: null
                        },
                    ]
                },
                {
                    type:'grammar',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'grammar',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:'',
                            answer:'is considering',
                            isRight:null
                            userAnswer: '',
                            answer: 'is considering',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'am planning',
                            isRight:null
                            userAnswer: '',
                            answer: 'am planning',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'are doing',
                            isRight:null
                            userAnswer: '',
                            answer: 'are doing',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'are putting',
                            isRight:null
                            userAnswer: '',
                            answer: 'are putting',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'is having',
                            isRight:null
                            userAnswer: '',
                            answer: 'is having',
                            isRight: null
                        },
                    ]
                },
                {
                    type:'describe',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'describe',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:'',
                            answer:'The volunteer is tutoring the children.',
                            isRight:null
                            userAnswer: '',
                            answer: 'The volunteer is tutoring the children.',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'Students are helping with farming.',
                            isRight:null
                            userAnswer: '',
                            answer: 'Students are helping with farming.',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'A group of volunteers are cleaning up trashes on the beach.',
                            isRight:null
                            userAnswer: '',
                            answer: 'A group of volunteers are cleaning up trashes on the beach.',
                            isRight: null
                        },
                        {
                            userAnswer:'',
                            answer:'The little girl is holding a donation box full of clothes.',
                            isRight:null
                            userAnswer: '',
                            answer: 'The little girl is holding a donation box full of clothes.',
                            isRight: null
                        },
                    ]
                }
            ],
            miniTable:[
            miniTable: [
                {
                    value:[
                    {
                        userAnswer:""
                    },
                    {
                        userAnswer:''
                    },
                    {
                        userAnswer:''
                    },
                    value: [
                        {
                            userAnswer: ""
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
                {
                    value:[
                    value: [
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                        },                    
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                }
            ],
            listenTwo:[
            listenTwo: [
                {
                    type:"fill ",
                    isShowAnswer:false,
                    isComplete:false,
                    value:[
                    type: "fill ",
                    isShowAnswer: false,
                    isComplete: false,
                    value: [
                        {
                            answer:604,
                            userAnswer:"",
                            isRight:null
                            answer: 604,
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:1083,
                            userAnswer:"",
                            isRight:null
                            answer: 1083,
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:63,
                            userAnswer:"",
                            isRight:null
                            answer: 63,
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:4500,
                            userAnswer:"",
                            isRight:null
                            answer: 4500,
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:47,
                            userAnswer:"",
                            isRight:null
                            answer: 47,
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:100000,
                            userAnswer:"",
                            isRight:null
                            answer: 100000,
                            userAnswer: "",
                            isRight: null
                        },
                    ]
                },
                {
                    type:"dropdown",
                    isComplete:false,
                    isShowAnswer:false,
                    option:['T','F'],
                    value:[
                    type: "dropdown",
                    isComplete: false,
                    isShowAnswer: false,
                    option: ['T', 'F'],
                    value: [
                        {
                            stem:"Showing compassion and being patient are qualities needed for training.",
                            answer:'T',
                            userAnswer:'',
                            isRight:null
                            stem: "Showing compassion and being patient are qualities needed for training.",
                            answer: 'T',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            stem:"Women have to overcome a lot of difficulties to attend Barefoot College.",
                            answer:'T',
                            userAnswer:'',
                            isRight:null
                            stem: "Women have to overcome a lot of difficulties to attend Barefoot College.",
                            answer: 'T',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            stem:"Half of the courses in the training are done in sign language.",
                            answer:'F',
                            userAnswer:'',
                            isRight:null
                            stem: "Half of the courses in the training are done in sign language.",
                            answer: 'F',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            stem:"Husbands are always supportive for wives to go for training.",
                            answer:'F',
                            userAnswer:'',
                            isRight:null
                            stem: "Husbands are always supportive for wives to go for training.",
                            answer: 'F',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            stem:"The training helps women gain respect for the changes they brought in.",
                            answer:'T',
                            userAnswer:'',
                            isRight:null
                            stem: "The training helps women gain respect for the changes they brought in.",
                            answer: 'T',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                },
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'fill',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem:"In far-away areas,only the old and the kids are left.",
                            answer:"remote",
                            userAnswer:"",
                            isRight:null
                            stem: "In far-away areas,only the old and the kids are left.",
                            answer: "remote",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            stem:"The government works on ways to fight against poverty.",
                            answer:"solutions",
                            userAnswer:"",
                            isRight:null
                            stem: "The government works on ways to fight against poverty.",
                            answer: "solutions",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            stem:"People having no access to electricity mainly live in Africa.",
                            answer:"primarily",
                            userAnswer:"",
                            isRight:null
                            stem: "People having no access to electricity mainly live in Africa.",
                            answer: "primarily",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            stem:"Some college students choose to join volunteering programs after graduation.",
                            answer:"attend",
                            userAnswer:"",
                            isRight:null
                            stem: "Some college students choose to join volunteering programs after graduation.",
                            answer: "attend",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            stem:"Family reunion is a usual way to celebrate the Spring Festival.",
                            answer:"Traditional",
                            userAnswer:"",
                            isRight:null
                            stem: "Family reunion is a usual way to celebrate the Spring Festival.",
                            answer: "Traditional",
                            userAnswer: "",
                            isRight: null
                        },
                    ]
                },
                {
                    type:"fill",
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer:"came up with",
                            userAnswer:"",
                            isRight:null
                            answer: "came up with",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:"went over to",
                            userAnswer:"",
                            isRight:null
                            answer: "went over to",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:["ended","with"],
                            userAnswer:["",""],
                            isRight:null
                            answer: ["ended", "with"],
                            userAnswer: ["", ""],
                            isRight: null
                        },
                        {
                            answer:"lit up",
                            userAnswer:"",
                            isRight:null
                            answer: "lit up",
                            userAnswer: "",
                            isRight: null
                        },
                        {
                            answer:"are faced with",
                            userAnswer:"",
                            isRight:null
                            answer: "are faced with",
                            userAnswer: "",
                            isRight: null
                        },
                    ]
                }
            ],
            miniProjectTwo:[
            miniProjectTwo: [
                {
                    type:'choice',
                    isComplete:false,
                    isShowAnswer:false,
                    option:[
                    type: 'choice',
                    isComplete: false,
                    isShowAnswer: false,
                    option: [
                        'Hold the elevator for the lady',
                        'Catch the balloon for the kid',
                        'Stop the shopping cart',
@@ -4864,239 +4910,239 @@
                        'Help the old cross the street',
                        'Plant trees in the park'
                    ],
                    value:[
                    value: [
                        {
                            answer:['Hold the elevator for the lady'],
                            userAnswer:[]
                            answer: ['Hold the elevator for the lady'],
                            userAnswer: []
                        }
                    ]
                }
            ],
            listenThree:[
            listenThree: [
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'fill',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer:'directions',
                            userAnswer:'',
                            isRight:null
                            answer: 'directions',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'volunteer',
                            userAnswer:'',
                            isRight:null
                            answer: 'volunteer',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'actually',
                            userAnswer:'',
                            isRight:null
                            answer: 'actually',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'retired',
                            userAnswer:'',
                            isRight:null
                            answer: 'retired',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'spend',
                            userAnswer:'',
                            isRight:null
                            answer: 'spend',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'tourists',
                            userAnswer:'',
                            isRight:null
                            answer: 'tourists',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'throwing',
                            userAnswer:'',
                            isRight:null
                            answer: 'throwing',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'happiness',
                            userAnswer:'',
                            isRight:null
                            answer: 'happiness',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                },
                {
                    type:'fill',
                    isShowAnswer:false,
                    value:[
                    type: 'fill',
                    isShowAnswer: false,
                    value: [
                        {
                            stem:'When did Mr.Crossman start volunteering?',
                            answer:'He started volunteering in March 2017 after his retirement.',
                            userAnswer:''
                            stem: 'When did Mr.Crossman start volunteering?',
                            answer: 'He started volunteering in March 2017 after his retirement.',
                            userAnswer: ''
                        },
                        {
                            stem:'Why was volunteering not easy in the beginning?',
                            answer:'He was unfamiliar with the surroundings.',
                            userAnswer:''
                            stem: 'Why was volunteering not easy in the beginning?',
                            answer: 'He was unfamiliar with the surroundings.',
                            userAnswer: ''
                        },
                        {
                            stem:'What makes him popular?',
                            answer:'He speaks fluent Chinese.',
                            userAnswer:''
                            stem: 'What makes him popular?',
                            answer: 'He speaks fluent Chinese.',
                            userAnswer: ''
                        },
                        {
                            stem:'What’s his understanding of the volunteering spirit?',
                            answer:'You get more than what you give in a way.',
                            userAnswer:''
                            stem: 'What’s his understanding of the volunteering spirit?',
                            answer: 'You get more than what you give in a way.',
                            userAnswer: ''
                        },
                    ]
                }
            ],
            practicalWriting:[
            practicalWriting: [
                {
                    type:'radio',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'radio',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem:'国籍：中国',
                            option:[
                            stem: '国籍：中国',
                            option: [
                                {
                                    value:'a',
                                    txt:'Nationality:China'
                                    value: 'a',
                                    txt: 'Nationality:China'
                                },
                                {
                                    value:'b',
                                    txt:'Nationality:Chinese'
                                    value: 'b',
                                    txt: 'Nationality:Chinese'
                                }
                            ],
                            answer:'b',
                            userAnswer:''
                            answer: 'b',
                            userAnswer: ''
                        },
                        {
                            stem:'北京市高新区盛邦路30号',
                            option:[
                            stem: '北京市高新区盛邦路30号',
                            option: [
                                {
                                    value:'a',
                                    txt:'No.30 Shengbang Road,Hi-tech Zone,Beijing'
                                    value: 'a',
                                    txt: 'No.30 Shengbang Road,Hi-tech Zone,Beijing'
                                },
                                {
                                    value:'b',
                                    txt:'Beijing,Hi-tech Zone,Shengbang Road,No.30'
                                    value: 'b',
                                    txt: 'Beijing,Hi-tech Zone,Shengbang Road,No.30'
                                }
                            ],
                            answer:'a',
                            userAnswer:''
                            answer: 'a',
                            userAnswer: ''
                        },
                        {
                            stem:'英文流利，普通话母语水平',
                            option:[
                            stem: '英文流利，普通话母语水平',
                            option: [
                                {
                                    value:'a',
                                    txt:'Fluent in English; native in Mandarin'
                                    value: 'a',
                                    txt: 'Fluent in English; native in Mandarin'
                                },
                                {
                                    value:'b',
                                    txt:'I speak fluent English,and I’m a native speaker of Mandarin.'
                                    value: 'b',
                                    txt: 'I speak fluent English,and I’m a native speaker of Mandarin.'
                                }
                            ],
                            answer:'a',
                            userAnswer:''
                            answer: 'a',
                            userAnswer: ''
                        },
                        {
                            stem:'熟练使用Word、Excel和PPT',
                            option:[
                            stem: '熟练使用Word、Excel和PPT',
                            option: [
                                {
                                    value:'a',
                                    txt:'I can use Word,Excel and PPT frequently.'
                                    value: 'a',
                                    txt: 'I can use Word,Excel and PPT frequently.'
                                },
                                {
                                    value:'b',
                                    txt:'Proficient user of Word,Excel and PPT'
                                    value: 'b',
                                    txt: 'Proficient user of Word,Excel and PPT'
                                }
                            ],
                            answer:'b',
                            userAnswer:''
                            answer: 'b',
                            userAnswer: ''
                        },
                        {
                            stem:'担任世博会翻译和接待工作',
                            option:[
                            stem: '担任世博会翻译和接待工作',
                            option: [
                                {
                                    value:'a',
                                    txt:'Served as an interpreter and receptionist at the World Expo'
                                    value: 'a',
                                    txt: 'Served as an interpreter and receptionist at the World Expo'
                                },
                                {
                                    value:'b',
                                    txt:'Working as an interpreter and receptionist at the World Expo'
                                    value: 'b',
                                    txt: 'Working as an interpreter and receptionist at the World Expo'
                                }
                            ],
                            answer:'a',
                            userAnswer:''
                            answer: 'a',
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type:'email',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'email',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer:'Li Hai',
                            userAnswer:''
                            answer: 'Li Hai',
                            userAnswer: ''
                        },
                        {
                            answer:'Chinese',
                            userAnswer:''
                            answer: 'Chinese',
                            userAnswer: ''
                        },
                        {
                            answer:'Male',
                            userAnswer:''
                            answer: 'Male',
                            userAnswer: ''
                        },
                        {
                            answer:'21/08/2000',
                            userAnswer:''
                            answer: '21/08/2000',
                            userAnswer: ''
                        },
                        {
                            answer:'simonli@email.com',
                            userAnswer:''
                            answer: 'simonli@email.com',
                            userAnswer: ''
                        },
                        {
                            answer:'1532788901',
                            userAnswer:''
                            answer: '1532788901',
                            userAnswer: ''
                        },
                        {
                            answer:'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
                            userAnswer:''
                            answer: 'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
                            userAnswer: ''
                        },
                        {
                            answer:'Vocational diploma',
                            userAnswer:''
                            answer: 'Vocational diploma',
                            userAnswer: ''
                        },
                        {
                            answer:'Business English',
                            userAnswer:''
                            answer: 'Business English',
                            userAnswer: ''
                        },
                        {
                            answer:'Chengdu Polytechnic',
                            userAnswer:''
                            answer: 'Chengdu Polytechnic',
                            userAnswer: ''
                        },
                        {
                            answer:'Teacher’s certificate; Driving license;Two-week training on effective communication.',
                            userAnswer:''
                            answer: 'Teacher’s certificate; Driving license;Two-week training on effective communication.',
                            userAnswer: ''
                        },
                        {
                            answer:'Fluent in English; native in Mandarin',
                            userAnswer:''
                            answer: 'Fluent in English; native in Mandarin',
                            userAnswer: ''
                        },
                        {
                            answer:'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
                            userAnswer:''
                            answer: 'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type:'checkbox',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'checkbox',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer:['Personal information','Skills and qualifications','Education background','Interests','Volunteering experience'],
                            userAnswer:[]
                            answer: ['Personal information', 'Skills and qualifications', 'Education background', 'Interests', 'Volunteering experience'],
                            userAnswer: []
                        }
                    ]
                },
@@ -5112,29 +5158,29 @@
        if (dropdownData) this.dropdownData = JSON.parse(dropdownData);
        // 新增
        const listenOne = localStorage.getItem("english-chapter03-listenOne");
        if(listenOne) this.listenOne = JSON.parse(listenOne)
        if (listenOne) this.listenOne = JSON.parse(listenOne)
        const noSubmitData = localStorage.getItem('english-chapter03-noSubmitData')
        if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
        const wordsOne =  localStorage.getItem('english-chapter03-wordsOne')
        if(wordsOne) this.wordsOne = JSON.parse(wordsOne)
        const miniTable =  localStorage.getItem('english-chapter03-miniTable')
        if(miniTable) this.miniTable = JSON.parse(miniTable)
        const listenTwo =  localStorage.getItem('english-chapter03-listenTwo')
        if(listenTwo) this.listenTwo = JSON.parse(listenTwo)
        if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
        const wordsOne = localStorage.getItem('english-chapter03-wordsOne')
        if (wordsOne) this.wordsOne = JSON.parse(wordsOne)
        const miniTable = localStorage.getItem('english-chapter03-miniTable')
        if (miniTable) this.miniTable = JSON.parse(miniTable)
        const listenTwo = localStorage.getItem('english-chapter03-listenTwo')
        if (listenTwo) this.listenTwo = JSON.parse(listenTwo)
        const miniProjectTwo = localStorage.getItem('english-chapter03-miniProjectTwo')
        if(miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
        if (miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
        const listenThree = localStorage.getItem('english-chapter03-listenThree')
        if(listenThree) this.listenThree = JSON.parse(listenThree)
        if (listenThree) this.listenThree = JSON.parse(listenThree)
        const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
        if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
        if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
        this.getPath();
        
        


    },
    methods: {
        arrayToString(data) {
            if(Array.isArray(data)) {
            return data.toString()
            if (Array.isArray(data)) {
                return data.toString()
            } else {
                return data
            }
@@ -5216,14 +5262,26 @@
                "CAA563DB7727326EF9469C71E198DC20"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "E18F33A25DEB9B77CCBA5FC2977E3385"
            );
            this.resource.readingThree = await getResourcePath(
                "6CC658238756D3B60721712FA2453082"
            );

            this.resource.readingFour = await getResourcePath(
                "7E56A7028EFD4ECB1320DB02D079F2A2"
            );

            this.resource.listenTwo = await getResourcePath(
                "EE3DC2A770CB6280D5F57930017F8473"
                "E143D4F451EA8172C368005710C4692B"
            );
            

            this.resource.listenThree = await getResourcePath(
                "E143D4F451EA8172C368005710C4692B"
            );

            this.resource.listenFour = await getResourcePath(
                "B9FD8D144AB41BB9BFB7D363F0FD7975"
            );
        },
        showAnswer(type) {
@@ -5308,22 +5366,22 @@
        // lietenOne
        // 提交
        handelListenOneData() {
           for(let index = 0;index < this.listenOne.length;index ++) {
            const item = this.listenOne[index]
            item.isRight = item.value == item.answer
            item.isComplete = true
            item.isShowAnswer = true
           }
           console.log('提价',this.listenOne)
           this.saveListenOneData()
            for (let index = 0; index < this.listenOne.length; index++) {
                const item = this.listenOne[index]
                item.isRight = item.value == item.answer
                item.isComplete = true
                item.isShowAnswer = true
            }
            console.log('提价', this.listenOne)
            this.saveListenOneData()
        },
        // 保存
        saveListenOneData() {
            localStorage.setItem('english-chapter03-listenOne',JSON.stringify(this.listenOne))
            localStorage.setItem('english-chapter03-listenOne', JSON.stringify(this.listenOne))
        },
        // 查看答案
        viewListenOneData() {
            for(let index = 0;index < this.listenOne.length;index ++) {
            for (let index = 0; index < this.listenOne.length; index++) {
                const item = this.listenOne[index]
                item.isShowAnswer = !item.isShowAnswer
            }
@@ -5331,7 +5389,7 @@
        // 重做
        recastListenOneData() {
            localStorage.removeItem('english-chapter03-listenOne')
            for(let index = 0;index < this.listenOne.length;index ++) {
            for (let index = 0; index < this.listenOne.length; index++) {
                const item = this.listenOne[index]
                item.value = ''
                item.isRight = null
@@ -5341,16 +5399,16 @@
        // 只需要保存的题目数据
        // 保存
        saveNoSubmitData() {
            localStorage.setItem('english-chapter03-noSubmitData',JSON.stringify(this.noSubmitData))
            localStorage.setItem('english-chapter03-noSubmitData', JSON.stringify(this.noSubmitData))
        },
        // 查看答案
        viewNoSubmitData(num,number) {
        viewNoSubmitData(num, number) {
            this.noSubmitData[num].value[number].isShowAnswer = !this.noSubmitData[num].value[number].isShowAnswer
        },
        // wordsOne
        // 保存
        savewordsOne() {
            localStorage.setItem('english-chapter03-wordsOne',JSON.stringify(this.wordsOne))
            localStorage.setItem('english-chapter03-wordsOne', JSON.stringify(this.wordsOne))
        },
        // 重做
        recastwordsOne() {
@@ -5362,7 +5420,7 @@
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.userAnswer = '',
                    citem.isRight = null
                        citem.isRight = null
                }
            }
        },
@@ -5386,10 +5444,10 @@
        },
        saveminiTable() {
            console.log(1);
            localStorage.setItem('english-chapter03-miniTable',JSON.stringify(this.miniTable))
            localStorage.setItem('english-chapter03-miniTable', JSON.stringify(this.miniTable))
        },
        saveListenTwo() {
            localStorage.setItem('english-chapter03-listenTwo',JSON.stringify(this.listenTwo))
            localStorage.setItem('english-chapter03-listenTwo', JSON.stringify(this.listenTwo))
        },
        handelListenTwo() {
            for (let index = 0; index < this.listenTwo.length; index++) {
@@ -5412,14 +5470,14 @@
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = null
                    if(Array.isArray(citem.userAnswer)) {
                        citem.userAnswer = ["",""]
                    if (Array.isArray(citem.userAnswer)) {
                        citem.userAnswer = ["", ""]
                    } else {
                        citem.userAnswer= ""
                        citem.userAnswer = ""
                    }
                }
            }
            

        },
        viewListenTwo() {
            for (let index = 0; index < this.listenTwo.length; index++) {
@@ -5428,7 +5486,7 @@
            }
        },
        saveMiniProjectTwo() {
            localStorage.setItem('english-chapter03-miniProjectTwo',JSON.stringify(this.miniProjectTwo))
            localStorage.setItem('english-chapter03-miniProjectTwo', JSON.stringify(this.miniProjectTwo))
        },
        handelMiniProjectTwo() {
            for (let index = 0; index < this.miniProjectTwo.length; index++) {
@@ -5457,7 +5515,7 @@
            }
        },
        saveListenThree() {
            localStorage.setItem('english-chapter03-listenThree',JSON.stringify(this.listenThree))
            localStorage.setItem('english-chapter03-listenThree', JSON.stringify(this.listenThree))
        },
        handelListenThree() {
            for (let index = 0; index < this.listenThree.length; index++) {
@@ -5490,14 +5548,14 @@
            }
        },
        savePracticalWriting() {
            localStorage.setItem('english-chapter03-practicalWriting',JSON.stringify(this.practicalWriting))
            localStorage.setItem('english-chapter03-practicalWriting', JSON.stringify(this.practicalWriting))
        },
        handlePracticalWriting() {
            for (let index = 0; index < this.practicalWriting.length; index++) {
                const item = this.practicalWriting[index];
                item.isComplete = true
                item.isShowAnswer = true
                if(item.type == 'radio') {
                if (item.type == 'radio') {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = citem.userAnswer == citem.answer
@@ -5511,11 +5569,11 @@
                const item = this.practicalWriting[index];
                item.isComplete = false
                item.isShowAnswer = false
                if(item.type == 'radio') {
                if (item.type == 'radio') {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = null,
                        citem.userAnswer = ''
                            citem.userAnswer = ''
                    }
                }
            }
@@ -5608,14 +5666,16 @@
    right: 0;
    background-color: red;
}

.wating-email-box {
    background-color: #e0eaf7;
    border: 2px solid #95b8d3;
    padding: 0 10px ;
    padding: 0 10px;

    ul {
        display: flex;
        flex-wrap: wrap;
        

        li {
            white-space: nowrap;
            margin-right: 20px;

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

@@ -306,7 +306,7 @@
                        </div>
                        <p class="center"><b>Robots in Action</b></p>
                        <p class="center">
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
                                class="audio" ></audio>
                        </p>
                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
@@ -401,7 +401,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" 
                                class="audio"
                            ></audio>
                        <p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指） 动物</p>
                        <div class="bkbj">
@@ -1212,7 +1213,8 @@
                            </p>
                        </div>
                        <p class="center"><b>Fresh Face of Science</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                        <p class="center">
                             <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                        <p>According to Zhao Hongzhou,founder of China’s
@@ -1306,7 +1308,7 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
                            ></audio>
                        <p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
                        <div class="bkbj">
@@ -1869,11 +1871,12 @@
                        <h3 id="c035" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
                                about it.</b></p>
                                about it.</b>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p>
                           <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> 
                            1.What it is
@@ -1939,7 +1942,10 @@
                            </span>
                        </div>
                        <p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
                                conversation,and write down the benefits of each App.</b></p>
                                conversation,and write down the benefits of each App.</b>
                        </p>
                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p class="center">
                            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                                <tr class="table-th-bc">
@@ -2750,6 +2756,10 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
            },
            dropdownData: {
                one: {
@@ -3645,13 +3655,24 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "A502FE9E4A034ACF1B055B1D547C4B8F"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "59A4053C6BE193D9A97945841614841D"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "541CA8B7A9AE8746340C1259A83F8422"
            );
            this.resource.readingThree = await getResourcePath(
                "53A742267A1C22C01B8D5D35B13D3B9A"
            );
        
            this.resource.listenTwo = await getResourcePath(
                "2683C3F79104E353CE30961433F6AB35"
            );

            this.resource.listenThree = await getResourcePath(
                "2683C3F79104E353CE30961433F6AB35"
            );
        },
        showAnswer(type) {

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

@@ -383,7 +383,7 @@
                        </p>
                        <p class="center"><b>A Better Path for Plastic</b></p>
                        <p class="center"> <audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                        <p>Plastic plays an important role in modern life,serving as building blocks for everything from
                            packaging to medical equipment.This useful material has undeniable upsides—but far too much
                            of it ends up in landfills or in our environment.What can each of us do to be part of the
@@ -446,7 +446,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                            style="margin-left: 10px" class="audio"></audio>
                        <p>undeniable /ˌʌndɪˈnaɪəbl/ <i>adj.</i> 不可否定的；无可争辩的</p>
                        <div class="bkbj">
                            <p><i>that cannot be denied</i></p>
@@ -1802,8 +1802,8 @@
                            (4) Reducing food waste by properly storing and using food.
                        </p>
                        <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p class="center"> <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                        <p>Every morning,I wake up,and just moments after my feet hit this floor,I’m reaching for a
                            sports bra and tying my shoelaces.It’s time to go running.</p>
                        <p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s nothing
@@ -1888,8 +1888,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
                            ></audio>
                        <p>crisp /krɪsp/ <i>adj.</i> （指空气、天气） 干冷的；凉爽的</p>
                        <div class="bkbj">
                            <p><i>(of the air or the weather) pleasantly dry and cold</i></p>
@@ -1942,11 +1942,17 @@
                        <div class="bkbj">
                            <p><i>to think</i></p>
                        </div>
                        <p>carbon footprint 碳足迹</p>
                        <div class="fl">
                        <div class="left ">
                            <p>carbon footprint 碳足迹</p>
                        <p>big time 大范围地；很大程度地</p>
                        <p>reflect on 回想</p>
                        <p>reach for sth.伸出（手） 以抓到或拿到某物</p>
                        </div>
                        <div class="right ">
                            <p>reach for sth.伸出（手） 以抓到或拿到某物</p>
                        <p>turn out 结果是</p>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -2940,12 +2946,12 @@
                        <h3 id="c044" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                the video and fill in the blanks with what you hear.</b>
                        </p>
                        <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                        class="audio"></audio>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="wh-no tl-cn">Redwood Sapling</td>
@@ -3117,6 +3123,8 @@
                        <p><b>Ⅱ.The four people below are all concerned with the increasingly serious environmental
                                issues.Listen to the recording and decide which website they use to search for the
                                information they need.</b></p>
                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <div class="fl">
                            <div>
                                <img class="w100" alt="" src="../../assets/images/M5Select01.png" />
@@ -3699,8 +3707,8 @@
                        <div class="un-h2">
                            <h2 id="b020">Unit Project</h2>
                        </div>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <audio :src="resource.projectOne" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px; margin-top: 10px;" class="audio"></audio>
                        <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
                            Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
                            also did her part by joining the 7-day No Plastic Challenge.Let’s watch her vlog and see
@@ -4300,6 +4308,11 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
                projectOne: "",
            },
            dropDownList: [
                "animal rescue and care",
@@ -4723,7 +4736,22 @@
                "157842B38CA587C8134070E66D174DDE"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "F0060BCF874B78E05E2DC9FE317A6D37"
            );
            this.resource.readingThree = await getResourcePath(
                "4AC860B7C2CEB89231AF97F85275A9C6"
            );
            this.resource.readingFour = await getResourcePath(
                "31AE82BE3BFCD4F772C7C3AFD27D0E31"
            );
            this.resource.listenTwo = await getResourcePath(
                "5D9F90ABD53E30608E09A0DEE07401C1"
            );
            this.resource.listenThree = await getResourcePath(
                "3DF0EEC6B4334C0C7FF7BC69F8322C22"
            );
            this.resource.projectOne = await getResourcePath(
                "BB6F58469CF7056440FE458E82960F4A"
            );
        },
        showAnswer(type) {

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

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

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