From ac9d75d4d82039ba62c7d438ca5564f7049cc343 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 16 七月 2024 09:25:29 +0800
Subject: [PATCH] Merge branches 'master' and 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter004.vue |  689 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 655 insertions(+), 34 deletions(-)

diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 64b71cf..cabc496 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -43,21 +43,363 @@
                             <p>robot floor cleaner銆�self-balancing scooter銆�camera drone銆�smartwatch銆�fingerprint door
                                 lock銆�VR headset</p>
                         </div>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
-                        <p class="center">1._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
-                        <p class="center">2._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
-                        <p class="center">3._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
-                        <p class="center">4._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
-                        <p class="center">5._____________________</p>
-                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
-                        <p class="center">6._____________________</p>
+                        <ul class="fl fw-wr dropdown-box-one" >
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p>
+                                <p class="center">1.
+                                    <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p>
+                                <p class="center">2.
+                                    <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p>
+                                <p class="center">3.
+                                    <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p>
+                                <p class="center">4.
+                                    <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p>
+                                <p class="center">5.
+                                    <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                            <li>
+                                <p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p>
+                                <p class="center">6.
+                                    <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp"
+                                        :disabled="warmUp[0].isComplete">
+                                        <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+                                        {{ item }}
+                                        </option>
+                                    </select>
+                                    <span class="icon-box" v-if="warmUp[0].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                </p>
+                            </li>
+                        </ul>
+                        <div class="event-header-text-bc pd-5 w100 mt-20"
+                            v-if="warmUp[0].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20">
+                                {{index + 1}}.{{ item.answer }}
+                            </span>
+                        </div>
                         <p><b>鈪�.Read the following descriptions of the items in the above pictures,and then put the
                                 number of the corresponding picture in the blanks.</b></p>
