From db197adc2c4bdb0335f3d5b0a364d5b3dac1ea02 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 18 七月 2024 11:32:23 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter004.vue | 2383 +++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 1,676 insertions(+), 707 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index a62d95c..5dc593b 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -54,22 +54,7 @@
</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>
+ <img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -83,22 +68,7 @@
</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>
+ <img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -112,22 +82,7 @@
</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>
+ <img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -141,22 +96,7 @@
</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>
+ <img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -170,22 +110,7 @@
</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>
+ <img :src="warmUp[0].value[4].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -199,22 +124,7 @@
</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>
+ <img :src="warmUp[0].value[5].isRight ? correctIcon : errorIcon" alt="">
</span>
</p>
</li>
@@ -234,22 +144,7 @@
<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>
+ <img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt="">
</span>
</td>
</tr>
@@ -258,22 +153,7 @@
<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>
+ <img :src="warmUp[1].value[1].isRight ? correctIcon : errorIcon" alt="">
</span>
</td>
</tr>
@@ -282,22 +162,7 @@
<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>
+ <img :src="warmUp[1].value[2].isRight ? correctIcon : errorIcon" alt="">
</span>
</td>
</tr>
@@ -306,22 +171,7 @@
<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>
+ <img :src="warmUp[1].value[3].isRight ? correctIcon : errorIcon" alt="">
</span>
</td>
</tr>
@@ -330,22 +180,7 @@
<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>
+ <img :src="warmUp[1].value[4].isRight ? correctIcon : errorIcon" alt="">
</span>
</td>
</tr>
@@ -381,22 +216,22 @@
{{ item.answer }}
</span>
</div>
- <div class="w100 fl ju-cn">
- <ul class="fl ju-ar w80">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
<li>
- <button class="btn-border btn-w" @click="handlewarmUp">
- 鎻愪氦
- </button>
+ <button class="btn-border btn-w" @click="handlewarmUp">
+ 鎻愪氦
+ </button>
</li>
<li>
- <button @click="recastwarmUp" class="btn-border btn-w">
- 閲嶅仛
- </button>
+ <button @click="recastwarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
</li>
<li>
- <button @click="viewwarmUp" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
+ <button @click="viewwarmUp" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
</li>
</ul>
</div>
@@ -642,43 +477,13 @@
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>
+ <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" alt="">
</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>
+ <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" alt="">
</span>
,which can blend in
with its underwater surroundings.Spot is a mechanical dog which may</p>
@@ -707,97 +512,138 @@
<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>
+ <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" alt="">
</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>
+ <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" alt="">
</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>
+ <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" alt="">
</span>
- .</p>
+ .</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[0].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<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 class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p> -->
+ <ul class="choice-select">
+ <!-- <li >
+ <span>{{item}}</span>
+ <dropdown :options="readingOne[1].option" @changeDropdownData="index == 0 ? changeDropdownDataOne : index == 1 ? changeDropdownDataTwo : index == 2 ? changeDropdownDataThree : changeDropdownDataFour "></dropdown>
+ <img :src="readingOne[1].value.isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
+ </li> -->
+ <li>
+ <span>Pepper</span>
+ <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown>
+ <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
+ </li>
+ <li>
+ <span>Spot</span>
+ <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown>
+ <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
+ </li>
+ <li>
+ <span>Mingo</span>
+ <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown>
+ <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
+ </li>
+ <li>
+ <span>Octobot</span>
+ <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown>
+ <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
+ </li>
+ </ul>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[1].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ arrayToString(item.answer) }}
+ </span>
+ </div>
+ <!-- <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>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">
<p>facility銆�mission銆�mechanical銆�habitat銆�creature銆�react</p>
</div>
- <p>1.This jellyfish looks like a _______ from outer space.</p>
- <p>2.The giant panda _______ is commonly known as a bamboo forest.</p>
- <p>3.China launched its first manned space _______ in 2003.</p>
- <p>4.E-Theatre is equipped with state-of-the-art audio and video _______ .</p>
- <p>5.Research shows that video games can help us think and _______ faster.</p>
- <p>6.Our company has over 10 years of experience in the field of _______ engineering.</p>
+ <p>1.This jellyfish looks like a
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ from outer space.</p>
+ <p>2.The giant panda
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ is commonly known as a bamboo forest.</p>
+ <p>3.China launched its first manned space
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ in 2003.</p>
+ <p>4.E-Theatre is equipped with state-of-the-art audio and video
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ .</p>
+ <p>5.Research shows that video games can help us think and
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ faster.</p>
+ <p>6.Our company has over 10 years of experience in the field of
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ engineering.</p>
<p>B.Choose the correct preposition or adverb.</p>
- <p>1.I have not yet seen the machines <i><span class="u">in / into</span></i> action.</p>
- <p>2.Technology is <i><span class="u">off / on</span></i> the rise more than ever before.</p>
- <p>3.The secretary is not willing to take <i><span class="u">up / on</span></i> any extra work.
+ <p>1.I have not yet seen the machines
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
+ (<i>in / into</i>) action.</p>
+ <p>2.Technology is
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
+ (<i>off / on</i>) the rise more than ever before.</p>
+ <p>3.The secretary is not willing to take
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
+ (<i>up / on</i>) any extra work.
</p>
- <p>4.Employees are not allowed to smoke while <i><span class="u">on / in</span></i> the job.</p>
- <p>5.I don鈥檛 know how to cheer him <i><span class="u">up / on</span></i> when he found the
- project was a total failure.</p>
+ <p>4.Employees are not allowed to smoke while
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
+ (<i>on / in</i>) the job.</p>
+ <p>5.I don鈥檛 know how to cheer him
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
+ (<i>up / on</i>) when he found the
+ project was a total failure.
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[3].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>C.Translate the following sentences into Chinese.</p>
- <p>1.While riding your scooter,you should keep your body in balance.</p>
- <p>__________________________________________________</p>
+ <p>1.While riding your scooter,you should keep your body in balance.
+ <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
+ </p>
+ <p>
+ <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -821,13 +667,32 @@
<div class="padding-93">
<div class="bodystyle">
<p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a
- central store.</p>
- <p>__________________________________________________</p>
+ central store.
+ <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
+ </p>
+ <p>
+ <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </p>
<p>3.Not only does our team have professional equipment,but they also have a great amount of
- rescue experience.</p>
- <p>__________________________________________________</p>
- <p>4.Food processors are great tools for blending vegetables and fruits.</p>
- <p>__________________________________________________</p>
+ rescue experience.
+ <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
+ </p>
+ <p>
+ <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </p>
+ <p>4.Food processors are great tools for blending vegetables and fruits.
+ <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
+ </p>
+ <p>
+ <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[4].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[4].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p><b>鈪�.Grammar focus:The comparative degree.</b>
<span class="btn-box" @click="showAnswer('showImg')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -843,53 +708,128 @@
<img class="w100" :src="imgThirteen" />
</div>
<p>A.Write the comparative form for each word below.</p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14">
<tr class="table-tr-bc">
- <td class="tl-lf" style="width: 33%;">l. often 鈫�<input :disabled="testData.isComplete"
+ <td class="tl-lf" style="width: 33%;">
+ l. often 鈫�
+ <input :disabled="readingOne[5].isComplete"
type="text" class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input :disabled="testData.isComplete"
+ v-model="readingOne[5].value[0].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input :disabled="readingOne[5].isComplete"
type="text" class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf" style="width: 33%;">3. bad 鈫�<input :disabled="testData.isComplete"
+ v-model="readingOne[5].value[1].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf" style="width: 33%;">3. bad 鈫�<input :disabled="readingOne[5].isComplete"
type="text" class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ v-model="readingOne[5].value[2].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
</td>
</tr>
<tr class="table-tr-bc ">
- <td class="tl-lf">4. early 鈫�<input :disabled="testData.isComplete" type="text"
+ <td class="tl-lf">4. early 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf">5. heavy 鈫�<input :disabled="testData.isComplete" type="text"
+ v-model="readingOne[5].value[3].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf">5. heavy 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf">6. late 鈫�<input :disabled="testData.isComplete" type="text"
+ v-model="readingOne[5].value[4].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf">6. late 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ v-model="readingOne[5].value[5].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
</td>
</tr>
<tr class="table-tr-bc">
- <td class="tl-lf">7. dangerous 鈫�<input :disabled="testData.isComplete" type="text"
+ <td class="tl-lf">7. dangerous 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf">8. thin 鈫�<input :disabled="testData.isComplete" type="text"
+ v-model="readingOne[5].value[6].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf">8. thin 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-lf">9. far 鈫�<input :disabled="testData.isComplete" type="text"
+ v-model="readingOne[5].value[7].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
+ </td>
+ <td class="tl-lf">9. far 鈫�<input :disabled="readingOne[5].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ v-model="readingOne[5].value[8].userAnswer" @change="saveReadingOne" />
+ <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
</td>
</tr>
</table>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[5].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ arrayToString(item.answer) }}
+ </span>
+ </div>
<p>B.Fill in the blanks with the correct comparatives from the above.</p>
- <p>1.The new car model may be launched _______ than expected.</p>
- <p>2.The higher we go above the earth,the _______ the air is.</p>
- <p>3.What you plant now,you will harvest _______ .</p>
- <p>4.People come online _______ with smartphones than with any other device.</p>
- <p>5.The big ball is _______ than the small ball.</p>
- <p>6.In fact,the summer heat is _______ than lightning.</p>
- <p>7.Our mission is to create a/an _______ everyday life for the many people.</p>
- <p>8.I wanted to discuss it _______ ,but we didn鈥檛 have time.</p>
+ <p>1.The new car model may be launched
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ than expected.</p>
+ <p>2.The higher we go above the earth,the
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ the air is.</p>
+ <p>3.What you plant now,you will harvest
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ .</p>
+ <p>4.People come online
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ with smartphones than with any other device.</p>
+ <p>5.The big ball is
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ than the small ball.</p>
+ <p>6.In fact,the summer heat is
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ than lightning.</p>
+ <p>7.Our mission is to create a/an
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ everyday life for the many people.</p>
+ <p>8.I wanted to discuss it
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
+ <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
+ ,but we didn鈥檛 have time.
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[6].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[6].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handleReadingOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastReadingOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewReadingOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c031"><span class="bjh3">Mini-project</span></h3>
<p>Robots play a bigger role in our life than ever before.Discuss the following questions with
your partner.Afterwards,share your thoughts in class.</p>
@@ -927,8 +867,16 @@
</td>
<td class="tl-lf">
<p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
- <textarea v-model="questionData.table.nineteen"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <p class="fl al-cn">
+ 2.
+ <input v-model="noSubmitData[1].value[0].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
+ <p class="fl al-cn">
+ 3.
+ <input v-model="noSubmitData[1].value[1].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
</td>
</tr>
<tr class="table-tr-bc">
@@ -937,8 +885,16 @@
</td>
<td>
<p class="table-p">1. Do creative work.</p>
- <textarea v-model="questionData.table.nineteen"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <p class="fl al-cn">
+ 2.
+ <input v-model="noSubmitData[1].value[2].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
+ <p class="fl al-cn">
+ 3.
+ <input v-model="noSubmitData[1].value[3].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
</td>
</tr>
<tr class="table-tr-bc">
@@ -947,8 +903,16 @@
</td>
<td>
<p class="table-p">1. Fold clothes for you.</p>
- <textarea v-model="questionData.table.nineteen"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <p class="fl al-cn">
+ 2.
+ <input v-model="noSubmitData[1].value[4].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
+ <p class="fl al-cn">
+ 3.
+ <input v-model="noSubmitData[1].value[5].userAnswer"
+ class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
+ </p>
</td>
</tr>
</table>
@@ -1126,20 +1090,25 @@
your findings to the class.</b></p>
<div class="fieldset-1">
<p class="center"><b>Interest in Science</b></p>
- <p>1. Do you like science?</p>
- <p>鈻� YES (Continue to Question 2) </p>
- <p>鈻� NO (Go directly to Question 4)</p>
- <p>2. What/Who inspired your interest in science?</p>
- <p>鈻� Parents/Relatives.</p>
- <p>鈻� Film/TV.</p>
- <p>鈻� Friends.</p>
- <p>鈻� Internet.</p>
- <p>鈻� Teachers.</p>
- <p>鈻� A special event.</p>
- <p>鈻� School or a particular subject.</p>
- <p>鈻� I don鈥檛 know.</p>
- <p>鈻� Books.</p>
- <p>鈻� Other.</p>
+ <ul>
+ <li v-for="(item,index) in noSubmitData[2].value.slice(0,2)" :key="index">
+ <p>
+ {{index + 1}}.{{item.stem}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete">
+ </p>
+
+ <p v-for="(citem,cindex) in item.option" :key="cindex">
+ <input type="checkbox"
+ :value="citem"
+ :name="item.stem"
+ v-model="item.userAnswer"
+ :disabled="noSubmitData[2].isComplete"
+ @change="saveNoSubmitData"
+ >
+ {{citem}}
+ </p>
+ </li>
+ </ul>
</div>
</div>
</div>
@@ -1164,33 +1133,55 @@
<div class="padding-93">
<div class="bodystyle">
<div class="fieldset-1">
- <p>3. Why are you interested in studying science?</p>
- <p>鈻� I am curious about the world.</p>
- <p>鈻� It challenges me intellectually.</p>
- <p>鈻� To earn money.</p>
- <p>鈻� To get a good job.</p>
- <p>鈻� To help others or contribute to society.</p>
- <p>鈻� I don鈥檛 know.</p>
- <p>鈻� To search for answers or make new discoveries.</p>
- <p>鈻� Other.</p>
- <p>4. What are the main reasons that you are not interested in science?</p>
- <p>鈻� It鈥檚 difficult for me to understand.</p>
- <p>鈻� I find it boring.</p>
- <p>鈻� Science is not spread to the public effectively.</p>
- <p>鈻� I鈥檓 too lazy.</p>
- <p>鈻� There has been nothing to encourage or inspire me.</p>
- <p>鈻� I don鈥檛 know.</p>
- <p>鈻� I don鈥檛 like my science teacher.</p>
- <p>鈻� Other.</p>
+ <ul>
+ <li v-for="(item,index) in noSubmitData[2].value.slice(2,5)" :key="index">
+ <p>
+ {{index + 3}}.{{item.stem}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete">
+ </p>
+
+ <p v-for="(citem,cindex) in item.option" :key="cindex">
+ <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData">
+ {{citem}}
+ </p>
+ </li>
+ </ul>
</div>
<p>You may start your survey report with the following expressions:</p>
<p><i>Most students seem</i>鈥�</p>
<p><i>It appears that most students</i>鈥�</p>
<p><i>What surprised me is that</i>鈥�</p>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea>
<h3 id="c033"><span class="bjh3">Reading</span></h3>
<p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
+ <span class="btn-box" @click="showNoSubmitAnswer(3,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"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
- <p>2.What is your dream about space exploration?</p>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
+ <span>绛旀锛歿{noSubmitData[3].value[1].answer}}</span>
+ </div>
+ <p>2.What is your dream about space exploration?
+ <span class="btn-box" @click="showNoSubmitAnswer(3,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"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[2].isShowAnswer">
+ <span>绛旀:</span>
+ <p v-for="(item,index) in noSubmitData[3].value[2].answer" :key="index">
+ {{index + 1}}) {{item}}
+ </p>
+ </div>
<p class="center"><b>Fresh Face of Science</b></p>
<p class="center"> <audio :src="resource.listenOne" controls
controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
@@ -1428,70 +1419,84 @@
<td class="tl-cn table-th-bc">The FAST Team</td>
<td style="width: 65%;">
<p class="table-p">
- The engineering and operation team has an average age of 1.<select
- v-model="dropdownData.one.value" style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>
- while the on-site team has an average age of 2.<select
- v-model="dropdownData.one.value" style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>
+ The engineering and operation team has an average age of 1.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ while the on-site team has an average age of 2.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
</p>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc">Achievements</td>
<td style="width: 65%;">
- <p class="table-p">He would like to provide the world's 5.<select
- v-model="dropdownData.one.value" style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>least developed countries
- with engineers.</p>
- <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
- style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>people.</p>
+ <p class="table-p">The team built the world鈥檚 largest radio telescope, which has been quite helpful in the discovery of around 3.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ pulsars, since becoming operational in September 4.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ </p>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
<td style="width: 65%;">
- <p class="table-p">He would like to provide the world's 5.<select
- v-model="dropdownData.one.value" style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>least developed countries
- with engineers.</p>
- <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
- style="width: 25%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
- {{ item }}
- </option>
- </select>people.</p>
+ <p class="table-p">A researcher behind FAST鈥檚 feed cabin, was responsible for creating the 鈥減upil鈥� of the 鈥淪ky Eye鈥�. She joined the team at the age of 5.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ Sun Jinghai A 6.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ ________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7.
+ <input :disabled="readingTwo[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" />
+ <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
+ years on FAST.
+ </p>
</td>
</tr>
</table>
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[0].isShowAnswer">
+ <span>绛旀:</span>
+ <span v-for="(item,index) in readingTwo[0].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
<p>B.Decide whether the following statements are true (T) or false (F).</p>
- <p>(銆�) 1.According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest
- achievements before the age of 45.</p>
- <p>(銆�) 2.FAST helps scientists better understand the origin of the universe and find potential
- life on other planets.</p>
- <p>(銆�) 3.Yao Rui is lucky to associate her personal interests with the development of the
- country.</p>
- <p>(銆�) 4.Sun Jinghai encountered many difficulties in the construction of FAST and lost
- confidence in himself.</p>
- <p>(銆�) 5.Young Chinese scientists contribute their wisdom to building a community of a shared
- future.</p>
+ <p v-for="(item,index) in readingTwo[1].value" :key="index">
+ (
+ <select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo">
+ <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex"
+ :value="citem">
+ {{ citem }}
+ </option>
+ </select>
+ )
+ {{index + 1}}.{{item.stem}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer">
+ <span>绛旀:</span>
+ <span v-for="(item,index) in readingTwo[1].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1515,24 +1520,38 @@
<div class="padding-93">
<div class="bodystyle">
<p><b>鈪�.Language focus.</b></p>
- <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
- have been given.</p>
- <p>1.The o _______ of life is one of the great mysteries in the universe.</p>
- <p>2.The most c _______ science is biology followed by chemistry and next is physics.</p>
- <p>3.Years of doing scientific research had made her very p _______ in her working methods.</p>
- <p>4.The competition is designed to inspire and r _______ the next generation of scientific
- leaders.</p>
- <p>5.Learning how to o _______ challenges is a necessary life skill on the road to success.</p>
+ <p v-for="(item,index) in readingTwo[2].value" :key="index">
+ {{index + 1}}.{{item.stemOne}}
+ <input :disabled="readingTwo[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
+ />
+ {{item.stemTwo}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer">
+ <span>绛旀:</span>
+ <span v-for="(item,index) in readingTwo[2].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
<div class="bk-wh">
<p>work on銆�in return銆�be responsible for銆�be involved in銆�contribute to</p>
</div>
- <p>1.If we are nice to others,we expect that they will be nice to us _______ .</p>
- <p>2.We will always remember Yuan Longping who _______ China鈥檚 food security.</p>
- <p>3.The service of food delivery robot is still not satisfactory,but the company say they鈥檙e
- _______ it.</p>
- <p>4.All drivers _______ their vehicles鈥攅ven when it鈥檚 a self-driving car accident.</p>
- <p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
+ <p v-for="(item,index) in readingTwo[3].value" :key="'list' + index">
+ {{index + 1}}.{{item.stemOne}}
+ <input :disabled="readingTwo[3].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
+ />
+ {{item.stemTwo}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer">
+ <span>绛旀:</span>
+ <span v-for="(item,index) in readingTwo[3].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
<p><b>鈪�.Grammar focus:The superlative degree.</b>
<span class="btn-box" @click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1548,14 +1567,39 @@
<img class="w100" :src="imgThirteenOne" />
</div>
<p>Complete the sentences with the superlative form of the words in the brackets.</p>
- <p>1.He is probably the _______ (creative) designer in our company.</p>
- <p>2.This automated store offers the _______ (wide) variety of products.</p>
- <p>3.His ankles hurt badly,but his knees hurt _______ (badly).</p>
- <p>4.Penicillin is one of the _______ (big) scientific discoveries of all time.</p>
- <p>5.You can contact me _______ (easily) by email.Here鈥檚 my address.</p>
- <p>6.The light bulb is one of the _______ (helpful) inventions.</p>
- <p>7.In our office,Zhang Ming works by far the _______ (hard).</p>
- <p>8.As I live _______ (near) to the station,I鈥檒l go and buy the train tickets for us.</p>
+ <p v-for="(item,index) in readingTwo[4].value" :key="'hold' + index">
+ {{index + 1}}.{{item.stemOne}}
+ <input :disabled="readingTwo[4].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
+ />
+ {{item.stemTwo}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer">
+ <span>绛旀:</span>
+ <span v-for="(item,index) in readingTwo[4].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handleReadingTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastReadingTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewReadingTwo" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1602,46 +1646,46 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one"
+ <textarea v-model="noSubmitData[4].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ @input="saveNoSubmitData"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <textarea v-model="noSubmitData[4].value[1].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one"
+ <textarea v-model="noSubmitData[4].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ @input="saveNoSubmitData"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <textarea v-model="noSubmitData[4].value[3].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one"
+ <textarea v-model="noSubmitData[4].value[4].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ @input="saveNoSubmitData"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <textarea v-model="noSubmitData[4].value[5].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one"
+ <textarea v-model="noSubmitData[4].value[6].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ @input="saveNoSubmitData"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ <textarea v-model="noSubmitData[4].value[7].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -1801,10 +1845,26 @@
</h3>
<p><b>鈪�.Listen to Nadia talking about her favorite electronic device and mark what she says
about it.</b></p>
- <p>鈻� 1.What it is</p>
- <p>鈻� 2.Where Nadia got it</p>
- <p>鈻� 3.How much it is</p>
- <p>鈻� 4.What Nadia uses it for</p>
+ <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
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'What it is',0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
+ <p>
+ <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
+ 2.Where Nadia got it
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'Where Nadia got it',1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
+ <p>
+ <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
+ 3.How much it is
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'How much it is',2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
+ <p>
+ <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
+ 4.What Nadia uses it for
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'What Nadia uses it for',3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1827,86 +1887,171 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>鈻� 5.When Nadia owned it</p>
- <p>鈻� 6.Why it is important to Nadia</p>
+ <p>
+ <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
+ 5.When Nadia owned it
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'When Nadia owned it',4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
+ <p>
+ <input
+ type="checkbox"
+ value="Why it is important to Nadia"
+ name="what"
+ v-model="listenTwo[0].value[0].userAnswer"
+ :disabled="listenTwo[0].isComplete"
+ >
+ 6.Why it is important to Nadia
+ <img :src="isTextRight(listenTwo[0].value[0].answer,'Why it is important to Nadia',5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
+ </p>
+ <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[0].answer" :key="index">
+ {{index + 1}}.{{item}}
+ </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>
<p class="center">
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
- <tr class="table-th-bc">
- <td class="tl-cn">Artificial Inteligence Apps</td>
- <td class="tl-cn">Benefits</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- digital assistance
- </td>
- <td class="tl-lf">
- <p class="table-p">
- It reminds me to do things.
- </p>
- <p class="table-p">
- It wakes me up 1<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />in the morning.
- </p>
- <p class="table-p">
- It plays my 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />music.
- </p>
- <p class="table-p">
- I chat with it when I am alone..
- </p>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- online shopping recommendation
- </td>
- <td class="tl-lf">
- <p class="table-p">
- It 3.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />suggests things that I
- want.
- </p>
- <p class="table-p">
- It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />experience.
- </p>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- instant translation
- </td>
- <td class="tl-lf">
- <p class="table-p">
- They help me communicate easily when I travel abroad.
- </p>
- <p class="table-p">
- They're so 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />for foreign language
- learning.
- </p>
- <p class="table-p">
- I can figure out words or the meaning of words 6.<input
- :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
- </p>
- </td>
- </tr>
- </table>
-
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn">Artificial Inteligence Apps</td>
+ <td class="tl-cn">Benefits</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ digital assistance
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ It reminds me to do things.
+ </p>
+ <p class="table-p">
+ It wakes me up 1.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ in the morning.
+ </p>
+ <p class="table-p">
+ It plays my 2.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ music.
+ </p>
+ <p class="table-p">
+ I chat with it when I am alone..
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ online shopping recommendation
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ It 3.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ suggests things that I
+ want.
+ </p>
+ <p class="table-p">
+ It makes shopping a 4.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ experience.
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ instant translation
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ They help me communicate easily when I travel abroad.
+ </p>
+ <p class="table-p">
+ They're so 5.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ for foreign language
+ learning.
+ </p>
+ <p class="table-p">
+ I can figure out words or the meaning of words 6.
+ <input :disabled="listenTwo[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" />
+ <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
+ </p>
+ </td>
+ </tr>
+ </table>
</p>
+ <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">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handleListenTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastListenTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewListenTwo" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+
<h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.What is a sales letter like?</p>
- <p>2.What are the purposes of a sales letter?</p>
+ <p>1.What is a sales letter like?
+ <span class="btn-box" @click="showNoSubmitAnswer(5,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"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer">
+ <span>绛旀锛歿{noSubmitData[5].value[0].answer}}</span>
+ </div>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+ <p>2.What are the purposes of a sales letter?
+ <span class="btn-box" @click="showNoSubmitAnswer(5,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"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[1].isShowAnswer">
+ <span>绛旀锛歿{noSubmitData[5].value[1].answer}}</span>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1955,14 +2100,34 @@
<p class="left">Dear Mr. Smith,</p>
<p class="left">Gardening can be back-breaking work when you are not using the right tools.
Almost 90% of homeowners injure their backs just by simply raking (鑰�) the leaves in
- their back yards. If you are like them and 1._________ a sore back after gardening, then
+ their back yards. If you are like them and 1.
+ <input :disabled="practicalWriting[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
+ a sore back after gardening, then
you need to use our new easy rake leaf blower.</p>
- <p class="left">What is the 2.________ raking and blowing leaves:</p>
+ <p class="left">What is the 2.
+ <input :disabled="practicalWriting[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
+ raking and blowing leaves:</p>
<p class="left">銆�銆�鈼廚o bending over, so less back pain</p>
- <p class="left">銆�銆�鈼�3.________ and your arms do not ache</p>
+ <p class="left">銆�銆�鈼�3.
+ <input :disabled="practicalWriting[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
+ and your arms do not ache</p>
<p class="left">銆�銆�鈼廝owerful motor blows leaves right where you want them</p>
<p class="left">銆�銆�鈼廌urable and easy to store in your garage</p>
- <p class="left">銆�銆�鈼�4._________ 20% discount with every purchase</p>
+ <p class="left">銆�銆�鈼�4.
+ <input :disabled="practicalWriting[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
+ 20% discount with every purchase</p>
</div>
</div>
</div>
@@ -1987,20 +2152,68 @@
<div class="padding-93">
<div class="bodystyle">
<div class="fieldset-3">
- <p class="left">To 5.________ this offer, just come into our store on the corner of Main and
+ <p class="left">To 5.
+ <input :disabled="practicalWriting[0].isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
+ this offer, just come into our store on the corner of Main and
Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you.
</p>
<p class="left">Sincerely,</p>
<p class="left">Nadia Jones</p>
<p class="left">Sales Manager</p>
</div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in practicalWriting[0].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </span>
+ </div>
<p><b>鈪�.Translate the Chinese in the brackets into English to complete the sentences.</b></p>
- <p>1.Are you having trouble cleaning your house?__________________ (鎴戜滑鏈夎В鍐虫柟妗�).</p>
- <p>2.__________ (鎴戜滑鍒氬垰鎺ㄥ嚭涓�娆炬柊浜у搧) 鈥攎odern sweeper XSweep.</p>
- <p>3.With XSweep,you can do it straight from the ground and______________ (瀹冪殑闀垮害鍙揪4鑻卞昂).</p>
- <p>4.How much will this cost you?___________________ (鍚繍璐瑰彧瑕�19.99缇庡厓).</p>
- <p>5.__________________ (濡傛灉鎮ㄦ劅鍏磋叮鎴栨兂浜嗚В鏇村淇℃伅),you can call us directly at 493-201-2018.</p>
- <p>6.__________________ (娆㈣繋鎮ㄦ潵璇曠敤鎴戜滑鐨勬柊浜у搧) and we assure you that you will love it.</p>
+ <p class="tl-left">1.Are you having trouble cleaning your house?
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (鎴戜滑鏈夎В鍐虫柟妗�).</p>
+ <p class="tl-left">2.
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (鎴戜滑鍒氬垰鎺ㄥ嚭涓�娆炬柊浜у搧) 鈥攎odern sweeper XSweep.</p>
+ <p class="tl-left">3.With XSweep,you can do it straight from the ground and
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (瀹冪殑闀垮害鍙揪4鑻卞昂).</p>
+ <p class="tl-left">4.How much will this cost you?
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (鍚繍璐瑰彧瑕�19.99缇庡厓).</p>
+ <p class="tl-left">5.
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (濡傛灉鎮ㄦ劅鍏磋叮鎴栨兂浜嗚В鏇村淇℃伅),you can call us directly at 493-201-2018.</p>
+ <p class="tl-left">6.
+ <input :disabled="practicalWriting[1].isComplete"
+ type="text" class="input-bottom-border input-bc-t"
+ v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" />
+ <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
+ (娆㈣繋鎮ㄦ潵璇曠敤鎴戜滑鐨勬柊浜у搧) and we assure you that you will love it.
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <p v-for="(item,index) in practicalWriting[1].value" :key="index">
+ {{index + 1}}.{{item.answer}}
+ </p>
+ </div>
<p>鈪�<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to
seize the chance to introduce their new sweeper XSweep to him.Work with your partner and
write a sales letter of the new sweeper.</b></p>
@@ -2011,10 +2224,9 @@
<p class="left">Subject: A Household Cleaning Tool You Need</p>
<p class="left"><br /></p>
<p class="left">Dear Mr. Wang,</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
+ <p class="left">
+ <textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea>
+ </p>
</div>
</div>
</div>
@@ -2039,10 +2251,28 @@
<div class="padding-93">
<div class="bodystyle">
<div class="fieldset-4">
- <p class="left">_________________________________________</p>
<p class="left">Sincerely,</p>
<p class="left">Nadia Jones</p>
<p class="left">Sales Manager</p>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handlePracticalWriting">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastPracticalWriting" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewPracticalWriting" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
</div>
<div class="un-h2">
<h2 id="b016">Unit Project</h2>
@@ -2098,11 +2328,9 @@
<p class="left">435 Celina, Texas</p>
<p><br /></p>
<p class="left">Dear Mr. Allen,</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
- <p class="left">_________________________________________</p>
+ <p class="left">
+ <textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+ </p>
<p class="left">Sincerely,</p>
<p class="left">Lin Yi</p>
<p class="left">Marketing Manager</p>
@@ -2280,10 +2508,11 @@
</template>
<script>
import matching from "@/components/matching/matching.vue";
+import dropdown from '@/components/dropdown/index.vue'
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-Four",
- components: { matching },
+ components: { matching,dropdown },
props: {
showPageList: {
type: Array,
@@ -2291,6 +2520,8 @@
},
data() {
return {
+ correctIcon:require('@/assets/images/correct.svg'),
+ errorIcon:require('@/assets/images/error.svg'),
imgThirteen: require("../../assets/images/grammar4-1.png"),
imgThirteenOne: require("../../assets/images/grammar4-2.png"),
showImg: false,
@@ -2486,61 +2717,11 @@
nine: "",
},
},
- testData: {
- check: [],
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- },
resource: {
listenOne: "",
readingOne: "",
readingTwo: "",
},
- dropDownList: [
- "robot floor cleaner",
- "blood donation",
- "community clean-ups",
- "language service",
- ],
dropdownData: {
one: {
value: "",
@@ -2652,6 +2833,124 @@
userAnswer:''
}
]
+ },
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'checkbox',
+ value:[
+ {
+ stem:'Do you like science?',
+ option:['YES (Continue to Question 2)','NO (Go directly to Question 4)'],
+ userAnswer:[]
+ },
+ {
+ stem:'What/Who inspired your interest in science?',
+ option:['Parents/Relatives.','Film/TV.','Friends.','Internet.','Teachers.',' A special event.','School or a particular subject.','I don鈥檛 know.','Books.','Other.'],
+ userAnswer:[]
+ },
+ {
+ stem:'Why are you interested in studying science?',
+ option:['I am curious about the world.','It challenges me intellectually.','To earn money.','To get a good job.','To help others or contribute to society.','I don鈥檛 know.','To search for answers or make new discoveries.','Other.'],
+ userAnswer:[]
+ },
+ {
+ stem:'What are the main reasons that you are not interested in science?',
+ option:[' It鈥檚 difficult for me to understand.','I find it boring.','Science is not spread to the public effectively.','I鈥檓 too lazy.','There has been nothing to encourage or inspire me.','I don鈥檛 know.','I don鈥檛 like my science teacher.','Other.'],
+ userAnswer:[]
+ }
+ ]
+ },
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:'',
+ isShowAnswer:false,
+ answer:'Staring at the unknown yet massive sky with clouds rolling by, way past the trees and deep into the stars, you are reminded of how small they are. Somehow the sky fills us with amazement and wonderment. Staring at the sky gears you to asking questions. Perhaps because it is a door to a universe. The sky reminds us of our past and where we are coming from. When you stare at the sky you see a history of places and times before you. You can see beyond where you are right now and peer towards where you are coming from.'
+ },
+ {
+ userAnswer:'',
+ isShowAnswer:false,
+ answer:['a journey to Mars or other planets and travel in deep space',"uncover the secrets of the Universe and life鈥檚 origin",'find traces of distant life.','colonize space and exploit resources on other planets']
+ },
+ ]
+ },
+ {
+ type:'table',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ userAnswer:'',
+ isShowAnswer:false,
+ answer:'Sales letter is written to a potential consumer to introduce the company, a product, or service.'
+ },
+ {
+ userAnswer:'',
+ isShowAnswer:false,
+ answer:'A sales letter aims introduce new product and service to your prospective clients, explains to the reader how they will benefit from the product or service and convinces them to buy your product or service.'
+ },
+ ]
+ },
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ userAnswer:''
+ }
+ ]
}
],
readingOne:[
@@ -2686,15 +2985,577 @@
isRight:null
},
]
+ },
+ {
+ type:'select',
+ isComplete:false,
+ isShowAnswer:false,
+ stem:['Pepper','Spot','Mingo','Octobot'],
+ option:[
+ 'It moves like a real dog.',
+ 'It could be found in stores.',
+ 'It is the size of a shoebox.',
+ 'It can carry heavy facilities.',
+ 'It will cheer you up if you frown.',
+ 'It can bring guests small items to their rooms.',
+ "It's about three-foot-tall with a screen on the top.",
+ 'It travels close to the speed of an octopus in the water.',
+ ],
+ value:[
+ {
+ userAnswer:[],
+ answer:['It could be found in stores.','It will cheer you up if you frown.']
+ },
+ {
+ userAnswer:[],
+ answer:['It moves like a real dog.','It can carry heavy facilities.']
+ },
+ {
+ userAnswer:[],
+ answer:['It can bring guests small items to their rooms.',"It's about three-foot-tall with a screen on the top.",]
+ },
+ {
+ userAnswer:[],
+ answer:["It is the size of a shoebox.","It travels close to the speed of an octopus in the water."]
+ }
+ ]
+ },
+ {
+ type:"fill",
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'creature',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'habitat',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'mission',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'facilities',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'react',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'mechanical',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:"fill",
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'in',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'on',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'on',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'on',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'up',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:"fill",
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'鍦ㄩ獞骞宠 杞︾殑鏃跺�欒淇濇寔韬綋骞宠 ',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'鏈哄櫒浜虹殑浠诲姟鏄负鐜板満鐨勬妧鏈汉鍛樻彁渚涗腑澶粨搴撶墿璧勫彇閫佹湇鍔�',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'鎴戜滑鐨勫洟闃熶笉浠呮湁涓撲笟鐨勮澶囷紝杩樻湁涓板瘜鐨勬晳鎻寸粡楠�',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'椋熺墿鏂欑悊鏈烘槸鎼呮媽钄彍鍜屾按鏋滅殑濂藉伐鍏�',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'table',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'more often',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'better',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'worse',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'earlier',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'heavier',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'later',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'more dangerous',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:'thinner',
+ userAnswer:'',
+ isRight:""
+ },
+ {
+ answer:['farther','further'],
+ userAnswer:'',
+ isRight:""
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'earlier',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'thinner',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'later',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'more often',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'heavier',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'more dangerous',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'better',
+ userAnswer:"",
+ isRight:''
+ },
+ {
+ answer:'further',
+ userAnswer:"",
+ isRight:''
+ },
+ ]
+ }
+ ],
+ readingTwo:[
+ {
+ type:'fill',
+ isShowAnswer:false,
+ isComplete:false,
+ value:[
+ {
+ answer:'39',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'30',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'340',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'2016',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'28',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'38',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'15',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'select',
+ isShowAnswer:false,
+ isComplete:false,
+ option:['T','F'],
+ value:[
+ {
+ stem:'According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest achievements before the age of 45.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'Yao Rui is lucky to associate her personal interests with the development of the country.',
+ answer:'T',
+ userAnswer:''
+ },
+ {
+ stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.',
+ answer:'T',
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stemOne:'The o',
+ stemTwo:'of life is one of the great mysteries in the universe.',
+ answer:'rigin',
+ userAnswer:''
+ },
+ {
+ stemOne:'The most c',
+ stemTwo:'science is biology followed by chemistry and next is physics.',
+ answer:'omplex',
+ userAnswer:''
+ },
+ {
+ stemOne:'Years of doing scientific research had made her very p',
+ stemTwo:'in her working methods.',
+ answer:'recise',
+ userAnswer:''
+ },
+ {
+ stemOne:'The competition is designed to inspire and r',
+ stemTwo:'the next generation of scientific leaders.',
+ answer:'eward',
+ userAnswer:''
+ },
+ {
+ stemOne:'Learning how to o',
+ stemTwo:'challenges is a necessary life skill on the road to success.',
+ answer:'vercome',
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stemOne:'If we are nice to others,we expect that they will be nice to us',
+ stemTwo:'.',
+ answer:'in return',
+ userAnswer:''
+ },
+ {
+ stemOne:'We will always remember Yuan Longping who',
+ stemTwo:'China鈥檚 food security.',
+ answer:'contributes to',
+ userAnswer:''
+ },
+ {
+ stemOne:'The service of food delivery robot is still not satisfactory,but the company say they鈥檙e',
+ stemTwo:'it.',
+ answer:'working on',
+ userAnswer:''
+ },
+ {
+ stemOne:'All drivers',
+ stemTwo:'their vehicles鈥攅ven when it鈥檚 a self-driving car accident.',
+ answer:'responsible for',
+ userAnswer:''
+ },
+ {
+ stemOne:'Studies show how customers can',
+ stemTwo:'innovation development by giving feedback.',
+ answer:'be involved in',
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stemOne:'He is probably the ',
+ stemTwo:'(creative) designer in our company.',
+ answer:'most creative',
+ userAnswer:''
+ },
+ {
+ stemOne:'This automated store offers the',
+ stemTwo:'(wide) variety of products.',
+ answer:'widest',
+ userAnswer:''
+ },
+ {
+ stemOne:'His ankles hurt badly,but his knees hurt',
+ stemTwo:'(badly).',
+ answer:'worst',
+ userAnswer:''
+ },
+ {
+ stemOne:'Penicillin is one of the',
+ stemTwo:'(big) scientific discoveries of all time.',
+ answer:'biggest',
+ userAnswer:''
+ },
+ {
+ stemOne:'You can contact me',
+ stemTwo:'(easily) by email.Here鈥檚 my address.',
+ answer:'most easily',
+ userAnswer:''
+ },
+ {
+ stemOne:'The light bulb is one of the',
+ stemTwo:'(helpful) inventions.',
+ answer:'most helpful',
+ userAnswer:''
+ },
+ {
+ stemOne:'In our office,Zhang Ming works by far the',
+ stemTwo:'(hard).',
+ answer:'hardest',
+ userAnswer:''
+ },
+ {
+ stemOne:'As I live',
+ stemTwo:'(near) to the station,I鈥檒l go and buy the train tickets for us.',
+ answer:'nearest',
+ userAnswer:''
+ },
+ ]
+ },
+ ],
+ listenTwo:[
+ {
+ type:'checkbox',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ userAnswer:[],
+ answer:['What it is','Where Nadia got it','How much it is','What Nadia uses it for','When Nadia owned it','Why it is important to Nadia']
+ }
+ ]
+ },
+ {
+ type:'table',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'regularly',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'favorite',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'smartly',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'fun and easy',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'useful',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'Instantly',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ }
+ ],
+ practicalWriting:[
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'suffer from',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'difference between',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'easy to handle',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'limited time',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'take advantage of',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'We have a solution for you',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'We have just launched a new product',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'it extends up to 4 feet',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'Only $19.99 with shipping',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'If you鈥檙e interested or want to know more information',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'Welcome you to sample our new product',
+ userAnswer:'',
+ isRight:null,
+ },
+ ]
+ },
+ {
+ type:'shortAnswer',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ userAnswer:''
+ }
+ ]
}
]
};
},
mounted() {
- const testData = localStorage.getItem("english-testOne");
- if (testData) {
- this.testData = JSON.parse(testData);
- }
const bookQuestion = localStorage.getItem("english-book-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
@@ -2706,71 +3567,32 @@
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)
+ if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
const readingOne = localStorage.getItem('english-chapter04-readingOne')
if(readingOne) this.readingOne = JSON.parse(readingOne)
+ const readingTwo = localStorage.getItem('english-chapter04-readingTwo')
+ if(readingTwo) this.readingTwo = JSON.parse(readingTwo)
+ const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting')
+ if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
this.getPath();
},
methods: {
+ isTextRight(answer, data, num) {
+ let flag = null;
+ if (data) {
+ flag = answer[num] == data
+ }
+ return flag;
+ },
+ arrayToString(data) {
+ if(Array.isArray(data)) {
+ return data.toString()
+ } else {
+ return data
+ }
+ },
saveWord(event, word) {
this.$emit("saveCharacters", event, word);
- },
- setTestData() {
- localStorage.setItem("english-testOne", JSON.stringify(this.testData));
- },
- changeTestData() {
- localStorage.removeItem("english-testOne");
- this.testData = {
- check: [],
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- };
- },
- setBookQuestion() {
- console.log("淇濆瓨");
- localStorage.setItem(
- "english-book-question-one",
- JSON.stringify(this.questionData)
- );
},
async getPath() {
this.resource.listenOne = await getResourcePath(
@@ -2791,52 +3613,6 @@
}
setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
- handleQuestion(type) {
- if (type == "one") {
- this.questionData.warnUp.one.value
- ? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
- : (this.questionData.warnUp.one.isRight = null);
- } else if (type == "two") {
- this.questionData.warnUp.two.value
- ? (this.questionData.warnUp.two.isRight =
- this.questionData.warnUp.two.value == "Chinese medicine")
- : (this.questionData.warnUp.two.isRight = null);
- } else if (type == "three") {
- this.questionData.warnUp.three.value
- ? (this.questionData.warnUp.three.isRight =
- this.questionData.warnUp.three.value == "Chinese calligraphy")
- : (this.questionData.warnUp.three.isRight = null);
- } else if (type == "four") {
- this.questionData.warnUp.four.value
- ? (this.questionData.warnUp.four.isRight =
- this.questionData.warnUp.four.value == "Taichi")
- : (this.questionData.warnUp.four.isRight = null);
- } else if (type == "five") {
- this.questionData.warnUp.five.value
- ? (this.questionData.warnUp.five.isRight =
- this.questionData.warnUp.five.value == "sweet dumpling")
- : (this.questionData.warnUp.five.isRight = null);
- } else if (type == "six") {
- this.questionData.warnUp.six.value
- ? (this.questionData.warnUp.six.isRight =
- this.questionData.warnUp.six.value == "Chinese chess")
- : (this.questionData.warnUp.six.isRight = null);
- }
- },
- handleDropdown(type) {
- const dropdownDatas = this.dropdownData;
- for (let key in dropdownDatas) {
- const item = dropdownDatas[key];
- if (type == "judge") {
- item.value == item.answer
- ? (item.isRight = true)
- : (item.isRight = false);
- console.log(item.value, item.answer);
- }
- }
- this.dropdownData = dropdownDatas;
- },
changeDropdown() {
localStorage.removeItem("english-dropdown-one");
for (let key in this.dropdownData) {
@@ -2845,13 +3621,10 @@
item.isRight = null;
}
},
- setDropdownData() {
- localStorage.setItem(
- "english-dropdown-one",
- JSON.stringify(this.dropdownData)
- );
- },
// 鏂板
+ showNoSubmitAnswer(index,num) {
+ this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
+ },
savewarmUp() {
localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp))
},
@@ -2891,6 +3664,190 @@
},
saveReadingOne() {
localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne))
+ },
+ changeDropdownDataOne(data) {
+ this.$set(this.readingOne[1].value[0],'userAnswer',data)
+ this.saveReadingOne()
+ },
+ changeDropdownDataTwo(data) {
+ this.$set(this.readingOne[1].value[1],'userAnswer',data)
+ this.saveReadingOne()
+ },
+ changeDropdownDataThree(data) {
+ this.$set(this.readingOne[1].value[2],'userAnswer',data)
+ this.saveReadingOne()
+ },
+ changeDropdownDataFour(data) {
+ this.$set(this.readingOne[1].value[3],'userAnswer',data)
+ this.saveReadingOne()
+ },
+ handleReadingOne() {
+ for (let index = 0; index < this.readingOne.length; index++) {
+ const item = this.readingOne[index];
+ item.isComplete = true
+ item.isShowAnswer = true
+ for (let cindex = 0; cindex< item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if(item.type == 'select') {
+ const sortedArr1 = citem.answer.slice().sort();
+ const sortedArr2 = citem.userAnswer.slice().sort();
+ citem.isRight = sortedArr1.every(
+ (value, index) => value === sortedArr2[index]
+ );
+ } else if(item.type == 'table') {
+ if(typeof citem.userAnswer == 'string') {
+ citem.isRight == citem.userAnswer == citem.answer
+ } else {
+ citem.isRight == citem.answer.indexOf(citem.userAnswer) > -1 ? true :false
+ }
+ }
+ else {
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+
+ }
+ }
+ console.log('read',this.readingOne);
+ },
+ recastReadingOne() {
+ localStorage.removeItem('english-chapter04-readingOne')
+ this.$refs.choiceDropdownOne.submitSelection()
+ this.$refs.choiceDropdownTwo.submitSelection()
+ this.$refs.choiceDropdownThree.submitSelection()
+ this.$refs.choiceDropdownFour.submitSelection()
+ for (let index = 0; index < this.readingOne.length; index++) {
+ const item = this.readingOne[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex< item.value.length; cindex++) {
+ const citem = item.value[cindex]
+ citem.isRight = null
+ if(item.type == 'select') {
+ citem.userAnswer = []
+ } else {
+ citem.userAnswer = ''
+ }
+
+ }
+ }
+ },
+ viewReadingOne() {
+ for (let index = 0; index < this.readingOne.length; index++) {
+ const item = this.readingOne[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ saveReadingTwo() {
+ localStorage.setItem('english-chapter04-readingTwo',JSON.stringify(this.readingTwo))
+ },
+ handleReadingTwo() {
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isComplete = true
+ item.isShowAnswer = true
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[index];
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+ this.saveReadingTwo()
+ },
+ recastReadingTwo() {
+ localStorage.removeItem('english-chapter04-readingTwo')
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[index];
+ citem.isRight = null
+ citem.userAnswer = ''
+ }
+ }
+ },
+ viewReadingTwo() {
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isShowAnswer = true
+ }
+ },
+ savelistenTwo() {
+ localStorage.setItem('english-chapter04-listenTwo',JSON.stringify(this.listenTwo))
+ },
+ handleListenTwo() {
+ for (let index = 0; index < this.listenTwo.length; index++) {
+ const item = this.listenTwo[index];
+ item.isComplete = true
+ item.isShowAnswer = true
+ if(item.type == 'table') {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+
+ }
+ this.savelistenTwo()
+ },
+ recastListenTwo() {
+ for (let index = 0; index < this.listenTwo.length; index++) {
+ const item = this.listenTwo[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ if(item.type == 'table') {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null
+ citem.userAnswer = ''
+ }
+ }
+
+ }
+ localStorage.removeItem('english-chapter04-listenTwo')
+ },
+ viewListenTwo() {
+ for (let index = 0; index < this.listenTwo.length; index++) {
+ const item = this.listenTwo[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ savePracticalWriting() {
+ localStorage.setItem('english-chapter04-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 != 'shortAnswer') {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+ }
+ this.savePracticalWriting()
+ },
+ recastPracticalWriting() {
+ for (let index = 0; index < this.practicalWriting.length; index++) {
+ const item = this.practicalWriting[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.userAnswer = ''
+ if(item.type != 'shortAnswer')
+ citem.isRight = null
+ }
+
+ }
+ localStorage.removeItem('english-chapter04-practicalWriting')
+ },
+ viewPracticalWriting() {
+ for (let index = 0; index < this.practicalWriting.length; index++) {
+ const item = this.practicalWriting[index];
+ item.isShowAnswer = false
+ }
}
},
};
@@ -2979,4 +3936,16 @@
justify-content: flex-end;
}
}
+.choice-select {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ li {
+ display: flex;
+ margin-top: 5px;
+ span {
+ margin-right: 4px;
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1