From 1e79d06c8db13e5196fad12ad5612946e70720ee Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 16 七月 2024 09:24:21 +0800
Subject: [PATCH] 英语第二单元
---
src/books/English/view/components/chapter002.vue | 3328 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 3,011 insertions(+), 317 deletions(-)
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 80f5edf..c9d8f3d 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -51,9 +51,196 @@
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
</p>
+ <div class="bor-g">
+ <div class="fl w100">
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ France:
+ </div>
+ <div class="h50">
+ China:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ </div>
+ </div>
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ Italy:
+ </div>
+ <div class="h50">
+ Brazil:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveData">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeWarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showWarmUpAnswer = !showWarmUpAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpAnswer">
+ 绛旀锛� 1.France: 2,c 2.Italy: 3,a 3.China: 4,b
+ 4.Brazil: 1,d
+ </p>
+ </div>
<p>
<b>鈪�.What are the customs and cultures of other countries you
know? Work with your partner to complete the table below.</b>
+ <span class="btn-box" @click="showAnswerWp = !showAnswerWp">
+ <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>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
@@ -97,11 +284,17 @@
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight"
+ <textarea v-model="questionData.table.eight"
class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
</td>
</tr>
</table>
+ <div class="show-answer-box" v-if="showAnswerWp">
+ <div>绛旀:</div>
+ <div>
+ <img src="../../assets/images/M2LessonOneWarmUp.png" alt="" class="w100" />
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -138,13 +331,17 @@
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
+ <input type="radio" name="ball"
+ value="A. I can understand my foreign colleagues because they are straightforward." id="1"
+ v-model="testData.check" /> A. I can
understand my foreign colleagues because they are straightforward.
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+ <input type="radio" name="ball"
+ value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
+ v-model="testData.check" /> B. My foreign
colleagues just nod and agree with me when we have a discussion.
</td>
</tr>
@@ -152,13 +349,17 @@
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
+ <input type="radio" name="ballOne"
+ value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
+ v-model="testData.check" /> A. My foreign
boss closely oversees our work and criticizes us for our mistakes.
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+ <input type="radio" name="ballOne"
+ value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
+ v-model="testData.check" /> B. My foreign
boss is very hands-off and gives us a lot freedom to do things.
</td>
</tr>
@@ -166,13 +367,17 @@
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+ <input type="radio" name="ballTwo"
+ value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
+ v-model="testData.check" /> A. My Chinese
colleagues always stay late in the ofice or bring work home.
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+ <input type="radio" name="ballTwo"
+ value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
+ v-model="testData.check" /> B. My Chinese
colleagues manage to get their work done during working hours.
</td>
</tr>
@@ -180,13 +385,17 @@
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+ <input type="radio" name="ballThree"
+ value="A. My Chinese colleagues deal with issues more objectively" id="1"
+ v-model="testData.check" /> A. My Chinese
colleagues deal with issues more objectively
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+ <input type="radio" name="ballThree"
+ value="B. My Chinese colleagues are likely to take things personally" id="1"
+ v-model="testData.check" /> B. My Chinese
colleagues are likely to take things personally
</td>
</tr>
@@ -470,44 +679,176 @@
<p class="center">
<img class="img-b" alt="" src="../../assets/images/0034-1.jpg" />
</p>
+ <p>1.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
+ <p>2.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
+ <p>3.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
+ <p>4.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.four" @change="setQuestionDataOne" /></p>
+ <p>5.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.five" @change="setQuestionDataOne" /></p>
+ <p>6.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.six" @change="setQuestionDataOne" /></p>
<p>
B.Decide whether the following statements are true (T) or false
(F).
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.one.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 1.An employee is usually defined by his/her talents
and
abilities.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.one.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 2.During the interview,I didn鈥檛 have difficulty in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.two.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 2.During the interview,I didn鈥檛 have difficulty in
understanding my interviewer.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.two.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.three.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 3.In Latvia,it is normal to expect replies by email
after
normal working hours.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues鈥� traditions can
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.four.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 4.Learning about your colleagues鈥� traditions can
help you
move forward.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.four.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.five.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 5.Email can make the communication more smooth
because it
conveys the emotions.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.five.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.six.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 6.We can learn a lot from each other when working in
a
cross-cultural environment.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.six.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="questionDataOne.determineData.six.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<!-- 绛旀 -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -523,15 +864,86 @@
<p>reward銆�disturb銆�tradition銆�accept銆�colleague銆�arise</p>
</div>
<p>
- 1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
+ 1.Working with photographers is one of the most <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.one"
+ @change="setQuestionDataOne" /> parts
of
my job.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
- <p>2.All families must have <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
- <p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />in any working environment.</p>
+ <p>2.All families must have <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.two"
+ @change="setQuestionDataOne" /> that they regularly follow.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p>3.Being late is <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.three" @change="setQuestionDataOne" /> in any
+ working environment.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -555,21 +967,89 @@
<div class="bodystyle">
<p>
4.Sarah鈥檚
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataOne.choiceData.four" @change="setQuestionDataOne" />
Li Lin made her feel welcome on her first day
at work.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 5.Problems will <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
+ 5.Problems will <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.five" @change="setQuestionDataOne" /> from
+ communication between people
from
different cultures.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 6.I鈥檓 sorry to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
+ 6.I鈥檓 sorry to<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.six" @change="setQuestionDataOne" /> you,but
+ can I talk to you for a
moment?
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5)
+ " 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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -580,16 +1060,31 @@
B.Underline the following expressions in the passage and make
sentences with them.
</p>
- <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="tl-lf">1.apply for
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.one" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">2.in response to
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.two" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">3.get familiar with
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.three" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">4.take over
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.four" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">5.make an effort
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.five" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
<!-- 渚嬪彞 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -605,29 +1100,26 @@
1.When working in a cross-cultural setting,there can be some
language barriers among employees.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.one" @change="setQuestionDataOne" /></p>
<p>
2.You could go for a walk or jog to manage your frustration at
work.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.two" @change="setQuestionDataOne" /></p>
<p>
3.They gave us some advice on how to correctly handle cultural
differences in the workplace.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.three" @change="setQuestionDataOne" /></p>
<p>
4.Wearing appropriate clothes in the office will make you feel
comfortable and confident.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.four" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -649,7 +1141,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
+ <img class="w100" :src="imgThirteen" />
</div>
<p>
A.Read the example and underline the real subject that 鈥渋t鈥�
@@ -711,35 +1203,25 @@
</p>
</div>
<p>1.To share new ideas with others makes us feel good.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.one" @change="setQuestionDataOne" /></p>
<p>2.To get along well with colleagues is really important.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.two" @change="setQuestionDataOne" /></p>
<p>
3.To have an open mind towards a new culture is necessary in the
workplace.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.three" @change="setQuestionDataOne" /></p>
<p>
4.To think twice before acting is always necessary for everyone.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.four" @change="setQuestionDataOne" /></p>
<p>5.You are very kind to help me with my sales report.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.five" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -754,12 +1236,12 @@
<div class="w100 fl">
<ul class="fl ju-ar w100">
<li>
- <button class="btn-border btn-w" @click="saveData">
+ <button class="btn-border btn-w" @click="saveDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeQuestionDataOne" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -840,7 +1322,7 @@
</div>
<!-- 27 -->
<div class="page-box" page="33">
- <div v-if="showPageList.indexOf(34) > -1">
+ <div v-if="showPageList.indexOf(33) > -1">
<!-- 澶撮儴 -->
<ul class="preface-odd-header w100 fl ju-bt">
<li class=""></li>
@@ -886,10 +1368,166 @@
<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
</p>
<div class="bk-wh">
- <p>
- direct銆�formal銆�respect銆�privacy銆�hand-shaking銆�touch銆�comfortable銆�toast銆�chopsticks銆�seating
- arrangement
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating
+ arrangement</span>
</p>
+ </div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
</div>
<h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
<h3 id="c014" class="fl al-cn">
@@ -898,19 +1536,80 @@
<audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</h3>
<p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
- Future</i> and fill in the blanks.</b></p>
+ Future</i> and fill in the blanks.</b>
+ <span class="btn-box" @click="showWarmUpOneAnswer = !showWarmUpOneAnswer">
+ <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 class="center"><b><i>Together for a Shared Future</i></b></p>
<p class="center">There鈥檚 a twinkle in your eye</p>
<p class="center">Reflects the snow that gently covers the tiles</p>
- <p class="center">Fly to the 1.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">Fly to the 1. <input v-model="warmUpOne.one.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('one')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
<p class="center">See the world鈥檚 new coat of crystal white</p>
- <p class="center">This feeling you just can鈥檛 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">This feeling you just can鈥檛 2. <input v-model="warmUpOne.two.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('two')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+
+ </p>
<p class="center">Feels as snow as pure as that azure ice</p>
<p class="center">Fly to the sky</p>
- <p class="center">Ride the 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />watch your fears roll by</p>
+ <p class="center">Ride the 3. <input v-model="warmUpOne.three.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('three')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ watch your fears roll by
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -933,59 +1632,154 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">When everyone needs 4.
+ <input v-model="warmUpOne.four.value" style="width: 60px" class="input-bottom-border "
+ @blur="handleQuestion('four')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
<p class="center">Let鈥檚 go hand in hand and rise above</p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
- <p class="center">We can 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />the sky</p>
+ <p class="center">We can 5. <input v-model="warmUpOne.five.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('five')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>the sky
+ </p>
<p class="center">We all know how to love</p>
- <p class="center">Open up your 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />and
- that鈥檚 enough</p>
+ <p class="center">Open up your 6. <input v-model="warmUpOne.six.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('six')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.six.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="warmUpOne.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>and
+ that鈥檚 enough
+ </p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
<p class="center">Together</p>
<p class="center">We can touch the sky</p>
<!--绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpOneAnswer">
绛旀锛�(1)sky (2)deny (3)rainbow (4)love (5)touch (6)heart
</p>
<h3 id="c015"><span class="bjh3">Reading</span></h3>
- <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
- <p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
+ <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?
+ <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
+ <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 v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
+ 绛旀锛�(1) The 鈥淥ne World, One Family鈥� theme of the Opening Ceremony was represented by the image of a single
+ snowflake and was central to the showpiece from beginning to the end of the Ceremony. The theme was based
+ on an ancient Chinese saying which meant that "a truly wise person sees the whole world as a family".
+ (2) With the core expression of "Together for a Shared Future", it gave the world a romantic and beautiful
+ event full of modernity by integrating the concepts of scientific and technological innovation, low-carbon
+ environmental protection and sports and health.
+ </p>
+ <p>2.What impressed you most during the Beijing 2022 Winter Olympics?
+ <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <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 v-model="questionData.reading.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
+ 绛旀锛�(1) The twenty-four solar terms of the opening ceremony and the twelve Chinese zodiac signs of the
+ closing ceremony are the romance of the Chinese! It used the most secularized image to symbolize Chinese
+ people and tell Chinese story.
+ (2) I still remember its amazing performances, top-tier competitions, and of course, cheerful friendship
+ and sportsmanship, leaving many with the moments that reflect the true meaning of the Olympic spirit.
+ (3) I was impressed by the heartwarming stories, including the friendship between Russian and Ukrainian
+ athletes, touching celebrations, and gift-changing moments between Chinese and US athletes. A heartfelt
+ "Welcome-to-China" greeting which made a US athlete cry, and two strangers who live thousands of miles
+ apart could become friends thanks to an Olympic gift.
+
+ </p>
<p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
<p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
@play="audioPlay"></audio></p>
- <p>For an
+ <p>For an
<span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
- or a country,a period of 14 years is long enough to become calm,confident and
- <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
- .On
- the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
+ or a country,a period of 14 years is long enough to become calm,confident and
+ <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
+ .On
+ the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
+ </p>
<p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
<span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
- simply enjoying the moment.</p>
- <p>Turning up as simple but
+ simply enjoying the moment.
+ </p>
+ <p>Turning up as simple but
<span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
- ,the opening
+ ,the opening
<span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
- lasted for about two hours with less performing
- artists but more
+ lasted for about two hours with less performing
+ artists but more
<span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
- technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
- 鈥渕yself鈥� 14 years ago at the same sports field.The
+ technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
+ 鈥渕yself鈥� 14 years ago at the same sports field.The
<span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
-shaped Olympic
<span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
,formed by the smaller
- snowflakes with names of the
+ snowflakes with names of the
<span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
- countries and regions on them,was lit by two young Chinese
- athletes.</p>
+ countries and regions on them,was lit by two young Chinese
+ athletes.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1010,27 +1804,30 @@
<p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
鈥�
<span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
- 鈥�,not only because of the
+ 鈥�,not only because of the
<span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
- situation but also a different China now 鈥攎ore confident in
- its culture.</p>
- <p>In the summer 14 years ago,I was like a
+ situation but also a different China now 鈥攎ore confident in
+ its culture.
+ </p>
+ <p>In the summer 14 years ago,I was like a
<span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
- full of energy rushing for work but also making
- errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
- <span class="word-bc" @click="saveWord($event, 'track')">track</span>
- due to injury.In the
+ full of energy rushing for work but also making
+ errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
+ <span class="word-bc" @click="saveWord($event, 'track')">track</span>
+ due to injury.In the
winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
- 鈥攖hanks to regular exercise and a positive view of sports
- <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
- .</p>
+ 鈥攖hanks to regular exercise and a positive view of sports
+ <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
+ .
+ </p>
<p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
- <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
+ <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
<span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
- world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p>
- <p>I failed to control myself the moments when the Chinese national
+ world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�
+ </p>
+ <p>I failed to control myself the moments when the Chinese national
<span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
- was played and when images of
+ was played and when images of
people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
</p>
@@ -1143,13 +1940,13 @@
<p>A.Read the passage and answer the following questions.</p>
<p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>2.What made the Beijing 2022 Winter Olympics 鈥渆xceptional鈥�?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
</div>
</div>
@@ -1174,8 +1971,8 @@
<div class="bodystyle">
<p>3.How does the author feel about China holding two Olympic Games?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>B.Read the author鈥檚 opinions of the two Olympics,and put the number of the sentence into the right
@@ -1207,27 +2004,137 @@
<p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
necessary.</p>
<p>1.Each <i>person</i> has a particular job within the company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>3.As a team member,I always <i>take part</i> in the discussions as much as possible.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>4.She was the winner of the business plan <i>contest</i> in my company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>5.He is a good <i>reporter</i> who is curious about new information every time.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) individual (2) exceptional (3)participate (4)competition (5) journalist
</p>
@@ -1235,15 +2142,86 @@
<div class="bk-wh">
<p>fail to銆�focus on銆�due to銆�move away銆�pay tribute to</p>
</div>
- <p>1.The delivery man was praised by us <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
- positive attitude.</p>
- <p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
- improvement.</p>
- <p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> control his emotions when he saw
- the Chinese flag flying at the Olympic Stadium.</p>
+ <p>1.The delivery man was praised by us <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.one"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> his
+ positive attitude.
+ </p>
+ <p>2.The manager basically <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.two"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> cost reduction and quality
+ improvement.
+ </p>
+ <p>3.Li Ming<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> control his emotions when he saw
+ the Chinese flag flying at the Olympic Stadium.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1266,17 +2244,85 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
- company.</p>
- <p>5.To be creative,we鈥檇 better <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
- traditional ideas at work.</p>
+ <p>4.The boss <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> what she had done for the
+ company.
+ </p>
+ <p>5.To be creative,we鈥檇 better <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.five"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> from
+ traditional ideas at work.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) due to (2) focuses on (3)failed to (4)paid tribute to (5) move away
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSix = !showAnswerSix" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+
<p><b>鈪�.Grammar focus:Active and passive voice.</b>
<span class="btn-box" @click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1289,37 +2335,241 @@
</span>
</p>
<div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
+ <img class="w100" :src="imgThirteenOne" />
</div>
<p>Complete the passage using the correct form of the verbs in the brackets.</p>
- <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <p>Fashion designer Vivienne Tam 1. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.one"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(name) 鈥淵in Yok鈥� when she was born.She was given her English
- name when she started studying in Hong Kong.Her teacher 2. <input :disabled="testData.isComplete"
- type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" /> (teach) English at school but she
- spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ name when she started studying in Hong Kong.Her teacher 2. <input :disabled="questionDataThree.isComplete"
+ type="text" class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.two"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (teach) English at school but she
+ spoke Chinese at home.Her parents 3. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.three"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(tell) her to remember Chinese culture.At the same
- time,Western ideas 4. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
+ time,Western ideas 4. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.four"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (introduce) to her since people
from many cultures were living in Hong
- Kong.This mix of East and West in her life 5. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
- in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ Kong.This mix of East and West in her life 5. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.five"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (see)
+ in her designs even now.Vivienne 6. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.six"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
- there,so a lot of orders for her clothing 7 <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
- (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
- clothes not only in New York,but also in cities around the world.</p>
+ there,so a lot of orders for her clothing 7 <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.seven"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ (place).Today she 8. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.eight"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (sell) East-meets-West
+ clothes not only in New York,but also in cities around the world.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
绛旀锛�(1)was named (2) taught (3)told (4)were introduced (5) is seen (6)
moved (7) were placed (8) sells
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSeven = !showAnswerSeven" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c016"><span class="bjh3">Mini-project</span></h3>
<p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
@@ -1346,8 +2596,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyTwo"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
@@ -1384,8 +2634,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
<textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
@@ -1394,8 +2644,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyFix"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
<textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
@@ -1403,7 +2653,154 @@
</td>
</tr>
</table>
- <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
<h3 id="c017"><span class="bjh3">Listening</span></h3>
<p><b>鈪�.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
<audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
@@ -1413,25 +2810,21 @@
</tr>
<tr class="table-tr-bc">
<td>When is it?</td>
- <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
+ <td>1.On<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
</tr>
<tr class="table-tr-bc">
<td>Why do we celebrate it?</td>
- <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />
+ <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" />
Understanding the concept of culture.
- Getting to know each other through the differences in language,3.<input
- :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
+ Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race,
religion and other elements.
- Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />in their own culture.
- .Leading to community 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />and personal growth.</td>
+ Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture.
+ .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
</tr>
</table>
<!-- 绛旀 -->
@@ -1441,27 +2834,299 @@
</p>
<p><b>鈪�.Listen to the conversation and mark the activities when mentioned.</b></p>
<audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
- Lecture on Ancient Chinese History</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &
- Painting Demonstration</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Music</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Sichuan Opera</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Chinese Cuisine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tea Ceremony</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tai Chi</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Medicine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Crafts</p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+ value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
+ Lecture on Ancient Chinese History
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+ value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &
+ Painting Demonstration
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
+ v-model="check.value" />Traditional Chinese Music
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
+ v-model="check.value" />Sichuan Opera
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
+ v-model="check.value" />Chinese Cuisine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
+ v-model="check.value" />Tea Ceremony
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
+ v-model="check.value" />Tai Chi
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
+ id="8" v-model="check.value" />Traditional Chinese Medicine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
+ v-model="check.value" />Traditional Chinese Crafts
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
绛旀锛�(1) Lecture on Ancient Chinese History (2)Calligraphy &
Painting Demonstration (3)Traditional Chinese
Music (4)Tea Ceremony (5) Tai Chi (6) Traditional Chinese Crafts
- </p>
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataCheck">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeCheck" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEight = !showAnswerEight
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1486,17 +3151,33 @@
<div class="bodystyle">
<h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.Why is a schedule important for everyone attending the event?</p>
- <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ <p>1.Why is a schedule important for everyone attending the event?
+ <span class="btn-box" @click="showAnswerNine = !showAnswerNine">
+ <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 v-model="questionData.reading.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛�(1)Save time and stress (2)Organize all detail (3) Meet your objectives (4)Manage
time for extra tasks
</p>
- <p>2.What are the elements of a schedule?</p>
+ <p>2.What are the elements of a schedule?
+ <span class="btn-box" @click="showAnswerTen = !showAnswerTen">
+ <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 v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛欼t includes dates, locations, programming start and end time.
</p>
@@ -1514,7 +3195,212 @@
</div>
<p><b>鈪�.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
Chinese in the brackets.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0044-2.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ <td class="wh-no tl-cn">Activities</td>
+ <td class="tl-cn">Location</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ <p class="table-p">Monday 05/15 </p>
+ <p class="table-p">9:30a.m.-11:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> </p>
+ <p class="table-p">(涓浗涔︽硶缁樼敾鑲�)</p>
+ <p class="table-p">(Chinese Snacks Provided)</p>
+ </td>
+ <td>
+ Fine Arts Gallery
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> </p>
+ <p class="table-p">(5鏈�16鏃ユ槦鏈熶簩)</p>
+ <p class="table-p">9:30a.m.-1l:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Aeademic Lecture</p>
+ <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
+ </td>
+ <td>
+ Conference Hall
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Wednesday 05/17</p>
+ <p class="table-p">6:30p.mm.-8:00p.m.</p>
+ </td>
+ <td>
+ Traditional Chinese Music Performance
+ </td>
+ <td>
+ 4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>(闊充箰鍘�)
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Thursday 05/18</p>
+ <p class="table-p">2:00p.m.-4:00p.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Workshop</p>
+ <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>(鑼堕亾)</p>
+ <p class="table-p">Tai Chi</p>
+ <p class="table-p">Traditional Chinese CmAs</p>
+ </td>
+ <td>
+ Media Arts Center
+ </td>
+ </tr>
+ </table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
+ 绛旀锛�(1)Time (2)Chinese Calligraphy & Painting Demonstration &
+ (3)Tuesday 05/16 (4)Concert Hall (5)tea ceremony
+
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTable">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTable" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEleven = !showAnswerEleven
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1569,8 +3455,30 @@
</tr>
<tr class="table-tr-bc">
<td style="text-wrap: nowrap">
- 1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
<td>Attend the festival activities</td>
<td>
@@ -1581,38 +3489,179 @@
<td>Wednesday</td>
<td>Climb the mountain</td>
<td>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
</tr>
<tr class="table-tr-bc">
<td>Thursday</td>
<td>Visit attractions in the downtown
- 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ 3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
<td>
Wuhou Temple & Jinsha Site MuseumShunxing Tea House
</td>
</tr>
<tr class="table-tr-bc">
<td>Friday</td>
- <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
+ <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>Buy souvenirs</td>
<td>
Panda Base 5.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
</tr>
<tr class="table-tr-bc">
<td>Saturday</td>
- <td>6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ <td>6.
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5)
+ " 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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
<td>
Shuangliu International Airport
</td>
</tr>
</table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�(1)Tuesday (2)Mt. Qingcheng
+ (3)Watch Sichuan opera (4)See giant pandas (5)Jinli Old Street
+ (6)Return to Kuala Lumpur
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTableOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTableOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerTwelve = !showAnswerTwelve
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<p>鈪�.<b>A delegation from Chiang Mai University is going to visit your college from December</b> 10-12<b> to
promote Chinese language teaching and cultural exchange in Thailand.Arrange a three-day schedule for the
delegation including the activities below.</b></p>
@@ -1874,6 +3923,153 @@
<p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys 鈥�</p>
</div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1904,9 +4100,19 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
+ showAnswerSix: false,
+ showAnswerSeven: false,
+ showAnswerEight: false,
+ showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
showImg: false,
- showImgOne:false,
+ showImgOne: false,
showLessonOneQuestionAnswer: false,
+ showWarmUpAnswer: false,
+ showAnswerWp: false,
+ showWarmUpOneAnswer: false,
rawData: {
left: [
{
@@ -2056,12 +4262,23 @@
value: "",
isRight: null,
answer: "Chinese chess",
- },
- seven: "",
+ }
},
reading: {
one: "",
two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight:"",
+ nine:"",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
},
table: {
one: "",
@@ -2071,7 +4288,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
ten: "",
eleven: "",
@@ -2084,56 +4301,61 @@
eighteen: "",
nineteen: "",
twenty: "",
- twentyOne:"",
- twentyTwo:"",
- twentyThree:"",
- twentyFour:"",
- twentyFive:"",
- twentySix:"",
- twentySeven:"",
- twentyEight:"",
- twentyNine:"",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
thirty: "",
- thirtyOne:"",
- thirtyTwo:"",
- thirtyThree:"",
- thirtyFour:"",
- thirtyFive:"",
- thirtySix:"",
- thirtySeven:"",
- thirtyEight:"",
- thirtyNine:"",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
forty: "",
- fortyOne:"",
- fortyTwo:"",
- fortyThree:"",
- fortyFour:"",
- fortyFive:"",
- fortySix:"",
- fortySeven:"",
- fortyEight:"",
- fortyNine:"",
+ fortyOne: "",
+ fortyTwo: "",
+ fortyThree: "",
+ fortyFour: "",
+ fortyFive: "",
+ fortySix: "",
+ fortySeven: "",
+ fortyEight: "",
+ fortyNine: "",
fifty: "",
- fiftyOne:"",
- fiftyTwo:"",
- fiftyThree:"",
- fiftyFour:"",
- fiftyFive:"",
- fiftySix:"",
- fiftySeven:"",
- fiftyEight:"",
- fiftyNine:"",
+ fiftyOne: "",
+ fiftyTwo: "",
+ fiftyThree: "",
+ fiftyFour: "",
+ fiftyFive: "",
+ fiftySix: "",
+ fiftySeven: "",
+ fiftyEight: "",
+ fiftyNine: "",
sixty: "",
- sixtyOne:"",
- sixtyTwo:"",
- sixtyThree:"",
- sixtyFour:"",
- sixtyFive:"",
- sixtySix:"",
- sixtySeven:"",
- sixtyEight:"",
- sixtyNine:"",
+ sixtyOne: "",
+ sixtyTwo: "",
+ sixtyThree: "",
+ sixtyFour: "",
+ sixtyFive: "",
+ sixtySix: "",
+ sixtySeven: "",
+ sixtyEight: "",
+ sixtyNine: "",
},
+ },
+ radio: {
+ isRight: null,
+ answer: ["", "Date and time", "Address", "Organizer"],
+ value: [],
},
testData: {
check: [],
@@ -2229,9 +4451,261 @@
answer: "facial recognition",
},
},
+ //new
+ warmUp: {
+ isComplete: false,
+ NumList: [
+ "1",
+ "2",
+ "3",
+ "4",
+ ],
+ ChoiceList: [
+ "a",
+ "b",
+ "c",
+ "d",
+ ],
+ one: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "2,c",
+ },
+ two: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "4,b",
+ },
+ three: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "3,a",
+ },
+ four: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "1,d",
+ },
+ },
+ //page 24锛�25锛�26棰橀泦
+ questionDataOne: {
+ isComplete: false,
+ // 鍒ゆ柇
+ determineData: {
+ deterMineList: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 閫夋嫨
+ choiceData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["witnessed", "rewarding", "traditions", "unacceptable", "colleague", "arise",],
+ },
+ //濉┖锛堟棤闇�杩涜鍒ゆ柇锛�
+ rp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ },
+ uf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ tf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ re: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: ""
+ },
+ },
+ //page 27.28绂诲紑杩涜鍒ゆ柇棰�
+ warmUpOne: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "sky",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "deny",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "rainbow",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "love",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "touch",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "heart",
+ },
+ },
+ //page 31,32棰橀泦
+ questionDataTwo: {
+ isComplete: false,
+ rw: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["individual", "exceptional", "participate", "competition", "journalist"],
+ },
+ blanksData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["due to", "focuses on", "failed to", "paid tribute to", "move away"],
+ },
+ },
+ //page 32 鍗曡瘝涓嶅悓褰㈠紡濉┖
+ questionDataThree: {
+ isComplete: false,
+ cp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ answer: ["was named", "taught", "told", "were introduced", "is seen", "moved", "were placed", "sells"],
+ },
+ },
+ //page 33 澶氶�夐
+ check: {
+ isRight: null,
+ answer: ["Lecture on Ancient Chinese History", "Calligraphy & Painting Demonstration", "Traditional Chinese Music", "Tea Ceremony", "Tai Chi", "Traditional Chinese Crafts"],
+ value: [],
+ },
+ //page 34 琛ㄦ牸鍐呭～绌�
+ tableBlanksData:{
+ isComplete: false,
+ rs: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["Time", "Chinese Calligraphy & Painting Demonstration", "Tuesday 05/16", "Concert Hall", "tea ceremony"],
+ },
+ },
+ //page 37 琛ㄦ牸鍐呭～绌�
+ tableBlanksDataOne:{
+ isComplete: false,
+ ma: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
+ },
+ }
};
},
mounted() {
+ // new
+ const warmUp = localStorage.getItem("english-warmUp");
+ if (warmUp) {
+ this.warmUp = JSON.parse(warmUp);
+ }
+ const warmUpOne = localStorage.getItem("english-warmUpOne");
+ if (warmUpOne) {
+ this.warmUpOne = JSON.parse(warmUpOne);
+ }
+ const questionDataOne = localStorage.getItem("english-questionDataOne");
+ if (questionDataOne) {
+ this.questionDataOne = JSON.parse(questionDataOne)
+ }
+ const questionDataTwo = localStorage.getItem("english-questionDataTwo");
+ if (questionDataTwo) {
+ this.questionDataTwo = JSON.parse(questionDataTwo)
+ }
+ const questionDataThree = localStorage.getItem("english-questionDataThree");
+ if (questionDataThree) {
+ this.questionDataThree = JSON.parse(questionDataThree)
+ }
+ const check = localStorage.getItem("english-check");
+ if (check) {
+ this.check = JSON.parse(check)
+ }
+ const tableBlanksData = localStorage.getItem("english-tableBlanksData");
+ if (tableBlanksData) {
+ this.tableBlanksData = JSON.parse(tableBlanksData)
+ }
+ const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
+ if (tableBlanksDataOne ) {
+ this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
+ }
const testData = localStorage.getItem("english-testOne");
if (testData) {
this.testData = JSON.parse(testData);
@@ -2300,12 +4774,148 @@
},
};
},
+ changeWarmUp() {
+ localStorage.removeItem("english-warmUp");
+ for (let key in this.warmUp) {
+ let item = this.warmUp[key]
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ item.value = ""
+ item.values = ""
+ item.isRight = null
+ }
+ }
+ this.$set(this.warmUp, "isComplete", false);
+ this.showWarmUpAnswer = false
+ },
+ changeQuestionDataOne() {
+ localStorage.removeItem("english-questionDataOne");
+ const questionDataOnes = this.questionDataOne
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value = "";
+ citem.isRight = null;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes
+ this.$set(this.questionDataOne, "isComplete", false);
+ this.showLessonOneQuestionAnswer = false
+ },
+ changeQuestionDataTwo() {
+ localStorage.removeItem("english-questionDataTwo");
+ const questionDataTwos = this.questionDataTwo
+ for (let key in questionDataTwos) {
+ let item = questionDataTwos[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataTwo = questionDataTwos
+ this.$set(this.questionDataTwo, "isComplete", false);
+ this.showAnswerSix = false
+ },
+ changeQuestionDataThree() {
+ localStorage.removeItem("english-questionDataThree");
+ const questionDataThrees = this.questionDataThree
+ for (let key in questionDataThrees) {
+ let item = questionDataThrees[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataThree = questionDataThrees
+ this.$set(this.questionDataThree, "isComplete", false);
+ this.showAnswerSeven = false
+ },
+ changeCheck() {
+ localStorage.removeItem("english-check");
+ const Check = this.check
+ for (let key in Check) {
+ if (key != "answer" && key != "isComplete") {
+ Check.value = [];
+ }
+ }
+ this.$set(this.check, "isComplete", false);
+ this.check = Check;
+ this.showAnswerEight = false
+ },
+ changeTable(){
+ localStorage.removeItem("english-tableBlanksData");
+ const tableBlanksDatas = this.tableBlanksData
+ for (let key in tableBlanksDatas) {
+ let item = tableBlanksDatas[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksData = tableBlanksDatas
+ this.$set(this.tableBlanksData, "isComplete", false);
+ this.showAnswerEleven = false
+ },
+ changeTableOne(){
+ localStorage.removeItem("english-tableBlanksDataOne");
+ const tableBlanksDataOnes = this.tableBlanksDataOne
+ for (let key in tableBlanksDataOnes) {
+ let item = tableBlanksDataOnes[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksDataOne = tableBlanksDataOnes
+ this.$set(this.tableBlanksDataOne, "isComplete", false);
+ this.showAnswerTwelve = false
+ },
setBookQuestion() {
console.log("淇濆瓨");
localStorage.setItem(
"english-book-question-one",
JSON.stringify(this.questionData)
);
+ },
+ setWarmUp() {
+ localStorage.setItem("english-warmUp", JSON.stringify(this.warmUp));
+ },
+ setWarmUpOne() {
+ localStorage.setItem("english-warmUpOne", JSON.stringify(this.warmUpOne));
+ },
+ setQuestionDataOne() {
+ localStorage.setItem("english-questionDataOne", JSON.stringify(this.questionDataOne));
+ },
+ setQuestionDataTwo() {
+ localStorage.setItem("english-questionDataTwo", JSON.stringify(this.questionDataTwo));
+ },
+ setQuestionDataThree() {
+ localStorage.setItem("english-questionDataThree", JSON.stringify(this.questionDataThree));
+ },
+ setCheck() {
+ localStorage.setItem("english-check", JSON.stringify(this.check));
+ },
+ setTableBlanksData(){
+ localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
+ },
+ setTableBlanksDataOne(){
+ localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
},
async getPath() {
this.resource.listenOne = await getResourcePath(
@@ -2339,39 +4949,13 @@
} else if (type == "showImgOne") {
this.showImgOne = !this.showImgOne;
}
- setTimeout(()=>{ this.$emit("initViewer","")},500)
+ 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);
+ if (this.warmUpOne[type].value.trim()) {
+ this.warmUpOne[type].isRight = this.warmUpOne[type].value.trim() == this.warmUpOne[type].answer
+ } else {
+ this.warmUpOne[type].isRight = null
}
},
handleDropdown(type) {
@@ -2402,11 +4986,121 @@
);
},
saveData() {
- console.log(this.testData);
+ const warmUps = this.warmUp;
+ for (let key in warmUps) {
+ let item = warmUps[key];
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ const citem = item.value + ',' + item.values;
+ citem == item.answer ? item.isRight = true : item.isRight = false;
+ }
+ }
+ this.warmUp = warmUps;
+ this.$set(this.warmUp, "isComplete", true);
+ this.setWarmUp();
+ this.isTextRight
+ this.showWarmUpAnswer = true
+ },
+ saveDataOne() {
+ const questionDataOnes = this.questionDataOne;
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes;
+ this.$set(this.questionDataOne, "isComplete", true);
+ this.setQuestionDataOne();
+ this.isTextRight;
+ this.showLessonOneQuestionAnswer = true;
+ },
+ saveDataTwo() {
+ this.$set(this.questionDataTwo, "isComplete", true);
+ this.setQuestionDataTwo();
+ this.isTextRight;
+ this.showAnswerSix = true;
+ },
+ saveDataThree() {
+ this.$set(this.questionDataThree, "isComplete", true);
+ this.setQuestionDataThree();
+ this.isTextRight;
+ this.showAnswerSeven = true;
+ },
+ savaDataCheck() {
+ this.$set(this.check, "isComplete", true);
+ this.setCheck();
+ this.isShowRight;
+ this.showAnswerEight = true
+ },
+ savaDataTable(){
+ this.$set(this.tableBlanksData, "isComplete", true);
+ this.setTableBlanksData();
+ this.isTextRight;
+ this.showAnswerEleven = true;
+ },
+ savaDataTableOne(){
+ this.$set(this.tableBlanksDataOne, "isComplete", true);
+ this.setTableBlanksDataOne();
+ this.isTextRight;
+ this.showAnswerTwelve = true;
+ },
+ handleListeningQuestion(type) {
+ if (type == "one") {
+ this.questionData.lessonThree.one.value
+ ? (this.questionData.lessonThree.one.isRight =
+ this.questionData.lessonThree.one.value == "culture")
+ : (this.questionData.lessonThree.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.lessonThree.two.value
+ ? (this.questionData.lessonThree.two.isRight =
+ this.questionData.lessonThree.two.value == "explore")
+ : (this.questionData.lessonThree.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.lessonThree.three.value
+ ? (this.questionData.lessonThree.three.isRight =
+ this.questionData.lessonThree.three.value == "subways")
+ : (this.questionData.lessonThree.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.lessonThree.four.value
+ ? (this.questionData.lessonThree.four.isRight =
+ this.questionData.lessonThree.four.value == "convenient")
+ : (this.questionData.lessonThree.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.lessonThree.five.value
+ ? (this.questionData.lessonThree.five.isRight =
+ this.questionData.lessonThree.five.value == "surprising")
+ : (this.questionData.lessonThree.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.lessonThree.six.value
+ ? (this.questionData.lessonThree.six.isRight =
+ this.questionData.lessonThree.six.value == "beach")
+ : (this.questionData.lessonThree.six.isRight = null);
+ }
},
audioPlay() {
this.$emit("closeMiniAudio");
},
+ isTextRight(answer, data, num) {
+ let flag = null;
+ if (data) {
+ flag = answer[num] == data
+ } else {
+ flag = false
+ }
+ return flag;
+ },
+ isShowRight(answer, userAnswer, data) {
+ let flag = null;
+ if (userAnswer.indexOf(data) > -1) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
+ },
},
};
</script>
--
Gitblit v1.9.1