-                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-16">
+                            <tr>
+                                <td>1. It takes pictures of the world from the sky.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>2. It allows us to open the door with fingertips.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>3. It cleans the foor of your room.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>4. It allows you to experience amazing places of the world without leaving home.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[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="warmUp[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>
+                                        </svg>
+                                    </span>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>5. It works as your personal transporter, and takes you from one place to another.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[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>
+                                        </svg>
+                                        <svg v-if="warmUp[1].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>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>6. It can not only tell time but also keep track of your ftness.</td>
+                                <td>
+                                    <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> 
+                                    <span class="icon-box" v-if="warmUp[1].isComplete">
+                                        <svg v-if="warmUp[1].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="warmUp[1].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>
+                                </td>
+                            </tr>
+                        </table>
+                        <div class="event-header-text-bc pd-5 w100 mt-20"
+                            v-if="warmUp[1].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20">
+                                {{ item.answer }}
+                            </span>
+                        </div>
+                       <div class="w100 fl">
+                            <ul class="fl ju-ar w100">
+                                <li>
+                                    <button class="btn-border btn-w" @click="handlewarmUp">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="recastwarmUp" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="viewwarmUp" class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -92,14 +434,16 @@
                         <matching :rawData="rawData" :question="question"></matching>
                         <h3 id="c030"><span class="bjh3">Reading</span></h3>
                         <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
+                            ></audio>
                         <p>1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�?
-                        </p>
+                        </p> 
+                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
                         <p>2.How can robots help humans today in daily life and work?</p>
+                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                         <p class="center"><b>Robots in Action</b></p>
                         <p class="center">
                             <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
-                                class="audio" @play="audioPlay"></audio>
+                                class="audio" ></audio>
                         </p>
                         <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
                             soon be used to study sea
@@ -194,7 +538,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
+                            ></audio>
                         <p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
                         <div class="bkbj">
                             <p><i>a living thing that can move around,such as an animal</i></p>
@@ -295,8 +639,48 @@
                         <p><b>鈪�.Reading comprehension.</b></p>
                         <p>A.Read the passage and complete the summary.</p>
                         <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
-                            people鈥檚 lives 1._________.Sometimes,machines can perform better than humans.There are four
-                            examples of the latest robots.Octobot is designed to study 2._________,which can blend in
+                            people鈥檚 lives 1.
+                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
+                            <span class="icon-box" v-if="readingOne[0].isComplete">
+                                <svg v-if="readingOne[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="readingOne[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>
+                            .Sometimes,machines can perform better than humans.There are four
+                            examples of the latest robots.Octobot is designed to study 2.
+                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
+                            <span class="icon-box" v-if="readingOne[0].isComplete">
+                                <svg v-if="readingOne[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="readingOne[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>
+                            ,which can blend in
                             with its underwater surroundings.Spot is a mechanical dog which may</p>
                     </div>
                 </div>
@@ -320,10 +704,78 @@
                 <!-- 鍐呭 -->
                 <div class="padding-93">
                     <div class="bodystyle">
-                        <p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
-                            robot Pepper has been created to communicate with humans and react to 5._________.</p>
+                        <p> be used for 3.
+                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
+                            <span class="icon-box" v-if="readingOne[0].isComplete">
+                                <svg v-if="readingOne[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="readingOne[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>
+                            missions.Mingo could be found in hotels making 4.
+                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
+                            <span class="icon-box" v-if="readingOne[0].isComplete">
+                                <svg v-if="readingOne[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="readingOne[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>
+                            .A humanoid
+                            robot Pepper has been created to communicate with humans and react to 5.
+                            <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> 
+                            <span class="icon-box" v-if="readingOne[0].isComplete">
+                                <svg v-if="readingOne[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="readingOne[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>
+                            .</p>
                         <p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
                         <p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
+                        <p>1. It moves like a real dog.</p>
+                        <p>2. It could be found in stores.</p>
+                        <p>3. It is the size of a shoebox.</p>
+                        <p>4. It can carry heavy facilities.</p>
+                        <p>5. It will cheer you up if you frown.</p>
+                        <p>6. It can bring guests small items to their rooms.</p>
+                        <p>7. It's about three-foot-tall with a screen on the top.</p>
+                        <p>8. It travels close to the speed of an octopus in the water.</p>
                         <p><b>鈪�.Language focus.</b></p>
                         <p>A.Fill in the blanks with the proper form of the words given below.</p>
                         <div class="bk-wh">
@@ -741,7 +1193,7 @@
                         <p>2.What is your dream about space exploration?</p>
                         <p class="center"><b>Fresh Face of Science</b></p>
                         <p class="center"> <audio :src="resource.listenOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                                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鈥檚
                             <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
@@ -835,7 +1287,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
+                            ></audio>
                         <p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁¢噺瀛�</p>
                         <div class="bkbj">
                             <p><i>the science of measuring and analyzing science</i></p>
@@ -1841,14 +2293,8 @@
         return {
             imgThirteen: require("../../assets/images/grammar4-1.png"),
             imgThirteenOne: require("../../assets/images/grammar4-2.png"),
-            showAnswerOne: false,
-            showAnswerTwo: false,
-            showAnswerThree: false,
-            showAnswerFour: false,
-            showAnswerFive: false,
             showImg: false,
             showImgOne: false,
-            showQuestionAnswer: false,
             rawData: {
                 left: [
                     {
@@ -2090,7 +2536,7 @@
                 readingTwo: "",
             },
             dropDownList: [
-                "animal rescue and care",
+                "robot floor cleaner",
                 "blood donation",
                 "community clean-ups",
                 "language service",
@@ -2117,6 +2563,131 @@
                     answer: "animal rescue and care",
                 },
             },
+            // 鏂板
+            warmUp:[
+                {
+                    type:'drapDown',
+                    isComplete:false,
+                    isShowAnswer:false,
+                    options:['robot floor cleaner','self-balancing scooter','camera drone','camera drone','camera drone','VR headset'],
+                    value:[
+                        {
+                            answer:'robot floor cleaner',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'camera drone',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'VR headset',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'fingerprint door lock',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'smartwatch',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'self-balancing scooter',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                    ]
+                },
+                {
+                    type:'fill',
+                    isComplete:false,
+                    isShowAnswer:false,
+                    value:[
+                        {
+                            answer:"2",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                        {
+                            answer:"4",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                        {
+                            answer:"1",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                        {
+                            answer:"3",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                        {
+                            answer:"6",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                        {
+                            answer:"5",
+                            userAnswer:'',
+                            isRight:null,
+                        },
+                    ]
+                }
+            ],
+            noSubmitData:[
+                {
+                    type:'shortAnswer',
+                    value:[
+                        {
+                            userAnswer:''
+                        },
+                        {
+                            userAnswer:''
+                        }
+                    ]
+                }
+            ],
+            readingOne:[
+                {
+                    type:'fill',
+                    isComplete:false,
+                    isShowAnswer:false,
+                    value:[
+                        {
+                            answer:'easier and safer',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'sea creatures',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'search-and-rescue',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'deliveries',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                        {
+                            answer:'emotions',
+                            userAnswer:'',
+                            isRight:null
+                        },
+                    ]
+                }
+            ]
         };
     },
     mounted() {
@@ -2132,6 +2703,12 @@
         if (dropdownData) {
             this.dropdownData = JSON.parse(dropdownData);
         }
+        const warmUp = localStorage.getItem('english-chapter04-warmup')
+        if(warmUp) this.warmUp = JSON.parse(warmUp)
+        const noSubmitData = localStorage.getItem('english-chapter04-noSubmitData')
+        if(noSubmitData) this.noSubmitData = JSON.parse(this.noSubmitData)
+        const readingOne = localStorage.getItem('english-chapter04-readingOne')
+        if(readingOne) this.readingOne = JSON.parse(readingOne)
         this.getPath();
     },
     methods: {
@@ -2274,12 +2851,47 @@
                 JSON.stringify(this.dropdownData)
             );
         },
-        saveData() {
-            console.log(this.testData);
+        // 鏂板
+        savewarmUp() {
+            localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp))
         },
-        audioPlay() {
-            this.$emit("closeMiniAudio");
+        handlewarmUp() {
+            for (let index = 0; index < this.warmUp.length; index++) {
+                const item = this.warmUp[index];
+                item.isComplete = true
+                item.isShowAnswer = true
+                for (let cindex = 0; cindex < item.value.length; cindex++) {
+                    const citem = item.value[cindex];
+                    citem.isRight = citem.userAnswer == citem.answer
+                }
+            }
+            this.savewarmUp()
         },
+        recastwarmUp() {
+            for (let index = 0; index < this.warmUp.length; index++) {
+                const item = this.warmUp[index];
+                item.isComplete = false
+                item.isShowAnswer = false
+                for (let cindex = 0; cindex < item.value.length; cindex++) {
+                    const citem = item.value[cindex];
+                    citem.isRight = null
+                    citem.userAnswer = ''
+                }
+            }
+            localStorage.removeItem('english-chapter04-warmup')
+        },
+        viewwarmUp() {
+            for (let index = 0; index < this.warmUp.length; index++) {
+                const item = this.warmUp[index];
+                item.isShowAnswer = !item.isShowAnswer
+            }
+        },
+        saveNoSubmitData() {
+            localStorage.setItem('english-chapter04-noSubmitData',JSON.stringify(this.noSubmitData))
+        },
+        saveReadingOne() {
+            localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne))
+        }
     },
 };
 </script>
@@ -2358,4 +2970,13 @@
     right: 0;
     background-color: red;
 }
+.dropdown-box-one {
+    
+    li {
+        width: 33%;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+    }
+}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1