From 0a945a92ee0c133a6d7b71b35a705d9764d94f3b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 11 七月 2024 10:57:05 +0800
Subject: [PATCH] 英语（第一单元题集）
---
src/books/English/assets/images/dy2-le3.jpg | 0
src/books/English/view/components/chapter008.vue | 919 +++++
src/books/English/view/components/chapter001.vue | 1583 ++++++++
src/books/English/view/components/chapter003.vue | 478 ++
src/books/English/view/components/chapter005.vue | 504 ++
src/components/choice/choice.vue | 1
src/books/English/assets/main.less | 5
src/books/English/assets/images/PosterFilling.png | 0
src/books/English/view/components/chapter007.vue | 788 ++++
src/books/English/view/components/chapter004.vue | 494 ++
src/books/English/view/components/chapter002.vue | 457 ++
src/books/English/view/components/chapter006.vue | 5403 ++++++++++++++++++-----------
src/App.vue | 2
src/books/English/view/components/index.vue | 2
14 files changed, 8,351 insertions(+), 2,285 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 77be6ac..ef3b19b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,7 +65,7 @@
process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "artAndDrama")
+ : "english")
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/books/English/assets/images/PosterFilling.png b/src/books/English/assets/images/PosterFilling.png
new file mode 100644
index 0000000..e65fc71
--- /dev/null
+++ b/src/books/English/assets/images/PosterFilling.png
Binary files differ
diff --git a/src/books/English/assets/images/dy2-le3.jpg b/src/books/English/assets/images/dy2-le3.jpg
new file mode 100644
index 0000000..fa3e31e
--- /dev/null
+++ b/src/books/English/assets/images/dy2-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index d70bcec..fba9d23 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -1061,6 +1061,11 @@
width: 18px;
height: 18px;
}
+ .icon-box-big{
+ width: 45px;
+ height: 45px;
+
+ }
.word-bc {
// background-color: #a1afc8;
background-color: #e1ebf6;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 572afb5..3e03549 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -351,7 +351,7 @@
</p>
<!-- 鏂囨湰妗� -->
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ 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)Various delicious food (2)Unique architectures
@@ -1082,6 +1082,7 @@
<p>
<input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
@change="setTestData" />
+
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
@@ -1132,7 +1133,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
+ <img class="w100" :src="imgThirteen" />
</div>
<p>A.Combine the following sentences into if-clauses.</p>
<p>
@@ -1303,7 +1304,7 @@
</span>
</p>
<p>
- 5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text"
+ 5.<input :disabled="testData.isComplete" v-model.trim="testData.cm.five" type="text"
class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit
Chengdu Research Base of Giant
Panda Breeding.
@@ -1485,7 +1486,7 @@
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/ppt_02.png" />
</div>
</div>
<div class="swiper-slide">
@@ -1913,7 +1914,7 @@
<p>
1.We are witnessing the rapid development of modern society.What
impresses you most?
- <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <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"
@@ -1925,7 +1926,7 @@
<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="showAnswerFive">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛�(1)intercitut rain(2)online shopping (3)electronic payment
(4)shared bike (5)take-away service (6)facial recognition (7)2022
Beijing Winter Olympics (8)2023 World University Games (9)Hong
@@ -2020,12 +2021,12 @@
</p>
<p>
The five aspects that I mentioned above changed the life of
- millions of people around China.The Chinese
+ millions of people around China.The Chinese
<span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
is
<span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
,which makes people well off.I鈥檝e been in China for several
- years and witnessed China鈥檚
+ years and witnessed China鈥檚
<span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
.
</p>
@@ -2182,28 +2183,79 @@
blanks.
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
- 2016,serving people in several cities.
+ 2016,serving people in several cities.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 2.People can order their desired food,from soup to noodles,from
barbecue to hot pot.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 3.It was at that moment that I knew about the metro system.It
was new,fast,and extraordinary.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2214,46 +2266,129 @@
(F).
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 2.Before Vanessa came to China,she knew a lot about
- the metro
- system.
+ the metro system.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 3.Vanessa didn鈥檛 know about online shopping before
- she met her
- neighbour Alison.
+ she met her neighbour Alison.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 4.Vanessa got her own online payment account by
herself.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 5.Buying vegetables and fruits online makes
Vanessa鈥檚 life
easier.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2266,28 +2401,139 @@
</p>
<p>
1.Tom was shocked by China鈥檚 progress that she had
- <i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ <i>noticed</i>.
+ <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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.China has made <i>amazing</i> progress in the manufacturing
- industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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.Ordering platforms supported <i>by</i> various Apps is very
- convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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.The <i>age</i> of artificial intelligence was brought into being
- by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
- of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.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: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2304,9 +2550,31 @@
</p>
</div>
<p>
- 1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
+ 1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
data.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
</div>
</div>
@@ -2330,24 +2598,112 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
+ 2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
online
shops.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
+ 3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <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.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
+ 4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
+ 5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
+ v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
deserve
respect.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.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: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2366,7 +2722,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
+ <img class="w100" :src="imgThirteenOne" />
</div>
<p>
Read the examples and write down the sentence structure of the
@@ -2387,42 +2743,130 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 1.It is actually an online shopping website.( <select
+ :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
- style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
3.China offers researchers world-class advanced research
- facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
+ style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
4.These friends made Vanessa see China through the eyes of the
- locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
+ style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2433,12 +2877,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="savaDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeTestOneData" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -2502,6 +2946,7 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
+ <p class="continued">continued</p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Items</td>
@@ -2510,10 +2955,10 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">Shopping</td>
- <td class="tl-cn">
+ <td class="tl-lf">
We bought necessities mainly in brick-and-mortar stores.
</td>
- <td>Online shopping is very common.</td>
+ <td class="tl-lf">Online shopping is very common.</td>
</tr>
<tr class="table-tr-bc">
<td>
@@ -2565,43 +3010,294 @@
</td>
</tr>
</table>
+ <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="b002">
<img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" />
</h2>
<h3 id="c008" class="fl al-cn">
<span class="bjh3">Listening</span>
</h3>
-
<p>
<b>鈪�.Listen to Tom,an overseas student,talking about his journey
to China and fill in the blanks with what you hear.</b>
+ <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <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>
<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px"
class="audio"></audio>
<p>
After studying in China for almost three years by now,I call China
- my second homeland.I love the natural beauty,the 1.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the
- people and the food.China is a large country with diverse
- landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
+ my second homeland.I love the natural beauty,the 1
+ <input v-model="questionData.lessonThree.one.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('one')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>
+ the people and the food.China is a large country with diverse
+ landscapes awaiting adventurers to 2.<input v-model="questionData.lessonThree.two.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('two')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>.There
is a modern public transportation system including city
- buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
+ buses,3. <input v-model="questionData.lessonThree.three.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('three')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>,high-speed trains,and airports,as well as a large
highway
- network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
+ network.These make travel 4. <input v-model="questionData.lessonThree.four.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('four')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>and efficient and allow me to go
to many places to enjoy the
- scenery and culture.China鈥檚 natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
- @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
- mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
+ scenery and culture.China鈥檚 natural beauty keeps on 5. <input
+ v-model="questionData.lessonThree.five.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('five')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
+ mountains of Shangri-la,from the sandy 6.<input v-model="questionData.lessonThree.six.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('six')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.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="questionData.lessonThree.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>of
Sanya to the rocky seaside of Laoshan鈥� China is such a
beautiful country!
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerSeven">
绛旀锛� 1.culture 2.explore 3.subways
4.convenient 5.surprising 6.beach
</p>
@@ -2609,6 +3305,13 @@
<b>鈪�.Listen to the conversation about planning for the upcoming
Chinese Culture Week and circle the right expressions to
complete the following sentences.</b>
+ <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <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>
<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
style="margin-left: 10px" class="audio"></audio>
@@ -2649,11 +3352,16 @@
<p>
5.Zhang Ping is to arrange the room set-up / send out invitations.
</p>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
+ 绛旀锛� (1)experience Chinese handicraft (2)paper cutting contest (3)design the posters
+ (4)4.handicraftsmen to show their talent (5)5.arrange the room set-up
+ </p>
<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>
1.How do you let others know about an upcoming event?
- <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <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"
@@ -2665,13 +3373,13 @@
<textarea v-model="questionData.reading.five" 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="showAnswerSeven">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛� (1)posters (2)Wechat public account (3)Campus
radio (4)Campus TV station (5)Notice
</p>
<p>
2.What information would you like to tell them about the event?
- <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <span class="btn-box" @click="showAnswerEleven = !showAnswerEleven">
<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"
@@ -2683,7 +3391,7 @@
<textarea v-model="questionData.reading.six" 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="showAnswerEight">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
绛旀锛�(1)Name of the event(2)Date & time (3)Address (4)Organizer
</p>
<p>
@@ -2702,54 +3410,56 @@
<p>鈻� Describe your event or why people should attend.</p>
<p>鈻� Include a relevant call to action.</p>
<div class="horizontal" style="display: flex">
- <div class="left" style="width: 48%">
- <p class="center">
- <img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
- </p>
+ <div class="left" style="width: 48%;">
+ <img style="width: 100%; height: auto; margin: 15% 0%" class="img-e" alt=""
+ src="../../assets/images/0025-1.jpg" />
</div>
<div class="right" style="width: 48%">
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
Name of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" />
Date and time
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" />
Location
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" />
Greetings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" />
Warnings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" />
Organizer
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" />
Signature
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" />
A short description of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" />
Contact information
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" />
Pictures of the event
</p>
</div>
</div>
+ <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
+ 绛旀锛歂ame of the event,Date & time,Address,Organizer
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -2778,53 +3488,82 @@
lobby of Student Center at</b>6锛�00-8锛�00<b> November</b>16<b>.You're in charge of publicity in the club
and are required to
design a poster for the contest.Complete the necessary
- information in the following poster.</b>
+ information in the following poster.</b> <span class="btn-box"
+ @click="showAnswerTwelve = !showAnswerTwelve">
+ <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">
+ <div class="center poster-img">
<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
+ v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
+ @change="setTestData" />
+ </div>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�
+ <img class="w100" src="../../assets/images/PosterFilling.png">
</p>
<p>
<b>鈪�.Your class has prepared a Chinese culture exhibition for
foreign exchange students.Your group takes the responsibility of
designing a poster for it.Discuss with your partner and try to
answer the questions below to find out what information is
- needed.</b>
+ needed.</b> <span class="btn-box" @click="showAnswerThirteen = !showAnswerThirteen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<div class="dy1-bj4">
- <p class="center"><b>Information to put into our poster</b></p>
+ <p class="center"><b>Information to put into our poster</b>
+ </p>
</div>
<div class="dy1-bj5">
- <p>1.What can be the title of the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">1.What can be the title of the exhibition?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
- <p>2.What should be included in the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� Traditional handicraft show
</p>
- <p>3.Where will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">2.What should be included in the exhibition?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
- <p>4.When will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerThirteen">
+ 绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
</p>
- <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
- <span>绛旀锛�</span>
- <p>1銆� Traditional handicraft show</p>
- <p>
- 2銆� Various handicrafts made by Chinese students in
- theirtraditional Chinese culture courses
- </p>
- <p>3銆� Students activity center.</p>
- <p>4銆� November 13th -- 19th</p>
- </div>
+ <p class="tl-lf">3.Where will the exhibition be held?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛歋tudents activity center
+ </p>
+ <p class="tl-lf">4.When will the exhibition be held?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� November 13th -- 19th
+ </p>
<p>...</p>
</div>
</div>
@@ -2852,9 +3591,17 @@
鈪�<b>.Design a poster for the exhibition according to the
information in the table above.</b>
</p>
- <p class="center">
+ <div class="center poster-design">
<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
- </p>
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
+ v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
+ v-model="testData.in.one" @change="setTestData" />
+ </div>
<div class="un-h2">
<h2 id="b004">Unit Project</h2>
</div>
@@ -2908,12 +3655,55 @@
<div class="fieldset-1">
<p class="center">
<b>Questions You May Ask When Planning an Event</b>
+ <span class="btn-box" @click="showAnswerFourteen = !showAnswerFourteen">
+ <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>How many people do you need to make the event happen?</p>
+ <!-- 鏂囨湰妗� -->
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What resources do you need?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What does the audience need to know?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What will hold the audience鈥檚 interest?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What do you hope to achieve through this event?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
</div>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl">
@@ -2937,6 +3727,153 @@
</button>
</li>
</ul>
+ </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 class="preface-bottom">
@@ -2968,10 +3905,15 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
- showAnsweSix: false,
+ showAnswerSix: false,
showAnswerSeven: false,
showAnswerEight: false,
showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
+ showAnswerThirteen: false,
+ showAnswerFourteen: false,
showImg: false,
showImgOne: false,
showQuestionAnswer: false,
@@ -3129,6 +4071,38 @@
},
seven: "",
},
+ lessonThree: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "culture",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "explore",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "subways",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "convenient",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "surprising",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "beach",
+ },
+ },
reading: {
one: "",
two: "",
@@ -3164,6 +4138,11 @@
check: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ checkOne: {
+ isRight: null,
+ answer: ["Name of the event", "Date & time", "Address", "Organizer"],
value: [],
},
tx: {
@@ -3211,6 +4190,117 @@
answer: ["whether", "if", "whether", "whether", "If"],
},
},
+ testOneData: {
+ isComplete: false,
+ // 閫夋嫨
+ dropdownChoiceData: {
+ dropDownListChoice: [
+ "A",
+ "B",
+ "C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "B",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "C",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "A",
+ },
+ },
+ // 鍒ゆ柇
+ dropdownDetermineData: {
+ dropDownListDetermine: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 璇嶄箟杞崲
+ lf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["witnessed", "extraordinary", "via", "era", "pace"],
+ },
+ // 瀹屽舰濉┖
+ ct: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["went through", "Type in", "a matter of", "well off", "Last but not least"],
+ },
+ // 鍙ュ瓙缁撴瀯
+ dropdownStructureData: {
+ dropDownListStructure: [
+ "S+V",
+ "S+V+O",
+ "S+V+C",
+ "S+V+O+O",
+ "S+V+O+C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "S+V+C",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+O",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+C",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "S+V",
+ }
+ },
+ },
resource: {
listenOne: "",
readingOne: "",
@@ -3227,22 +4317,6 @@
"intercity train",
"shared bike",
"take-away service",
- ],
- dropDownListOne: [
- "A",
- "B",
- "C",
- ],
- dropDownListTwo: [
- "T",
- "F",
- ],
- dropDownListThree: [
- "S+V",
- "S+V+O",
- "S+V+P",
- "S+V+O+O",
- "S+V+O+C",
],
dropdownData: {
isComplete: false,
@@ -3292,6 +4366,10 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+ const testOneData = localStorage.getItem("english-lessonTwo");
+ if(testOneData){
+ this.testOneData = JSON.parse(testOneData);
+ }
this.getPath();
},
methods: {
@@ -3301,11 +4379,40 @@
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
+ setTestOneData(){
+ localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
+ },
+ changeTestOneData(){
+ localStorage.removeItem("english-lessonTwo")
+ const TestOneData = this.testOneData
+ for(let key in TestOneData ){
+ let item = TestOneData[key]
+ if( key != "lf" && key != "ct" && key != "isComplete" ){
+ for(let keys in item){
+ const citem = item[keys]
+ if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
+ citem.value = ""
+ citem.isRight = null
+ }
+ }
+ }else if( key != "isComplete"){
+
+ }
+ }
+ this.$set(this.testOneData, "isComplete", false);
+ this.testOneData = TestOneData;
+ this.showlessonTwoQuestionAnswer = false;
+ },
changeTestData() {
localStorage.removeItem("english-testOne");
this.testData = {
isComplete: false,
check: {
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ checkOne: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
value: [],
@@ -3391,7 +4498,7 @@
} else if (type == "showImgOne") {
this.showImgOne = !this.showImgOne;
}
- setTimeout(()=>{ this.$emit("initViewer","")},500)
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
@@ -3424,6 +4531,39 @@
? (this.questionData.warnUp.six.isRight =
this.questionData.warnUp.six.value == "Chinese chess")
: (this.questionData.warnUp.six.isRight = null);
+ }
+ },
+ 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);
}
},
handleDropdown(type) {
@@ -3482,6 +4622,24 @@
this.$set(this.testData, "isComplete", true);
this.setTestData();
this.showQuestionAnswer = true;
+ },
+ savaDataOne(){
+ const dropdownDatas = this.testOneData;
+ for (let key in dropdownDatas) {
+ let item = dropdownDatas[key];
+ if( key != "lf" && key != "ct" && key != "isComplete" ){
+ for( let keys in item ){
+ const citem = item[keys]
+ if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.testOneData = dropdownDatas;
+ this.$set(this.testOneData, "isComplete", true);
+ this.setTestOneData();
+ this.showlessonTwoQuestionAnswer = true ;
},
isShowRight(answer, userAnswer, data) {
let flag = null;
@@ -3584,4 +4742,127 @@
outline: none;
}
}
+
+.poster-img {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-one {
+ width: 32%;
+ height: 10%;
+ position: absolute;
+ top: 35%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-two {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 33%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-three {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 21%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-four {
+ width: 25%;
+ height: 6%;
+ position: absolute;
+ bottom: 7%;
+ right: 21%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+// 绗簩涓捣鎶ュ～鍐欙紙鐩稿瀹氫綅锛�
+.poster-design {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-five {
+ width: 23%;
+ height: 10%;
+ position: absolute;
+ top: 12%;
+ left: 26%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-six {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ top: 38%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-seven {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 33%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-eight {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 15%;
+ left: 37%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
</style>
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 4accbe1..f47e1db 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -886,10 +886,165 @@
<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">
@@ -1403,7 +1558,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>
@@ -1874,6 +2176,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">
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 124984e..3240819 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -1260,10 +1260,182 @@
<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
</p>
<div class="bk-wh">
- <p>
- blood donation銆�volunteer teacher銆�community service銆�nursing
- home銆�rewarding銆�challenging銆�demanding銆�interesting銆�overwhelming銆�moving銆�merciful銆�kind-hearted銆�appreciate銆�cherish銆�respect
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood
+ donation</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'community service')">community service</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing
+ home</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'rewarding')">rewarding</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'challenging')">challenging</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'demanding')">demanding</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'interesting')">interesting</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'overwhelming')">overwhelming</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'merciful')">merciful</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'kind-hearted')">kind-hearted</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'appreciate')">appreciate</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</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="b010">
<img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" />
@@ -1799,6 +1971,153 @@
</td>
</tr>
</table>
+ <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">
@@ -2042,7 +2361,8 @@
</p>
<p class="center"><b>Worksheet for the Applicant</b></p>
<p class="center">
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;"
+ class="fz-14 center">
<tr class="table-tr-bc">
<td style="text-align: left">
Self-introduction:
@@ -2083,7 +2403,8 @@
<div class="bodystyle">
<p class="center"><b>Worksheet for the Interviewer</b></p>
<p class="center">
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;"
+ class="fz-14 center">
<tr class="table-tr-bc">
<td style="text-align: left">
The volunteer evaluation rubric:
@@ -2119,6 +2440,153 @@
<p>I鈥檓 skillful at ...</p>
<p>I鈥檓 fluent in English/...</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">
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 8484225..64b71cf 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -502,8 +502,171 @@
</table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'physical')">physical</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'relationship')">relationship</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'tireless')">tireless</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'creative')">creative</span>
</p>
+ <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
+ </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="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
<h3 id="c032"><span class="bjh3">Warm-up</span></h3>
@@ -968,9 +1131,10 @@
technology,the improvement of people鈥檚 lives,and the development of the Chinese nation.Work
in groups and list some great Chinese scientists and their contributions to the world,and
then discuss with your group members about their spirit towards scientific research and
- innovation.</p>
+ innovation.
+ </p>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center">
+
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Scientists</td>
@@ -1029,7 +1193,153 @@
</td>
</tr>
</table>
- </p>
+ <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="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
<h3 id="c035" class="fl al-cn">
<span class="bjh3">Listening</span>
@@ -1085,13 +1395,13 @@
</p>
<p class="table-p">
It wakes me up 1<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />in the morning.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />in the morning.
</p>
<p class="table-p">
It plays my 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />music.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />music.
</p>
<p class="table-p">
I chat with it when I am alone..
@@ -1105,13 +1415,14 @@
<td class="tl-lf">
<p class="table-p">
It 3.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />suggests things that I want.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />suggests things that I
+ want.
</p>
<p class="table-p">
It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />experience.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />experience.
</p>
</td>
</tr>
@@ -1125,13 +1436,15 @@
</p>
<p class="table-p">
They're so 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />for foreign language learning.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />for foreign language
+ learning.
</p>
<p class="table-p">
- I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ I can figure out words or the meaning of words 6.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
</p>
</td>
</tr>
@@ -1357,6 +1670,153 @@
<p>We can very well compete against 鈥� in price.</p>
<p>鈥� are the best-selling products of this kind.</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">
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 9dd3be0..90eea1c 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -432,7 +432,6 @@
time while humans do nothing but make it worse.Search online for the causes and effects of
environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center">
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="wh-no tl-cn">Environmental issues</td>
@@ -498,11 +497,165 @@
</td>
</tr>
</table>
- </p>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>smog銆�greenhouse gases銆�unusual temperature銆�rising sea levels銆�melting glaciers銆�frequent
- drought銆�heavier rainstorms銆�soil degradation</p>
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'smog')">smog</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'greenhouse gases')">greenhouse gases</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'unusual temperature')">unusual temperature</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'rising sea levels')">rising sea levels</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'melting glaciers')">melting glaciers</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'frequent drought')">frequent drought</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'heavier rainstorms')">heavier rainstorms</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'soil degradation')">soil degradation</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>
</div>
</div>
@@ -883,7 +1036,6 @@
<p><b>鈪�.Work in groups.Ask your group members how they deal with the household waste every
day.Finish the worksheet and prepare a report to the class.</b></p>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center">
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Names</td>
@@ -966,7 +1118,153 @@
</td>
</tr>
</table>
- </p>
+ <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">
@@ -1398,14 +1696,19 @@
</tr>
<tr class="table-tr-bc">
<td class="wh-no tl-cn">Form(s) of Documenting</td>
- <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
- v-model="testData.check.value" @change="setTestData" />vlogs</td>
- <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
- v-model="testData.check.value" @change="setTestData" />photos</td>
- <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
- v-model="testData.check.value" @change="setTestData" />journals</td>
- <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
- v-model="testData.check.value" @change="setTestData" />other<input :disabled="testData.isComplete" type="text"
+ <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1"
+ :disabled="testData.isComplete" value="Language" id="1"
+ v-model="testData.check.value" @change="setTestData" />vlogs</td>
+ <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
+ :disabled="testData.isComplete" value="Language" id="1"
+ v-model="testData.check.value" @change="setTestData" />photos</td>
+ <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
+ :disabled="testData.isComplete" value="Language" id="1"
+ v-model="testData.check.value" @change="setTestData" />journals</td>
+ <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
+ :disabled="testData.isComplete" value="Language" id="1"
+ v-model="testData.check.value" @change="setTestData" />other<input
+ :disabled="testData.isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 60px"
v-model="testData.in.one" @change="setTestData" />
</td>
@@ -1491,6 +1794,153 @@
<p>In response to the national call for plastic reduction, I decide to engage in the 7-day
No Plastic Challenge.</p>
<p>I will document the challenge in the form of 鈥�</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>
@@ -1742,19 +2192,19 @@
twentySeven: "",
twentyEight: "",
twentyNine: "",
- thirty:"",
- thirtyOne:"",
- thirtyTwo:"",
- thirtyThree:"",
- thirtyFour:"",
- thirtyFive:"",
- thirtySix:"",
- thirtySeven:"",
- thirtyEight:"",
- thirtyNine:"",
- forty:"",
- fortyOne:"",
- fortyTwo:"",
+ thirty: "",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
+ forty: "",
+ fortyOne: "",
+ fortyTwo: "",
},
},
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 35c6f6d..cefe9fa 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -1,2101 +1,3406 @@
<template>
- <div class="chapter" num="7">
- <!-- 绗叚鍗曞厓 -->
- <!-- 97 -->
- <div class="page-box" page="103">
- <div v-if="showPageList.indexOf(103) > -1">
- <h1 id="a010"><img class="img-0" alt="" src="../../assets/images/dy6.jpg" /></h1>
- <p><b>This unit will help you to:</b></p>
- <p>鉃� Learn words and expressions about work environment</p>
- <p>鉃� Review the usage of inverted sentences and modal verbs (can,could,may,might)</p>
- <p>鉃� Be able to perform properly when chairing a meeting</p>
- <p>鉃� Be able to write minutes</p>
- <p>鉃� Learn to create a positive work environment</p>
- <p class="center"><img class="img-0" alt="" src="../../assets/images/0107-2.jpg" /></p>
- </div>
- </div>
- <!-- 98 -->
- <div class="page-box" page="104">
- <div v-if="showPageList.indexOf(104) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <h2 id="b021"><img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" /></h2>
- <h3 id="c046"><span class="bjh3">Warm-up</span></h3>
- <p><b>鈪�.Put the expressions in the box below on the corresponding answer line under each
- picture.</b></p>
- <div class="bk-wh">
- <p>open plan office銆�cubicles銆�private office銆�SOHO</p>
- </div>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-1.jpg" /></p>
- <p class="center">1._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-2.jpg" /></p>
- <p class="center">2._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-3.jpg" /></p>
- <p class="center">3._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-4.jpg" /></p>
- <p class="center">4._____________________</p>
- <p><b>鈪�.Pick up the words in the box below to describe the work environment you love and explain
- your reasons.</b></p>
- <div class="bk-wh">
- <p>caring, supportive, privacy, friendly, freedom, flexible</p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">98</span>
- </div>
- </div>
- </div>
- <!-- 99 -->
- <div class="page-box" page="105">
- <div v-if="showPageList.indexOf(105) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <h3 id="c047" class="fl al-cn">
- <span class="bjh3">Listening</span>
- <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
- class="audio"></audio>
- </h3>
- <p><b>Four interns are talking about the work environment they like.Listen to the recording and
- fill in the blanks with what you hear.</b></p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
- <tr class="table-tr-bc">
- <td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
- <td>
- I would prefer working in an interesting and professional environment where
- everybody works hard and helps each other to succeed as a l.<input
- :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn table-th-bc">Ross</td>
- <td>
- For me, I prefer the workplace that gives me enough space to grow, There should be
- good 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />and mutual 3.<input
- :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />between each team member.
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn table-th-bc">Amelia</td>
- <td>
- I'd like to work in an environment that gives me learning opportunities as well as
- spacefor personal 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn table-th-bc">Li Tao</td>
- <td>
- I hope it's a workplace where there is 5.<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />for people's ideas as well as
- appreciationfor good work and elfort.
- </td>
- </tr>
- </table>
- <h3 id="c048"><span class="bjh3">Reading</span></h3>
- <p>1.What makes a positive work environment?</p>
- <p>2.Why would people be more productive in such environment?</p>
- <p class="center"><b>A Positive Work Environment</b></p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
- <p>How do we exactly define a positive work environment? When asked what makes a great work
- environment,most people would mention a fancy workplace in a big building with modern
- design,or a good relationship with coworkers.</p>
- <p>Gone are those times when
- <span class="word-bc" @click="saveWord($event, 'candidates')">andidates</span>
- only considered the salary at the time of joining a
- company.Nowadays,apart from the job
- <span class="word-bc" @click="saveWord($event, 'prospect')">prospect</span>
- itself,one factor that is greatly influencing
- how employees feel about work is the environment being provided by the employer.The work
- environment here includes everything,such as the relationship with coworkers,company
- culture,room for personal development,caf茅,furniture,etc.A positive work environment is
- something that makes employees feel good about coming to work every day,and also motivates
- them to work and give their best effort.
- </p>
- <p>An effective way to
- <span class="word-bc" @click="saveWord($event, 'ensure')">ensure</span>
- a positive work environment is to motivate employees for a correct
- <span class="word-bc" @click="saveWord($event, 'behavioral')">behavioral</span>
- <span class="word-bc" @click="saveWord($event, 'approach')">approach</span>
- .Good behavior also
- <span class="word-bc" @click="saveWord($event, 'determines')">determines</span>
- good and peaceful environment.Another way
- is to ensure healthy relationships among the staff; that is why communication is quite
- necessary.Keeping an eye on staff
- <span class="word-bc" @click="saveWord($event, 'interaction')">interaction</span>
- doesn鈥檛 cost much time for the management
- team.They only
- </p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">99</span>
- </div>
- </div>
- </div>
- <!-- 100 -->
- <div class="page-box" page="106">
- <div v-if="showPageList.indexOf(106) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p> need to observe body language and listen for negative clues and try to fix the problems as
- soon as possible.The staff often takes the message from the behavior of the management
- team,so the management team should also be aware of the power of their behavior and always
- <span class="word-bc" @click="saveWord($event, 'maintain')">maintain</span>
- <span class="word-bc" @click="saveWord($event, 'dignity')">dignity</span>.
- </p>
- <p>Another important way to make a great work environment for a company is to show
- <span class="word-bc" @click="saveWord($event, 'appreciation')">appreciation</span> of
- <span class="word-bc" @click="saveWord($event, 'outstanding')">outstanding</span>
- employees.Workers are more likely to stay in the company,work hard and
- provide years of excellent service when knowing that they have a clear opportunity for
- <span class="word-bc" @click="saveWord($event, 'advancement')"> advancement</span>
- .When employees know they are valued,they tend to return the favor by being the
- best at their job.A positive work environment is a place that promises to advance
- <span class="word-bc" @click="saveWord($event, 'gifted')">gifted</span>
- employees and keep that promise.
- </p>
- <p>The work environment can greatly influence how the employees feel about their jobs.Because of
- this,it鈥檚 important to find an employer that
- <span class="word-bc" @click="saveWord($event, 'fosters')">fosters</span>
- a positive atmosphere and encourages employees
- <span class="word-bc" @click="saveWord($event, 'consistently')">consistently</span>
- .A positive work environment can improve employees鈥� happiness,increase
- the
- <span class="word-bc" @click="saveWord($event, 'productivity')">productivity</span>
- and motivate those around them.
- </p>
- <p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
- <span class="line-border-box"></span>
- </p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
- style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
- <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
- <div class="bkbj">
- <p><i>a person who is applying for a job</i></p>
- </div>
- <p>prospect /藞pr蓲spekt/ <i>n.</i> 鍓嶆櫙锛涘睍鏈�</p>
- <div class="bkbj">
- <p><i>the chances of being successful</i></p>
- </div>
- <p>ensure /瑟n藞蕛蓴藧(r)]/ <i>v.</i> 纭繚锛涗繚璇�</p>
- <div class="bkbj">
- <p><i>to make sure that sth.happens or is definite</i></p>
- </div>
- <p>behavioral /b瑟藞he瑟vj蓹r蓹l/ <i>adj.</i> 琛屼负鐨�</p>
- <div class="bkbj">
- <p><i>of or relating to behavior</i></p>
- </div>
- <p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p>
- <div class="bkbj">
- <p><i>a way of doing or thinking about sth.such as a problem or a task</i></p>
- </div>
- <p>determine /d瑟藞t蓽藧m瑟n/ <i>v.</i> 瀵癸紙鏌愪簨鐗╋級 浜х敓鍐冲畾鎬х殑褰卞搷锛涘喅瀹�</p>
- <div class="bkbj">
- <p><i>to make sth.happen in a particular way or be of a particular type</i></p>
- </div>
- <p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p>
- <div class="bkbj">
- <p><i>communication; cooperation</i></p>
- </div>
- <p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p>
- <div class="bkbj">
- <p><i>a fact or a piece of evidence that helps to solve a problem or reveal the truth in an
- investigation</i></p>
- </div>
- <p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
- <div class="bkbj">
- <p><i>to keep sth.in existence at the same level,standard,etc.</i></p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">100</span>
- </div>
- </div>
- </div>
- <!-- 101 -->
- <div class="page-box" page="107">
- <div v-if="showPageList.indexOf(107) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p>
- <div class="bkbj">
- <p><i>a calm and serious manner that deserves respect</i></p>
- </div>
- <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆ｈ祻</p>
- <div class="bkbj">
- <p><i>understanding and enjoyment</i></p>
- </div>
- <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p>
- <div class="bkbj">
- <p><i>excellent or exceptionally good</i></p>
- </div>
- <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p>
- <div class="bkbj">
- <p><i>promotion in rank or status</i></p>
- </div>
- <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p>
- <div class="bkbj">
- <p><i>to have a high opinion of sb./sth.</i></p>
- </div>
- <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p>
- <div class="bkbj">
- <p><i>act of kindness beyond what is due or usual</i></p>
- </div>
- <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p>
- <div class="bkbj">
- <p><i>having a lot of natural ability or intelligence</i></p>
- </div>
- <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p>
- <div class="bkbj">
- <p><i>to encourage sth.to develop</i></p>
- </div>
- <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
- <div class="bkbj">
- <p><i>in a way that does not change and continues for a period of time</i></p>
- </div>
- <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
- <div class="bkbj">
- <p><i>the rate at which a worker,a company or a country produces goods,and the amount
- produced,compared with how much time,work and money is needed to produce them</i>
- </p>
- </div>
- <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p>
- <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p>
- <p>return the favor 鍥炴姤</p>
- <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p>
- <p>be likely to 寰堝彲鑳�</p>
- <p><b>鈪�.Reading comprehension.</b></p>
- <p>A.Mark the elements of a positive work environment mentioned in the passage.</p>
- <p>鈻ompany culture</p>
- <p>鈻ersonal development</p>
- <p>鈻elationship with colleagues</p>
- <p>鈻alary</p>
- <p>鈻af茅</p>
- <p>鈻eaders</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">101</span>
- </div>
- </div>
- </div>
- <!-- 102 -->
- <div class="page-box" page="108">
- <div v-if="showPageList.indexOf(108) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>B.Match the questions below with related paragraphs.Then answer the questions.</p>
- <div class="fieldset-8">
- <p>1.Why is it important to ensure a positive work environment?</p>
- <p>2.What does positive work environment refer to?</p>
- <p>3.How do employers maintain a positive work environment?</p>
- </div>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
- <tr class="table-th-bc">
- <td class="tl-cn">Paragraphs</td>
- <td class="wh-no tl-cn">Related Questions</td>
- <td class="tl-cn">Answers</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">Para. 1-2</td>
- <td class="wh-no tl-cn"><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 style="width: 80%;">
- <textarea v-model="questionData.table.one"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- Para. 3-4
- </td>
- <td class="tl-cn">
- <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>
- <textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- Para. 5
- </td>
- <td class="tl-cn">
- <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>
- <textarea v-model="questionData.table.three"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- </table>
- <p><b>鈪�.Language focus.</b></p>
- <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
- have been given.</p>
- <p>1.Aside from the job p________ itself,one factor that is significantly influencing how
- employees feel about work is the work environment.</p>
- <p>2.To f_______ a positive work environment,the employer can motivate employees for a correct
- behavioral approach.</p>
- <p>3.Good behavior can not only d_________ a good and peaceful environment,but also promote
- healthy relationships among the staff.</p>
- <p>4.Another way to ensure a great work environment in a company is to show a_______ to
- outstanding employees.</p>
- <p>5.For employees,a positive work environment can greatly improve their happiness and p______ .
- </p>
- <p>B.Replace the underlined part in each of the following sentences with a phrase in the box
- below.Change the form if necessary.</p>
- <div class="bk-wh">
- <p>apart from銆�keep an eye on銆�be likely to銆�return the favor銆�be aware of</p>
- </div>
- <p>1.The manager asked me to <span class="u">pay close attention to</span> the monthly sales
- report of the products._____</p>
- <p>2.<span class="u">Except for</span> the low salary,it鈥檚 not a bad job._____</p>
- <p>3.The management team <span class="u">noticed</span> some inappropriate behavior in the
- company._____</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">102</span>
- </div>
- </div>
- </div>
- <!-- 103 -->
- <div class="page-box" page="109">
- <div v-if="showPageList.indexOf(109) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>4.The graduates with a language proficiency certificate <span class="u">are more possible
- to</span> land a good job._____</p>
- <p>5.I will <span class="u">help you because you have helped me</span> some time._____</p>
- <p>C.Translate the following sentences into Chinese.</p>
- <p>1.Communication is quite necessary to ensure a healthy relationship with coworkers.</p>
- <p>______________________________________________</p>
- <p>2.A good work atmosphere can greatly increase the productivity of employees.</p>
- <p>______________________________________________</p>
- <p>3.Most of the candidates view company culture as the most important factor when choosing a
- job.</p>
- <p>______________________________________________</p>
- <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
- the company.</p>
- <p>______________________________________________</p>
- <p><b>鈪�.Grammar focus:Inverted sentences.</b>
- <span class="btn-box" @click="showAnswer('showImg')">
- <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="30864"
- xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
- <path
- d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
- p-id="30865"></path>
- </svg>
- </span>
- </p>
- <div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
- </div>
- <p>A.Choose the correct version of the translation of the inverted sentences.</p>
- <p>1.鍏氦杞︽潵浜嗐��</p>
- <p>a.There comes the bus.</p>
- <p>b.There the bus comes.</p>
- <p>2.鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��</p>
- <p>a.Gone are the days when rich countries make the rules and everyone else follows.</p>
- <p>b.Gone the days are when rich countries make the rules and everyone else follows.</p>
- <p>3.鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��</p>
- <p>a.No sooner did we reached the airport than the plane had taken off.</p>
- <p>b.No sooner had we reached the airport than the plane took off.</p>
- <p>4.鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��</p>
- <p>a.Only then he realized that he was wrong.</p>
- <p>b.Only then did he realize that he was wrong.</p>
- <p>5.闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�</p>
- <p>a.Not until the rain stopped did he leave the room.</p>
- <p>b.Not until did the rain stop he left the room.</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">103</span>
- </div>
- </div>
- </div>
- <!-- 104 -->
- <div class="page-box" page="110">
- <div v-if="showPageList.indexOf(110) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>B.Put the following words in right order to make inverted sentences.</p>
- <p>1.did he it saw so and I</p>
- <p>______________________________________________</p>
- <p>2.he young is he a lot knows as</p>
- <p>______________________________________________</p>
- <p>3.no under will lend circumstances I money him to</p>
- <p>______________________________________________</p>
- <p>4.she have hardly music listen to does time to</p>
- <p>______________________________________________</p>
- <p>5.village in the front of river a was</p>
- <p>______________________________________________</p>
- <h3 id="c049"><span class="bjh3">Mini-project</span></h3>
- <p>A pleasant work environment can make employees love their jobs and do their best.Work in
- groups to list the elements of a pleasant work environment and explain the reasons for your
- choice.</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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">Elements</td>
- <td class="tl-cn">Reasons for the Choice</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn wh-no">Company Culture</td>
- <td>
- Company culture is the soul and essence of a company, It helps us define the
- atti-tude and behavior within a company.
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.four"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.five"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
-
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.six"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.seven"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
-
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.eight"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.nine"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.ten"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.eleven"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.twelve"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.thirteen"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">104</span>
- </div>
- </div>
- </div>
- <!-- 105 -->
- <div class="page-box" page="111">
- <div v-if="showPageList.indexOf(111) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
- <div class="bk-wh">
- <p>relationship銆�communication銆�productivity銆�respect銆�pleasure銆�professional銆�team spirit銆�job
- satisfaction銆�personal development銆�job prospect銆�modern decor</p>
- </div>
- <h2 id="b022"><img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /></h2>
- <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
- <p><b>鈪�.Put the following statements into the corresponding box to make a code of conduct for a
- school.</b></p>
- <div class="fieldset-5">
- <p>a.Students are supposed to arrive at the classroom on time.</p>
- <p>b.Students are required to come to school in a neat uniform.</p>
- <p>c.Students should treat others with respect.</p>
- <p>d.Keep food and drink outside of the classroom.</p>
- <p>e.Mobile phones must be on silent mode during the class.</p>
- </div>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">105</span>
- </div>
- </div>
- </div>
- <!-- 106 -->
- <div class="page-box" page="112">
- <div v-if="showPageList.indexOf(112) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
- <h3 id="c051"><span class="bjh3">Reading</span></h3>
- <p>1.How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or
- standards.鈥�?</p>
- <p>2.Are rules and regulations important for an organization? Why?</p>
- <p class="center"><b>Code of Conduct in the Workplace</b></p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
- <p>A company code of conduct is a set of rules and standards all employees must follow.By
- knowing the company code of conduct,employees know how to act at work and can be more
- successful in their roles.If you just joined a new company,it would be beneficial to start
- with learning the code of conduct.</p>
- <p>Often,a company uses its
- <span class="word-bc" @click="saveWord($event, 'core')">core</span>
- values,including its mission,to guide the creation of these
- codes.These guidelines
- <span class="word-bc" @click="saveWord($event, 'outline')">outline</span>
- how the organization operates,how employees
- <span class="word-bc" @click="saveWord($event, 'conduct')">conduct</span>
- themselves daily,and how they work with others on behalf of the organization.
- </p>
- <p>You can usually find a company鈥檚 code of conduct in an employee handbook.Each company has
- different rules in its code of conduct,and each company has its own policies for
- <span class="word-bc" @click="saveWord($event, 'enforcing')">enforcing</span>
- this code.
- </p>
- <p>The following code of conduct may help you dig into more details.</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">106</span>
- </div>
- </div>
- </div>
- <!-- 107 -->
- <div class="page-box" page="113">
- <div v-if="showPageList.indexOf(113) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <div class="fieldset-8">
- <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
- <p><b>A._______________________</b></p>
- <p>1.Honesty and
- <span class="word-bc" @click="saveWord($event, 'integrity')">integrity</span>
- .Above all,treat clients fairly.
- </p>
- <p>2.Maintain the good
- <span class="word-bc" @click="saveWord($event, 'reputation')">reputation</span>
- of the company.
- </p>
- <p>3.
- <span class="word-bc" @click="saveWord($event, 'Conflicts')">Conflicts</span>
- and interest.Manage conflicts of interest fairly and do not act in a manner
- <span class="word-bc" @click="saveWord($event, 'inconsistent')">inconsistent</span>
- with the company mission and values.
- </p>
- <p>4.Confidentiality.Always be careful of the information received.</p>
- <p>5.Advertising.Products should not be
- <span class="word-bc" @click="saveWord($event, 'advertised')">advertised</span>
- in a
- <span class="word-bc" @click="saveWord($event, 'misleading')">misleading</span>
- way.
- </p>
- <p><b>B._______________________</b></p>
- <p>6.
- <span class="word-bc" @click="saveWord($event, 'Competence')">Competence</span>
- .Advise clients only on matters in which they are
- <span class="word-bc" @click="saveWord($event, 'competent')">competent</span>
- .
- </p>
- <p>7.Clients鈥� interests.Pay due regard to the interests of clients and keep those interests
- above their own.</p>
- <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
- that is misleading.</p>
- <p>9.
- <span class="word-bc" @click="saveWord($event, 'Suitability')">Suitability</span>
- of advice.Advice should be suitable for the clients鈥� needs.
- </p>
- <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
- <span class="word-bc" @click="saveWord($event, 'competitor')">competitor</span>.
- </p>
- <p><b>C._______________________</b></p>
- <p>11.Skill and care.Act at all times with reasonable skill and care.</p>
- <p>12.Professional
- <span class="word-bc" @click="saveWord($event, 'discipline')">discipline</span>
- .Organize business in a responsible and effective way.
- </p>
- <p>13.Company guidance.Be familiar and seek to
- <span class="word-bc" @click="saveWord($event, 'observe')">observe</span>
- the company
- <span class="word-bc" @click="saveWord($event, 'guidance')">guidance</span>
- .
- </p>
- <p>14.
- <span class="word-bc" @click="saveWord($event, 'Complaints')">Complaints</span>
- .Handle the complaints fairly and quickly.
- </p>
- <p>15.Respect.Treat the clients with respect without discrimination.</p>
- </div>
- <p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
- <span class="line-border-box"></span>
- </p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
- style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
- <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
- <div class="bkbj">
- <p><i>the most important or central part of sth.</i></p>
- </div>
- <p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p>
- <div class="bkbj">
- <p><i>to give a description of the main facts or points involved in sth.</i></p>
- </div>
- <p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">107</span>
- </div>
- </div>
- </div>
- <!-- 108 -->
- <div class="page-box" page="114">
- <div v-if="showPageList.indexOf(114) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <div class="bkbj">
- <p><i>to behave in a particular way</i></p>
- </div>
- <p>enforce /瑟n藞f蓴藧s/ <i>v</i>.锛堝己鍒讹級 瀹炴柦锛屾墽琛�</p>
- <div class="bkbj">
- <p><i>to make sure that people obey a particular law or rule</i></p>
- </div>
- <p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝ｇ洿</p>
- <div class="bkbj">
- <p><i>the quality of being honest and having strong moral principles</i></p>
- </div>
- <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
- <div class="bkbj">
- <p><i>a person who uses the services or advice of a professional person or organization</i>
- </p>
- </div>
- <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
- <div class="bkbj">
- <p><i>the opinion that people have about what sb./sth.is like</i></p>
- </div>
- <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
- <div class="bkbj">
- <p><i>a situation in which people,groups or countries are involved in a serious disagreement
- or argument</i></p>
- </div>
- <p>inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/ <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級</p>
- <div class="bkbj">
- <p><i>not matching a set of standards,ideas,etc.</i></p>
- </div>
- <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
- <div class="bkbj">
- <p><i>a situation in which you expect sb.to keep information secret</i></p>
- </div>
- <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
- <div class="bkbj">
- <p><i>to tell the public about a product or a service in order to encourage people to buy or
- to use it</i></p>
- </div>
- <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
- <div class="bkbj">
- <p><i>giving the wrong idea or impression and making you believe sth.that is not true</i>
- </p>
- </div>
- <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
- <div class="bkbj">
- <p><i>the ability to do sth.well</i></p>
- </div>
- <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p>
- <div class="bkbj">
- <p><i>having enough skill or knowledge to do sth.well</i></p>
- </div>
- <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p>
- <div class="bkbj">
- <p><i>the quality of being right or appropriate</i></p>
- </div>
- <p>competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛� 绔炰簤鑰咃紝瀵规墜</p>
- <div class="bkbj">
- <p><i>a person or an organization that compete against others,esp.in business</i></p>
- </div>
- <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
- <div class="bkbj">
- <p><i>the ability to control your behavior or the way you live,work,etc.</i></p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">108</span>
- </div>
- </div>
- </div>
- <!-- 109 -->
- <div class="page-box" page="115">
- <div v-if="showPageList.indexOf(115) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p>
- <div class="bkbj">
- <p><i>to obey rules,laws,etc.</i></p>
- </div>
- <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p>
- <div class="bkbj">
- <p><i>help or advice that is given to sb.</i></p>
- </div>
- <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p>
- <div class="bkbj">
- <p><i>a reason for not being satisfied</i></p>
- </div>
- <p>on behalf of 浠ｈ〃</p>
- <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p>
- <p>engage in 浠庝簨锛涘弬鍔�</p>
- <p>dig into 閽荤爺锛涙寲鎺�</p>
- <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p>
- <p><b>鈪�.Reading comprehension.</b></p>
- <p>A.Read the passage quickly and choose appropriate headings for A-C in the passage.</p>
- <p class="center"><img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /></p>
- <p>B.Mark the proper ones according to the code of conduct in the passage.</p>
- <div class="bk-11">
- <p>(銆�) 1.Observe the employee handbook strictly.</p>
- <p>(銆�) 2.Get involved in activities inconsistent with company values.</p>
- <p>(銆�) 3.Never leak personal information of the client.</p>
- <p>(銆�) 4.Advertise products and services in a professional way.</p>
- <p>(銆�) 5.Judge customers by appearance.</p>
- <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">109</span>
- </div>
- </div>
- </div>
- <!-- 110 -->
- <div class="page-box" page="116">
- <div v-if="showPageList.indexOf(116) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p><b>鈪�.Language focus.</b></p>
- <p>A.Replace the words in italics with the exact words in the passage and change the form if
- necessary.</p>
- <p>1.We may feel cheated when finding the report is actually <i>false</i>._____________</p>
- <p>2.A true partnership is a two-way street,and our <i>customers</i> embrace this
- philosophy._____________</p>
- <p>3.The <i>disagreements</i> at the workplace need to be resolved in a timely and professional
- manner._____________</p>
- <p>4.The company鈥檚 <i>image</i> is the reflection of its culture._____________</p>
- <p>5.All the staff are required to <i>follow</i> the company code of conduct._____________</p>
- <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
- <div class="bk-wh">
- <p>on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all</p>
- </div>
- <p>1.The manager asked the intern to_______the data and draft a report.</p>
- <p>2.A firm must_________the interests of its customers and treat them fairly.</p>
- <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
- <p>4._________,you shouldn鈥檛 give up without trying.</p>
- <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
- <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
- <span class="btn-box" @click="showAnswer('showImgOne')">
- <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="30864"
- xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
- <path
- d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
- p-id="30865"></path>
- </svg>
- </span>
- </p>
- <div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
- </div>
- <p>A.Choose the correct modal verbs in the brackets.</p>
- <p>1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a
- workaholic.</p>
- <p>2.You should introduce yourself; your client______(can/may) not remember you.</p>
- <p>3.I thought he_____(can/might) have a meeting with his team.</p>
- <p>4.The customer____(can/may) be very difficult to deal with when he is in a bad mood.</p>
- <p>5.There is a slim chance that we______(can/might) take a rest this weekend.</p>
- <p>B.Correct the misused modal verbs in the following sentences.</p>
- <p>1.Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.______
- </p>
- <p>2.The new project might work,but it <span class="u">could</span> not.______</p>
- <p>3.The manager <span class="u">can not</span> have seen the message yet.______</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">110</span>
- </div>
- </div>
- </div>
- <!-- 111 -->
- <div class="page-box" page="117">
- <div v-if="showPageList.indexOf(117) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p>4.We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.______
- </p>
- <p>5.The meeting might be cancelled for the delay of their plane.______</p>
- <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
- <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
- library and draft a code of conduct.Share your opinions with the class.</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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">Improper Behavior</td>
- <td class="tl-cn">Talking Loudly</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn wh-no">Code of Conduct</td>
- <td style="width: 85%;">
- <p class="table-p">Keep quiet and do not make and receive phone calls.</p>
- <p class="table-p"> Diseuss in the seminar room.</p>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.fourteen"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.fifteen"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
-
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.sixteen"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.seventeen"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
-
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.eighteen"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.nineteen"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <textarea v-model="questionData.table.twenty"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.twentyOne"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </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>
- </td>
- <td>
- <textarea v-model="questionData.table.twentyThree"
- class="w100 table-tr-bc b0 table-textarea "
- @change="setBookQuestion"></textarea>
- </td>
- </tr>
- </table>
- <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2>
- <h3 id="c053" class="fl al-cn">
- <span class="bjh3">Listening</span>
- <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
- class="audio"></audio>
- </h3>
- <p><b>鈪�.Listen to the monologue about the perfect workplace and decide whether the following
- statements are true (T) or false (F).</b></p>
- <p>(銆�) 1.A positive workplace might have the same details for everybody.</p>
- <p>(銆�) 2.It should be a place where the management team enjoys coming to work.</p>
- <p>(銆�) 3.The happier people are at work,the better they will perform.</p>
- <p>(銆�) 4.The better the company culture is,the greater the reputation it enjoys.</p>
- <p>(銆�) 5.Most employees succeed in a positive atmosphere.</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">111</span>
- </div>
- </div>
- </div>
- <!-- 112 -->
- <div class="page-box" page="118">
- <div v-if="showPageList.indexOf(118) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p><b>鈪�.Listen to the conversation about the dress code between Sally and Ross and match the
- following information with the corresponding speaker.</b></p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
-
- <tr class="table-tr-bc">
- <td class="tl-cn wh-no table-th-bc">Sally</td>
- <td>
- <select class="select-border select-bc-t" style="background-color: transparent"
- v-model="dropdownData.one.value" @change="setDropdownData"
- :disabled="dropdownData.isComplete">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
- {{ item }}
- </option>
- </select>
- </td>
- <td rowspan="2">
- <p class="table-p">a. I need to follow the dress code and dress properly for work.
- </p>
- <p class="table-p">b. I think dress code is quite necessary to maintain a business
- formal image.</p>
- <p class="table-p">c. A neat and pressed business suit with a tie is a great choice
- for me.</p>
- <p class="table-p">d. Our boss thinks that casual wear brings inspiration for the
- job.</p>
- <p class="table-p">e. I don't have to dress formally for work.</p>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="table-th-bc tl-cn"> Ross </td>
- <td>
- <select class="select-border" style="background-color: transparent"
- v-model="dropdownData.two.value" @change="setDropdownData"
- :disabled="dropdownData.isComplete">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
- {{ item }}
- </option>
- </select>
- </td>
- </tr>
-
-
- </table>
- <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
- <p>Work with your partner to discuss the following questions.</p>
- <p>1.Why do we need to take the minutes?</p>
- <p>2.What should we take down in the minutes?</p>
- <p><b>鈪�.Read the following tips and learn about the minutes.</b></p>
- <p>Minutes can be defined as the record of what is said and decided at a meeting.It highlights
- the key issues that are discussed,proposals voted on and resolutions made.Minutes can also
- be a valuable resource for team members who missed a meeting to catch up on any decisions
- from the meeting.Minutes usually consist of the following parts.</p>
- <div class="fieldset-8">
- <p>鈼員he time,date and place of the meeting</p>
- <p>鈼哤ho attended the meeting and who was absent</p>
- <p>鈼哤hat happened at the meeting in detail</p>
- <p class="center"><img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /></p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">112</span>
- </div>
- </div>
- </div>
- <!-- 113 -->
- <div class="page-box" page="119">
- <div v-if="showPageList.indexOf(119) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p><b>鈪�.Read the minutes and do the following exercises.</b></p>
- <p>1. <span class="u">Underline</span> the time,date and place of the meeting.</p>
- <p>2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees.</p>
- <p>3.Summarize the main points discussed at the meeting.</p>
- <p class="center"><img class="img-f" alt="" src="../../assets/images/0123-2.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">113</span>
- </div>
- </div>
- </div>
- <!-- 114 -->
- <div class="page-box" page="120">
- <div v-if="showPageList.indexOf(120) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
- <p><b>鈪�.Match the following sentences with the correct translation.</b></p>
- <div class="fieldset-8">
- <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
- <p>2.A vote was taken to approve the amended</p>
- <p>Code of Conduct for employees.</p>
- <p>3.The meeting agenda was unanimously approved by all attendees.</p>
- <p>4.The meeting adjourned at 5:00 p.m.</p>
- <p>5.All attendees were given an agenda prior to the meeting via email.</p>
- </div>
- <div class="fieldset-8">
- <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
- <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
- <p>c.涓嬪崍5鐐逛紤浼氥��</p>
- <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
- <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
- <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
- </div>
- <p>鈪�<b>.The HR department has been assigned the task to prepare the in-service training for the
- newly recruited employees.Complete the following minutes based on the information
- provided.</b></p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
- <tr class="table-th-bc">
- <td class="tl-cn" style="width: 86%;">Interviewees</td>
- <td class="tl-cn">Presented By</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- <p class="table-p">Introduce the briefing of the training program;</p>
- <p class="table-p">vote to approve the budget plan of the training.</p>
- </td>
- <td>
- Tim Shaw
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td>
- <p class="table-p">Reserve the lecture hall for the training;</p>
- <p class="table-p">ensure the multimedia equipment works.</p>
- </td>
- <td>
- James Lee
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">114</span>
- </div>
- </div>
- </div>
- <!-- 115 -->
- <div class="page-box" page="121">
- <div v-if="showPageList.indexOf(121) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0125-1.jpg" /></p>
- <div class="un-h2">
- <h2 id="b024">Unit Project</h2>
- </div>
- <p>When employees work in a positive environment,they are happier and more motivated.Work with
- your partner and complete the following two tasks.</p>
- <p><b>Task 1:</b> The following are three pictures of work environment.Find out the problems and
- put forward some suggestions for improvement so as to create a comfortable and productive
- workplace,and then finish Worksheet 1.</p>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">115</span>
- </div>
- </div>
- </div>
- <!-- 116 -->
- <div class="page-box" page="122">
- <div v-if="showPageList.indexOf(122) > -1">
- <!-- 澶撮儴 -->
- <div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
- <div class="preface-header-box event-header-text-bc-unit6">
- <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
- <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
- </div>
- </div>
- </div>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-1.jpg" /></p>
- <p class="img">Picture 1</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-2.jpg" /></p>
- <p class="img">Picture 2</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
- <p class="img">Picture 3</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.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">Pictures</td>
- <td class="tl-cn">Problems</td>
- <td class="tl-cn wh-no">Measures for Improvement</td>
- <td class=" tl-cn">Reasons for Improvement</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">1</td>
- <td class="tl-lf">The documents are scattered messily on the desk.</td>
- <td class="tl-lf">
- Organize the documents into different categories.
- </td>
- <td class="tl-lf">
- It is easier for us to locate specific documents if we sort them into categories.
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- 2
- </td>
- <td>
- <textarea v-model="questionData.table.twentyFour"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.twentyFive"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.twentySix"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- 3
- </td>
- <td>
- <textarea v-model="questionData.table.twentySeven"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.twentyEight"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.twentyNine"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">116</span>
- </div>
- </div>
- </div>
- <!-- 117 -->
- <div class="page-box" page="123">
- <div v-if="showPageList.indexOf(123) > -1">
- <!-- 澶撮儴 -->
- <ul class="preface-odd-header w100 fl ju-bt">
- <li class=""></li>
- <li class="fz-18">
- <span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
- ENVIRONMENT</span>
- </li>
- </ul>
- <!-- 鍐呭 -->
- <div class="padding-93">
- <div class="bodystyle">
- <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
- your partner to finish Worksheet 2.</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.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">Respondents</td>
- <td class="tl-cn">Problems</td>
- <td class="tl-cn wh-no">Measures for Improvement</td>
- <td class=" tl-cn">Reasons for lmprovement</td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn"><textarea v-model="questionData.table.thirty"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td class="tl-lf"><textarea v-model="questionData.table.thirtyOne"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td class="tl-lf">
- <textarea v-model="questionData.table.thirtyTwo"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td class="tl-lf">
- <textarea v-model="questionData.table.thirtyThree"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- <textarea v-model="questionData.table.thirtyFour"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.thirtyFive"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.thirtySix"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.thirtySeven"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="tl-cn">
- <textarea v-model="questionData.table.thirtyEight"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.thirtyNine"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.forty"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.fortyOne"
- class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
- </td>
- </tr>
- </table>
- <div class="fieldset-8">
- <p class="center"><b>Useful Expressions</b></p>
- <p>I don鈥檛 think it appropriate to ...</p>
- <p>There are ...on the desk/in the office.</p>
- <p>...looks tidy/untidy.</p>
- <p>The negative/positive work environment usually leads to/brings about ...</p>
- <p>The measures for ...are as follows.</p>
- <p>The solutions to the ...are listed below.</p>
- <p>It has a good/bad effect on ...</p>
- <p>For me,I prefer team-based work environment which can ...</p>
- <p>Effective communication is quite important for ...</p>
- </div>
- </div>
- </div>
- <div class="preface-bottom">
- <span class="contet-num-box">117</span>
- </div>
- </div>
- </div>
+ <div class="chapter" num="7">
+ <!-- 绗叚鍗曞厓 -->
+ <!-- 97 -->
+ <div class="page-box" page="103">
+ <div v-if="showPageList.indexOf(103) > -1">
+ <h1 id="a010">
+ <img class="img-0" alt="" src="../../assets/images/dy6.jpg" />
+ </h1>
+ <p><b>This unit will help you to:</b></p>
+ <p>鉃� Learn words and expressions about work environment</p>
+ <p>
+ 鉃� Review the usage of inverted sentences and modal verbs
+ (can,could,may,might)
+ </p>
+ <p>鉃� Be able to perform properly when chairing a meeting</p>
+ <p>鉃� Be able to write minutes</p>
+ <p>鉃� Learn to create a positive work environment</p>
+ <p class="center">
+ <img class="img-0" alt="" src="../../assets/images/0107-2.jpg" />
+ </p>
+ </div>
</div>
+ <!-- 98 -->
+ <div class="page-box" page="104">
+ <div v-if="showPageList.indexOf(104) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <h2 id="b021">
+ <img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" />
+ </h2>
+ <h3 id="c046"><span class="bjh3">Warm-up</span></h3>
+ <p>
+ <b
+ >鈪�.Put the expressions in the box below on the corresponding
+ answer line under each picture.</b
+ >
+ </p>
+ <div class="bk-wh">
+ <p>open plan office銆�cubicles銆�private office銆�SOHO</p>
+ </div>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0108-1.jpg" />
+ </p>
+ <p class="center">1._____________________</p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0108-2.jpg" />
+ </p>
+ <p class="center">2._____________________</p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0108-3.jpg" />
+ </p>
+ <p class="center">3._____________________</p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0108-4.jpg" />
+ </p>
+ <p class="center">4._____________________</p>
+ <p>
+ <b
+ >鈪�.Pick up the words in the box below to describe the work
+ environment you love and explain your reasons.</b
+ >
+ </p>
+ <div class="bk-wh">
+ <p>caring, supportive, privacy, friendly, freedom, flexible</p>
+ </div>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">98</span>
+ </div>
+ </div>
+ </div>
+ <!-- 99 -->
+ <div class="page-box" page="105">
+ <div v-if="showPageList.indexOf(105) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <h3 id="c047" class="fl al-cn">
+ <span class="bjh3">Listening</span>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ <audio
+ :src="resource.listenOne"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
+ </h3>
+ <p>
+ <b
+ >Four interns are talking about the work environment they
+ like.Listen to the recording and fill in the blanks with what
+ you hear.</b
+ >
+ </p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff"
+ class="fz-14"
+ >
+ <tr class="table-tr-bc">
+ <td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
+ <td>
+ I would prefer working in an interesting and professional
+ environment where everybody works hard and helps each other to
+ succeed as a l.<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border input-bc-t"
+ style="width: 70px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">Ross</td>
+ <td>
+ For me, I prefer the workplace that gives me enough space to
+ grow, There should be good 2.<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border input-bc-t"
+ style="width: 70px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />and mutual 3.<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border input-bc-t"
+ style="width: 70px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />between each team member.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">Amelia</td>
+ <td>
+ I'd like to work in an environment that gives me learning
+ opportunities as well as spacefor personal 4.<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border input-bc-t"
+ style="width: 70px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">Li Tao</td>
+ <td>
+ I hope it's a workplace where there is 5.<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border input-bc-t"
+ style="width: 70px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />for people's ideas as well as appreciationfor good work and
+ elfort.
+ </td>
+ </tr>
+ </table>
+ <h3 id="c048"><span class="bjh3">Reading</span></h3>
+ <p>1.What makes a positive work environment?</p>
+ <p>2.Why would people be more productive in such environment?</p>
+ <p class="center"><b>A Positive Work Environment</b></p>
+ <p class="center">
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
+ ></audio>
+ </p>
+ <p>
+ How do we exactly define a positive work environment? When asked
+ what makes a great work environment,most people would mention a
+ fancy workplace in a big building with modern design,or a good
+ relationship with coworkers.
+ </p>
+ <p>
+ Gone are those times when
+ <span class="word-bc" @click="saveWord($event, 'candidates')"
+ >andidates</span
+ >
+ only considered the salary at the time of joining a
+ company.Nowadays,apart from the job
+ <span class="word-bc" @click="saveWord($event, 'prospect')"
+ >prospect</span
+ >
+ itself,one factor that is greatly influencing how employees feel
+ about work is the environment being provided by the employer.The
+ work environment here includes everything,such as the relationship
+ with coworkers,company culture,room for personal
+ development,caf茅,furniture,etc.A positive work environment is
+ something that makes employees feel good about coming to work
+ every day,and also motivates them to work and give their best
+ effort.
+ </p>
+ <p>
+ An effective way to
+ <span class="word-bc" @click="saveWord($event, 'ensure')"
+ >ensure</span
+ >
+ a positive work environment is to motivate employees for a correct
+ <span class="word-bc" @click="saveWord($event, 'behavioral')"
+ >behavioral</span
+ >
+ <span class="word-bc" @click="saveWord($event, 'approach')"
+ >approach</span
+ >
+ .Good behavior also
+ <span class="word-bc" @click="saveWord($event, 'determines')"
+ >determines</span
+ >
+ good and peaceful environment.Another way is to ensure healthy
+ relationships among the staff; that is why communication is quite
+ necessary.Keeping an eye on staff
+ <span class="word-bc" @click="saveWord($event, 'interaction')"
+ >interaction</span
+ >
+ doesn鈥檛 cost much time for the management team.They only
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">99</span>
+ </div>
+ </div>
+ </div>
+ <!-- 100 -->
+ <div class="page-box" page="106">
+ <div v-if="showPageList.indexOf(106) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ need to observe body language and listen for negative clues and
+ try to fix the problems as soon as possible.The staff often takes
+ the message from the behavior of the management team,so the
+ management team should also be aware of the power of their
+ behavior and always
+ <span class="word-bc" @click="saveWord($event, 'maintain')"
+ >maintain</span
+ >
+
+ <span class="word-bc" @click="saveWord($event, 'dignity')"
+ >dignity</span
+ >.
+ </p>
+ <p>
+ Another important way to make a great work environment for a
+ company is to show
+ <span class="word-bc" @click="saveWord($event, 'appreciation')"
+ >appreciation</span
+ >
+ of
+ <span class="word-bc" @click="saveWord($event, 'outstanding')"
+ >outstanding</span
+ >
+ employees.Workers are more likely to stay in the company,work hard
+ and provide years of excellent service when knowing that they have
+ a clear opportunity for
+ <span class="word-bc" @click="saveWord($event, 'advancement')">
+ advancement</span
+ >
+ .When employees know they are valued,they tend to return the favor
+ by being the best at their job.A positive work environment is a
+ place that promises to advance
+ <span class="word-bc" @click="saveWord($event, 'gifted')"
+ >gifted</span
+ >
+ employees and keep that promise.
+ </p>
+ <p>
+ The work environment can greatly influence how the employees feel
+ about their jobs.Because of this,it鈥檚 important to find an
+ employer that
+ <span class="word-bc" @click="saveWord($event, 'fosters')"
+ >fosters</span
+ >
+ a positive atmosphere and encourages employees
+ <span class="word-bc" @click="saveWord($event, 'consistently')"
+ >consistently</span
+ >
+ .A positive work environment can improve employees鈥�
+ happiness,increase the
+ <span class="word-bc" @click="saveWord($event, 'productivity')"
+ >productivity</span
+ >
+ and motivate those around them.
+ </p>
+ <p class="fl al-cn mt-40">
+ <span class="zt-cs" style="font-size: 20px"
+ >Words & Expressions</span
+ >
+ <span class="line-border-box"></span>
+ </p>
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
+ ></audio>
+ <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
+ <div class="bkbj">
+ <p><i>a person who is applying for a job</i></p>
+ </div>
+ <p>prospect /藞pr蓲spekt/ <i>n.</i> 鍓嶆櫙锛涘睍鏈�</p>
+ <div class="bkbj">
+ <p><i>the chances of being successful</i></p>
+ </div>
+ <p>ensure /瑟n藞蕛蓴藧(r)]/ <i>v.</i> 纭繚锛涗繚璇�</p>
+ <div class="bkbj">
+ <p><i>to make sure that sth.happens or is definite</i></p>
+ </div>
+ <p>behavioral /b瑟藞he瑟vj蓹r蓹l/ <i>adj.</i> 琛屼负鐨�</p>
+ <div class="bkbj">
+ <p><i>of or relating to behavior</i></p>
+ </div>
+ <p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a way of doing or thinking about sth.such as a problem or a
+ task</i
+ >
+ </p>
+ </div>
+ <p>
+ determine /d瑟藞t蓽藧m瑟n/ <i>v.</i> 瀵癸紙鏌愪簨鐗╋級
+ 浜х敓鍐冲畾鎬х殑褰卞搷锛涘喅瀹�
+ </p>
+ <div class="bkbj">
+ <p>
+ <i
+ >to make sth.happen in a particular way or be of a particular
+ type</i
+ >
+ </p>
+ </div>
+ <p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p>
+ <div class="bkbj">
+ <p><i>communication; cooperation</i></p>
+ </div>
+ <p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a fact or a piece of evidence that helps to solve a problem
+ or reveal the truth in an investigation</i
+ >
+ </p>
+ </div>
+ <p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
+ <div class="bkbj">
+ <p>
+ <i>to keep sth.in existence at the same level,standard,etc.</i>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">100</span>
+ </div>
+ </div>
+ </div>
+ <!-- 101 -->
+ <div class="page-box" page="107">
+ <div v-if="showPageList.indexOf(107) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p>
+ <div class="bkbj">
+ <p><i>a calm and serious manner that deserves respect</i></p>
+ </div>
+ <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆ｈ祻</p>
+ <div class="bkbj">
+ <p><i>understanding and enjoyment</i></p>
+ </div>
+ <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p>
+ <div class="bkbj">
+ <p><i>excellent or exceptionally good</i></p>
+ </div>
+ <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p>
+ <div class="bkbj">
+ <p><i>promotion in rank or status</i></p>
+ </div>
+ <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p>
+ <div class="bkbj">
+ <p><i>to have a high opinion of sb./sth.</i></p>
+ </div>
+ <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p>
+ <div class="bkbj">
+ <p><i>act of kindness beyond what is due or usual</i></p>
+ </div>
+ <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p>
+ <div class="bkbj">
+ <p><i>having a lot of natural ability or intelligence</i></p>
+ </div>
+ <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p>
+ <div class="bkbj">
+ <p><i>to encourage sth.to develop</i></p>
+ </div>
+ <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >in a way that does not change and continues for a period of
+ time</i
+ >
+ </p>
+ </div>
+ <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >the rate at which a worker,a company or a country produces
+ goods,and the amount produced,compared with how much time,work
+ and money is needed to produce them</i
+ >
+ </p>
+ </div>
+ <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p>
+ <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p>
+ <p>return the favor 鍥炴姤</p>
+ <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p>
+ <p>be likely to 寰堝彲鑳�</p>
+ <p><b>鈪�.Reading comprehension.</b></p>
+ <p>
+ A.Mark the elements of a positive work environment mentioned in
+ the passage.
+ </p>
+ <p>鈻ompany culture</p>
+ <p>鈻ersonal development</p>
+ <p>鈻elationship with colleagues</p>
+ <p>鈻alary</p>
+ <p>鈻af茅</p>
+ <p>鈻eaders</p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">101</span>
+ </div>
+ </div>
+ </div>
+ <!-- 102 -->
+ <div class="page-box" page="108">
+ <div v-if="showPageList.indexOf(108) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ B.Match the questions below with related paragraphs.Then answer
+ the questions.
+ </p>
+ <div class="fieldset-8">
+ <p>
+ 1.Why is it important to ensure a positive work environment?
+ </p>
+ <p>2.What does positive work environment refer to?</p>
+ <p>3.How do employers maintain a positive work environment?</p>
+ </div>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff"
+ class="fz-14"
+ >
+ <tr class="table-th-bc">
+ <td class="tl-cn">Paragraphs</td>
+ <td class="wh-no tl-cn">Related Questions</td>
+ <td class="tl-cn">Answers</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Para. 1-2</td>
+ <td class="wh-no tl-cn">
+ <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 style="width: 80%">
+ <textarea
+ v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Para. 3-4</td>
+ <td class="tl-cn">
+ <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>
+ <textarea
+ v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Para. 5</td>
+ <td class="tl-cn">
+ <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>
+ <textarea
+ v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ <p><b>鈪�.Language focus.</b></p>
+ <p>
+ A.Fill in the blanks with the proper words in the passage.The
+ initial letters of the words have been given.
+ </p>
+ <p>
+ 1.Aside from the job p________ itself,one factor that is
+ significantly influencing how employees feel about work is the
+ work environment.
+ </p>
+ <p>
+ 2.To f_______ a positive work environment,the employer can
+ motivate employees for a correct behavioral approach.
+ </p>
+ <p>
+ 3.Good behavior can not only d_________ a good and peaceful
+ environment,but also promote healthy relationships among the
+ staff.
+ </p>
+ <p>
+ 4.Another way to ensure a great work environment in a company is
+ to show a_______ to outstanding employees.
+ </p>
+ <p>
+ 5.For employees,a positive work environment can greatly improve
+ their happiness and p______ .
+ </p>
+ <p>
+ B.Replace the underlined part in each of the following sentences
+ with a phrase in the box below.Change the form if necessary.
+ </p>
+ <div class="bk-wh">
+ <p>
+ apart from銆�keep an eye on銆�be likely to銆�return the favor銆�be
+ aware of
+ </p>
+ </div>
+ <p>
+ 1.The manager asked me to
+ <span class="u">pay close attention to</span> the monthly sales
+ report of the products._____
+ </p>
+ <p>
+ 2.<span class="u">Except for</span> the low salary,it鈥檚 not a bad
+ job._____
+ </p>
+ <p>
+ 3.The management team <span class="u">noticed</span> some
+ inappropriate behavior in the company._____
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">102</span>
+ </div>
+ </div>
+ </div>
+ <!-- 103 -->
+ <div class="page-box" page="109">
+ <div v-if="showPageList.indexOf(109) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ 4.The graduates with a language proficiency certificate
+ <span class="u">are more possible to</span> land a good job._____
+ </p>
+ <p>
+ 5.I will
+ <span class="u">help you because you have helped me</span> some
+ time._____
+ </p>
+ <p>C.Translate the following sentences into Chinese.</p>
+ <p>
+ 1.Communication is quite necessary to ensure a healthy
+ relationship with coworkers.
+ </p>
+ <p>______________________________________________</p>
+ <p>
+ 2.A good work atmosphere can greatly increase the productivity of
+ employees.
+ </p>
+ <p>______________________________________________</p>
+ <p>
+ 3.Most of the candidates view company culture as the most
+ important factor when choosing a job.
+ </p>
+ <p>______________________________________________</p>
+ <p>
+ 4.At the annual meeting,the manager expressed the appreciation to
+ the outstanding staff of the company.
+ </p>
+ <p>______________________________________________</p>
+ <p>
+ <b>鈪�.Grammar focus:Inverted sentences.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg
+ t="1717037443722"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"
+ ></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
+ <p>
+ A.Choose the correct version of the translation of the inverted
+ sentences.
+ </p>
+ <p>1.鍏氦杞︽潵浜嗐��</p>
+ <p>a.There comes the bus.</p>
+ <p>b.There the bus comes.</p>
+ <p>2.鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��</p>
+ <p>
+ a.Gone are the days when rich countries make the rules and
+ everyone else follows.
+ </p>
+ <p>
+ b.Gone the days are when rich countries make the rules and
+ everyone else follows.
+ </p>
+ <p>3.鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��</p>
+ <p>
+ a.No sooner did we reached the airport than the plane had taken
+ off.
+ </p>
+ <p>
+ b.No sooner had we reached the airport than the plane took off.
+ </p>
+ <p>4.鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��</p>
+ <p>a.Only then he realized that he was wrong.</p>
+ <p>b.Only then did he realize that he was wrong.</p>
+ <p>5.闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�</p>
+ <p>a.Not until the rain stopped did he leave the room.</p>
+ <p>b.Not until did the rain stop he left the room.</p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">103</span>
+ </div>
+ </div>
+ </div>
+ <!-- 104 -->
+ <div class="page-box" page="110">
+ <div v-if="showPageList.indexOf(110) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ B.Put the following words in right order to make inverted
+ sentences.
+ </p>
+ <p>1.did he it saw so and I</p>
+ <p>______________________________________________</p>
+ <p>2.he young is he a lot knows as</p>
+ <p>______________________________________________</p>
+ <p>3.no under will lend circumstances I money him to</p>
+ <p>______________________________________________</p>
+ <p>4.she have hardly music listen to does time to</p>
+ <p>______________________________________________</p>
+ <p>5.village in the front of river a was</p>
+ <p>______________________________________________</p>
+ <h3 id="c049"><span class="bjh3">Mini-project</span></h3>
+ <p>
+ A pleasant work environment can make employees love their jobs and
+ do their best.Work in groups to list the elements of a pleasant
+ work environment and explain the reasons for your choice.
+ </p>
+ <p class="left">
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-worksheet.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">Elements</td>
+ <td class="tl-cn">Reasons for the Choice</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">Company Culture</td>
+ <td>
+ Company culture is the soul and essence of a company, It helps
+ us define the atti-tude and behavior within a company.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.eight"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.nine"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.ten"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.eleven"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.twelve"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.thirteen"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">104</span>
+ </div>
+ </div>
+ </div>
+ <!-- 105 -->
+ <div class="page-box" page="111">
+ <div v-if="showPageList.indexOf(111) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p class="left">
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-wordbank.jpg"
+ />
+ </p>
+ <div class="bk-wh">
+ <p class="dl-box">
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'direct')"
+ >relationship</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'communication')"
+ >communication</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'productivity')"
+ >productivity</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, 'pleasure')"
+ >pleasure</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'professional')"
+ >professional</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'team spirit')"
+ >team spirit</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'job satisfaction')"
+ >job satisfaction</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'personal development')"
+ >personal development</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'job prospect')"
+ >job prospect</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'modern decor')"
+ >modern decor</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="b022">
+ <img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" />
+ </h2>
+ <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
+ <p>
+ <b
+ >鈪�.Put the following statements into the corresponding box to
+ make a code of conduct for a school.</b
+ >
+ </p>
+ <div class="fieldset-5">
+ <p>a.Students are supposed to arrive at the classroom on time.</p>
+ <p>
+ b.Students are required to come to school in a neat uniform.
+ </p>
+ <p>c.Students should treat others with respect.</p>
+ <p>d.Keep food and drink outside of the classroom.</p>
+ <p>e.Mobile phones must be on silent mode during the class.</p>
+ </div>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">105</span>
+ </div>
+ </div>
+ </div>
+ <!-- 106 -->
+ <div class="page-box" page="112">
+ <div v-if="showPageList.indexOf(112) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
+ </p>
+ <h3 id="c051"><span class="bjh3">Reading</span></h3>
+ <p>
+ 1.How do you understand the Chinese saying 鈥淣othing can be
+ accomplished without norms or standards.鈥�?
+ </p>
+ <p>
+ 2.Are rules and regulations important for an organization? Why?
+ </p>
+ <p class="center"><b>Code of Conduct in the Workplace</b></p>
+ <p class="center">
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
+ ></audio>
+ </p>
+ <p>
+ A company code of conduct is a set of rules and standards all
+ employees must follow.By knowing the company code of
+ conduct,employees know how to act at work and can be more
+ successful in their roles.If you just joined a new company,it
+ would be beneficial to start with learning the code of conduct.
+ </p>
+ <p>
+ Often,a company uses its
+ <span class="word-bc" @click="saveWord($event, 'core')"
+ >core</span
+ >
+ values,including its mission,to guide the creation of these
+ codes.These guidelines
+ <span class="word-bc" @click="saveWord($event, 'outline')"
+ >outline</span
+ >
+ how the organization operates,how employees
+ <span class="word-bc" @click="saveWord($event, 'conduct')"
+ >conduct</span
+ >
+ themselves daily,and how they work with others on behalf of the
+ organization.
+ </p>
+ <p>
+ You can usually find a company鈥檚 code of conduct in an employee
+ handbook.Each company has different rules in its code of
+ conduct,and each company has its own policies for
+ <span class="word-bc" @click="saveWord($event, 'enforcing')"
+ >enforcing</span
+ >
+ this code.
+ </p>
+ <p>
+ The following code of conduct may help you dig into more details.
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">106</span>
+ </div>
+ </div>
+ </div>
+ <!-- 107 -->
+ <div class="page-box" page="113">
+ <div v-if="showPageList.indexOf(113) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <div class="fieldset-8">
+ <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
+ <p><b>A._______________________</b></p>
+ <p>
+ 1.Honesty and
+ <span class="word-bc" @click="saveWord($event, 'integrity')"
+ >integrity</span
+ >
+ .Above all,treat clients fairly.
+ </p>
+ <p>
+ 2.Maintain the good
+ <span class="word-bc" @click="saveWord($event, 'reputation')"
+ >reputation</span
+ >
+ of the company.
+ </p>
+ <p>
+ 3.
+ <span class="word-bc" @click="saveWord($event, 'Conflicts')"
+ >Conflicts</span
+ >
+ and interest.Manage conflicts of interest fairly and do not act
+ in a manner
+ <span class="word-bc" @click="saveWord($event, 'inconsistent')"
+ >inconsistent</span
+ >
+ with the company mission and values.
+ </p>
+ <p>
+ 4.Confidentiality.Always be careful of the information received.
+ </p>
+ <p>
+ 5.Advertising.Products should not be
+ <span class="word-bc" @click="saveWord($event, 'advertised')"
+ >advertised</span
+ >
+ in a
+ <span class="word-bc" @click="saveWord($event, 'misleading')"
+ >misleading</span
+ >
+ way.
+ </p>
+ <p><b>B._______________________</b></p>
+ <p>
+ 6.
+ <span class="word-bc" @click="saveWord($event, 'Competence')"
+ >Competence</span
+ >
+ .Advise clients only on matters in which they are
+ <span class="word-bc" @click="saveWord($event, 'competent')"
+ >competent</span
+ >
+ .
+ </p>
+ <p>
+ 7.Clients鈥� interests.Pay due regard to the interests of clients
+ and keep those interests above their own.
+ </p>
+ <p>
+ 8.Giving information to clients.Communicate information
+ clearly,fairly and not in a way that is misleading.
+ </p>
+ <p>
+ 9.
+ <span class="word-bc" @click="saveWord($event, 'Suitability')"
+ >Suitability</span
+ >
+ of advice.Advice should be suitable for the clients鈥� needs.
+ </p>
+ <p>
+ 10.Activities.Do not engage in activities that will bring direct
+ or indirect profit to a
+ <span class="word-bc" @click="saveWord($event, 'competitor')"
+ >competitor</span
+ >.
+ </p>
+ <p><b>C._______________________</b></p>
+ <p>
+ 11.Skill and care.Act at all times with reasonable skill and
+ care.
+ </p>
+ <p>
+ 12.Professional
+ <span class="word-bc" @click="saveWord($event, 'discipline')"
+ >discipline</span
+ >
+ .Organize business in a responsible and effective way.
+ </p>
+ <p>
+ 13.Company guidance.Be familiar and seek to
+ <span class="word-bc" @click="saveWord($event, 'observe')"
+ >observe</span
+ >
+ the company
+ <span class="word-bc" @click="saveWord($event, 'guidance')"
+ >guidance</span
+ >
+ .
+ </p>
+ <p>
+ 14.
+ <span class="word-bc" @click="saveWord($event, 'Complaints')"
+ >Complaints</span
+ >
+ .Handle the complaints fairly and quickly.
+ </p>
+ <p>
+ 15.Respect.Treat the clients with respect without
+ discrimination.
+ </p>
+ </div>
+ <p class="fl al-cn mt-40">
+ <span class="zt-cs" style="font-size: 20px"
+ >Words & Expressions</span
+ >
+ <span class="line-border-box"></span>
+ </p>
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
+ ></audio>
+ <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
+ <div class="bkbj">
+ <p><i>the most important or central part of sth.</i></p>
+ </div>
+ <p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >to give a description of the main facts or points involved in
+ sth.</i
+ >
+ </p>
+ </div>
+ <p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">107</span>
+ </div>
+ </div>
+ </div>
+ <!-- 108 -->
+ <div class="page-box" page="114">
+ <div v-if="showPageList.indexOf(114) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <div class="bkbj">
+ <p><i>to behave in a particular way</i></p>
+ </div>
+ <p>enforce /瑟n藞f蓴藧s/ <i>v</i>.锛堝己鍒讹級 瀹炴柦锛屾墽琛�</p>
+ <div class="bkbj">
+ <p>
+ <i>to make sure that people obey a particular law or rule</i>
+ </p>
+ </div>
+ <p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝ｇ洿</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >the quality of being honest and having strong moral
+ principles</i
+ >
+ </p>
+ </div>
+ <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a person who uses the services or advice of a professional
+ person or organization</i
+ >
+ </p>
+ </div>
+ <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
+ <div class="bkbj">
+ <p>
+ <i>the opinion that people have about what sb./sth.is like</i>
+ </p>
+ </div>
+ <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a situation in which people,groups or countries are involved
+ in a serious disagreement or argument</i
+ >
+ </p>
+ </div>
+ <p>
+ inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/
+ <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級
+ </p>
+ <div class="bkbj">
+ <p><i>not matching a set of standards,ideas,etc.</i></p>
+ </div>
+ <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a situation in which you expect sb.to keep information
+ secret</i
+ >
+ </p>
+ </div>
+ <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >to tell the public about a product or a service in order to
+ encourage people to buy or to use it</i
+ >
+ </p>
+ </div>
+ <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >giving the wrong idea or impression and making you believe
+ sth.that is not true</i
+ >
+ </p>
+ </div>
+ <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
+ <div class="bkbj">
+ <p><i>the ability to do sth.well</i></p>
+ </div>
+ <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p>
+ <div class="bkbj">
+ <p><i>having enough skill or knowledge to do sth.well</i></p>
+ </div>
+ <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p>
+ <div class="bkbj">
+ <p><i>the quality of being right or appropriate</i></p>
+ </div>
+ <p>
+ competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛�
+ 绔炰簤鑰咃紝瀵规墜
+ </p>
+ <div class="bkbj">
+ <p>
+ <i
+ >a person or an organization that compete against
+ others,esp.in business</i
+ >
+ </p>
+ </div>
+ <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
+ <div class="bkbj">
+ <p>
+ <i
+ >the ability to control your behavior or the way you
+ live,work,etc.</i
+ >
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">108</span>
+ </div>
+ </div>
+ </div>
+ <!-- 109 -->
+ <div class="page-box" page="115">
+ <div v-if="showPageList.indexOf(115) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p>
+ <div class="bkbj">
+ <p><i>to obey rules,laws,etc.</i></p>
+ </div>
+ <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p>
+ <div class="bkbj">
+ <p><i>help or advice that is given to sb.</i></p>
+ </div>
+ <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p>
+ <div class="bkbj">
+ <p><i>a reason for not being satisfied</i></p>
+ </div>
+ <p>on behalf of 浠ｈ〃</p>
+ <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p>
+ <p>engage in 浠庝簨锛涘弬鍔�</p>
+ <p>dig into 閽荤爺锛涙寲鎺�</p>
+ <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p>
+ <p><b>鈪�.Reading comprehension.</b></p>
+ <p>
+ A.Read the passage quickly and choose appropriate headings for A-C
+ in the passage.
+ </p>
+ <p class="center">
+ <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
+ </p>
+ <p>
+ B.Mark the proper ones according to the code of conduct in the
+ passage.
+ </p>
+ <div class="bk-11">
+ <p>(銆�) 1.Observe the employee handbook strictly.</p>
+ <p>
+ (銆�) 2.Get involved in activities inconsistent with company
+ values.
+ </p>
+ <p>(銆�) 3.Never leak personal information of the client.</p>
+ <p>
+ (銆�) 4.Advertise products and services in a professional way.
+ </p>
+ <p>(銆�) 5.Judge customers by appearance.</p>
+ <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
+ </div>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">109</span>
+ </div>
+ </div>
+ </div>
+ <!-- 110 -->
+ <div class="page-box" page="116">
+ <div v-if="showPageList.indexOf(116) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p><b>鈪�.Language focus.</b></p>
+ <p>
+ A.Replace the words in italics with the exact words in the passage
+ and change the form if necessary.
+ </p>
+ <p>
+ 1.We may feel cheated when finding the report is actually
+ <i>false</i>._____________
+ </p>
+ <p>
+ 2.A true partnership is a two-way street,and our
+ <i>customers</i> embrace this philosophy._____________
+ </p>
+ <p>
+ 3.The <i>disagreements</i> at the workplace need to be resolved in
+ a timely and professional manner._____________
+ </p>
+ <p>
+ 4.The company鈥檚 <i>image</i> is the reflection of its
+ culture._____________
+ </p>
+ <p>
+ 5.All the staff are required to <i>follow</i> the company code of
+ conduct._____________
+ </p>
+ <p>
+ B.Fill in the blanks with the proper form of the expressions given
+ below.
+ </p>
+ <div class="bk-wh">
+ <p>
+ on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all
+ </p>
+ </div>
+ <p>
+ 1.The manager asked the intern to_______the data and draft a
+ report.
+ </p>
+ <p>
+ 2.A firm must_________the interests of its customers and treat
+ them fairly.
+ </p>
+ <p>
+ 3.The newly-recruited staff were asked to________the routine
+ meeting on Monday.
+ </p>
+ <p>4._________,you shouldn鈥檛 give up without trying.</p>
+ <p>
+ 5.She made a speech,_______the sales department,at the annual
+ meeting of the corporation.
+ </p>
+ <p>
+ <b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg
+ t="1717037443722"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"
+ ></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
+ <p>A.Choose the correct modal verbs in the brackets.</p>
+ <p>
+ 1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at
+ the office.He is a workaholic.
+ </p>
+ <p>
+ 2.You should introduce yourself; your client______(can/may) not
+ remember you.
+ </p>
+ <p>3.I thought he_____(can/might) have a meeting with his team.</p>
+ <p>
+ 4.The customer____(can/may) be very difficult to deal with when he
+ is in a bad mood.
+ </p>
+ <p>
+ 5.There is a slim chance that we______(can/might) take a rest this
+ weekend.
+ </p>
+ <p>B.Correct the misused modal verbs in the following sentences.</p>
+ <p>
+ 1.Our boss <span class="u">can</span> be very angry when people
+ don鈥檛 listen to him.______
+ </p>
+ <p>
+ 2.The new project might work,but it
+ <span class="u">could</span> not.______
+ </p>
+ <p>
+ 3.The manager <span class="u">can not</span> have seen the message
+ yet.______
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">110</span>
+ </div>
+ </div>
+ </div>
+ <!-- 111 -->
+ <div class="page-box" page="117">
+ <div v-if="showPageList.indexOf(117) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ 4.We <span class="u">may</span> have been colleagues if he hadn鈥檛
+ missed the interview.______
+ </p>
+ <p>
+ 5.The meeting might be cancelled for the delay of their
+ plane.______
+ </p>
+ <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
+ <p>
+ Work in groups.Ask your group members about any improper behavior
+ he/she has ever seen in the library and draft a code of
+ conduct.Share your opinions with the class.
+ </p>
+ <p class="left">
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-worksheet.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">Improper Behavior</td>
+ <td class="tl-cn">Talking Loudly</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">Code of Conduct</td>
+ <td style="width: 85%">
+ <p class="table-p">
+ Keep quiet and do not make and receive phone calls.
+ </p>
+ <p class="table-p">Diseuss in the seminar room.</p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.fourteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.fifteen"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.sixteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.seventeen"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.eighteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea
+ v-model="questionData.table.twenty"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyOne"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </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>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyThree"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ <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="b023">
+ <img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" />
+ </h2>
+ <h3 id="c053" class="fl al-cn">
+ <span class="bjh3">Listening</span>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ <audio
+ :src="resource.listenOne"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
+ </h3>
+ <p>
+ <b
+ >鈪�.Listen to the monologue about the perfect workplace and
+ decide whether the following statements are true (T) or false
+ (F).</b
+ >
+ </p>
+ <p>
+ (銆�) 1.A positive workplace might have the same details for
+ everybody.
+ </p>
+ <p>
+ (銆�) 2.It should be a place where the management team enjoys
+ coming to work.
+ </p>
+ <p>
+ (銆�) 3.The happier people are at work,the better they will
+ perform.
+ </p>
+ <p>
+ (銆�) 4.The better the company culture is,the greater the
+ reputation it enjoys.
+ </p>
+ <p>(銆�) 5.Most employees succeed in a positive atmosphere.</p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">111</span>
+ </div>
+ </div>
+ </div>
+ <!-- 112 -->
+ <div class="page-box" page="118">
+ <div v-if="showPageList.indexOf(118) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ <b
+ >鈪�.Listen to the conversation about the dress code between Sally
+ and Ross and match the following information with the
+ corresponding speaker.</b
+ >
+ </p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff"
+ class="fz-14"
+ >
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no table-th-bc">Sally</td>
+ <td>
+ <select
+ class="select-border select-bc-t"
+ style="background-color: transparent"
+ v-model="dropdownData.one.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td rowspan="2">
+ <p class="table-p">
+ a. I need to follow the dress code and dress properly for
+ work.
+ </p>
+ <p class="table-p">
+ b. I think dress code is quite necessary to maintain a
+ business formal image.
+ </p>
+ <p class="table-p">
+ c. A neat and pressed business suit with a tie is a great
+ choice for me.
+ </p>
+ <p class="table-p">
+ d. Our boss thinks that casual wear brings inspiration for
+ the job.
+ </p>
+ <p class="table-p">
+ e. I don't have to dress formally for work.
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="table-th-bc tl-cn">Ross</td>
+ <td>
+ <select
+ class="select-border"
+ style="background-color: transparent"
+ v-model="dropdownData.two.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ </tr>
+ </table>
+ <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
+ <p>Work with your partner to discuss the following questions.</p>
+ <p>1.Why do we need to take the minutes?</p>
+ <p>2.What should we take down in the minutes?</p>
+ <p><b>鈪�.Read the following tips and learn about the minutes.</b></p>
+ <p>
+ Minutes can be defined as the record of what is said and decided
+ at a meeting.It highlights the key issues that are
+ discussed,proposals voted on and resolutions made.Minutes can also
+ be a valuable resource for team members who missed a meeting to
+ catch up on any decisions from the meeting.Minutes usually consist
+ of the following parts.
+ </p>
+ <div class="fieldset-8">
+ <p>鈼員he time,date and place of the meeting</p>
+ <p>鈼哤ho attended the meeting and who was absent</p>
+ <p>鈼哤hat happened at the meeting in detail</p>
+ <p class="center">
+ <img
+ class="img-b"
+ alt=""
+ src="../../assets/images/0122-2.jpg"
+ />
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">112</span>
+ </div>
+ </div>
+ </div>
+ <!-- 113 -->
+ <div class="page-box" page="119">
+ <div v-if="showPageList.indexOf(119) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p><b>鈪�.Read the minutes and do the following exercises.</b></p>
+ <p>
+ 1. <span class="u">Underline</span> the time,date and place of the
+ meeting.
+ </p>
+ <p>
+ 2.<img
+ class="inline1"
+ alt=""
+ src="../../assets/images/0123-1.jpg"
+ />
+ the attendees.
+ </p>
+ <p>3.Summarize the main points discussed at the meeting.</p>
+ <p class="center">
+ <img class="img-f" alt="" src="../../assets/images/0123-2.jpg" />
+ </p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">113</span>
+ </div>
+ </div>
+ </div>
+ <!-- 114 -->
+ <div class="page-box" page="120">
+ <div v-if="showPageList.indexOf(120) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
+ </p>
+ <p>
+ <b
+ >鈪�.Match the following sentences with the correct
+ translation.</b
+ >
+ </p>
+ <div class="fieldset-8">
+ <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
+ <p>2.A vote was taken to approve the amended</p>
+ <p>Code of Conduct for employees.</p>
+ <p>
+ 3.The meeting agenda was unanimously approved by all attendees.
+ </p>
+ <p>4.The meeting adjourned at 5:00 p.m.</p>
+ <p>
+ 5.All attendees were given an agenda prior to the meeting via
+ email.
+ </p>
+ </div>
+ <div class="fieldset-8">
+ <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
+ <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
+ <p>c.涓嬪崍5鐐逛紤浼氥��</p>
+ <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
+ <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
+ <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
+ </div>
+ <p>
+ 鈪�<b
+ >.The HR department has been assigned the task to prepare the
+ in-service training for the newly recruited employees.Complete
+ the following minutes based on the information provided.</b
+ >
+ </p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff"
+ class="fz-14"
+ >
+ <tr class="table-th-bc">
+ <td class="tl-cn" style="width: 86%">Interviewees</td>
+ <td class="tl-cn">Presented By</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">
+ Introduce the briefing of the training program;
+ </p>
+ <p class="table-p">
+ vote to approve the budget plan of the training.
+ </p>
+ </td>
+ <td>Tim Shaw</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">
+ Reserve the lecture hall for the training;
+ </p>
+ <p class="table-p">ensure the multimedia equipment works.</p>
+ </td>
+ <td>James Lee</td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">114</span>
+ </div>
+ </div>
+ </div>
+ <!-- 115 -->
+ <div class="page-box" page="121">
+ <div v-if="showPageList.indexOf(121) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
+ </p>
+ <div class="un-h2">
+ <h2 id="b024">Unit Project</h2>
+ </div>
+ <p>
+ When employees work in a positive environment,they are happier and
+ more motivated.Work with your partner and complete the following
+ two tasks.
+ </p>
+ <p>
+ <b>Task 1:</b> The following are three pictures of work
+ environment.Find out the problems and put forward some suggestions
+ for improvement so as to create a comfortable and productive
+ workplace,and then finish Worksheet 1.
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">115</span>
+ </div>
+ </div>
+ </div>
+ <!-- 116 -->
+ <div class="page-box" page="122">
+ <div v-if="showPageList.indexOf(122) > -1">
+ <!-- 澶撮儴 -->
+ <div class="w100 mb-20" style="padding-right: 20px">
+ <div
+ class="event-header-bc-unit6 fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
+ <div class="preface-header-box event-header-text-bc-unit6">
+ <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+ <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+ </div>
+ </div>
+ </div>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0126-1.jpg" />
+ </p>
+ <p class="img">Picture 1</p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0126-2.jpg" />
+ </p>
+ <p class="img">Picture 2</p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0126-3.jpg" />
+ </p>
+ <p class="img">Picture 3</p>
+ <p class="left">
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dyworksheet1.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">Pictures</td>
+ <td class="tl-cn">Problems</td>
+ <td class="tl-cn wh-no">Measures for Improvement</td>
+ <td class="tl-cn">Reasons for Improvement</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">1</td>
+ <td class="tl-lf">
+ The documents are scattered messily on the desk.
+ </td>
+ <td class="tl-lf">
+ Organize the documents into different categories.
+ </td>
+ <td class="tl-lf">
+ It is easier for us to locate specific documents if we sort
+ them into categories.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">2</td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyFive"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentySix"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">3</td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentySeven"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyEight"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.twentyNine"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">116</span>
+ </div>
+ </div>
+ </div>
+ <!-- 117 -->
+ <div class="page-box" page="123">
+ <div v-if="showPageList.indexOf(123) > -1">
+ <!-- 澶撮儴 -->
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li class="fz-18">
+ <span class="chapter-left-bc-unit6">MODULE 6</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
+ >A GLIMPSE OF THE WORK ENVIRONMENT</span
+ >
+ </li>
+ </ul>
+ <!-- 鍐呭 -->
+ <div class="padding-93">
+ <div class="bodystyle">
+ <p>
+ <b>Task 2:</b> Investigate the work environment of the people you
+ know,and then work with your partner to finish Worksheet 2.
+ </p>
+ <p class="left">
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dyworksheet2.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">Respondents</td>
+ <td class="tl-cn">Problems</td>
+ <td class="tl-cn wh-no">Measures for Improvement</td>
+ <td class="tl-cn">Reasons for lmprovement</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea
+ v-model="questionData.table.thirty"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td class="tl-lf">
+ <textarea
+ v-model="questionData.table.thirtyOne"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td class="tl-lf">
+ <textarea
+ v-model="questionData.table.thirtyTwo"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td class="tl-lf">
+ <textarea
+ v-model="questionData.table.thirtyThree"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea
+ v-model="questionData.table.thirtyFour"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.thirtyFive"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.thirtySix"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.thirtySeven"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea
+ v-model="questionData.table.thirtyEight"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.thirtyNine"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.forty"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ <td>
+ <textarea
+ v-model="questionData.table.fortyOne"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ <div class="fieldset-8">
+ <p class="center"><b>Useful Expressions</b></p>
+ <p>I don鈥檛 think it appropriate to ...</p>
+ <p>There are ...on the desk/in the office.</p>
+ <p>...looks tidy/untidy.</p>
+ <p>
+ The negative/positive work environment usually leads to/brings
+ about ...
+ </p>
+ <p>The measures for ...are as follows.</p>
+ <p>The solutions to the ...are listed below.</p>
+ <p>It has a good/bad effect on ...</p>
+ <p>For me,I prefer team-based work environment which can ...</p>
+ <p>Effective communication is quite important for ...</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">
+ <span class="contet-num-box">117</span>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
- name: "chapterSix",
- components: { matching },
- props: {
- showPageList: {
- type: Array,
+ name: "chapterSix",
+ components: { matching },
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {
+ imgThirteen: require("../../assets/images/grammar6-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar6-2.png"),
+ showAnswerOne: false,
+ showAnswerTwo: false,
+ showAnswerThree: false,
+ showAnswerFour: false,
+ showAnswerFive: false,
+ showImg: false,
+ showImgOne: false,
+ showQuestionAnswer: false,
+ rawData: {
+ left: [
+ {
+ oldId: "FB34",
+ txt: "Martin銆�銆�銆�銆�Silk",
+ },
+ {
+ oldId: "64D6",
+ txt: "Jessica銆�銆�The Great Wall",
+ },
+ {
+ oldId: "2ED4",
+ txt: "Soren銆�銆�Chinese Food",
+ },
+ {
+ oldId: "44DE",
+ txt: "Chinese銆�銆�銆�銆�Tea",
+ },
+ ],
+ right: [
+ {
+ oldId: "64D6",
+ txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ },
+ {
+ oldId: "FB34",
+ txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+ },
+ {
+ oldId: "2ED4",
+ txt: "The clothing material is quite popular among Roman women inancient times.",
+ },
+ {
+ oldId: "44DE",
+ txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ },
+ ],
+ },
+ value: [],
+ question: {
+ KnowledgePoint: "123",
+ analysis: "123",
+ answer: [
+ {
+ id: "FB34",
+ linkValue:
+ "The clothing material is quite popular among Roman women inancient times.",
+ value: "Silk",
+ },
+ {
+ id: "64D6",
+ linkValue:
+ "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ value: "The Great Wall",
+ },
+ {
+ id: "2ED4",
+ linkValue:
+ "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ value: "Chinese Food",
+ },
+ {
+ id: "44DE",
+ linkValue:
+ "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+ value: "Chinese Tea",
+ },
+ ],
+ optionStyle: undefined,
+ id: 489306,
+ options: {
+ linkValues: [
+ {
+ oldId: "64D6",
+ txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ },
+ {
+ oldId: "44DE",
+ txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+ },
+ {
+ oldId: "FB34",
+ txt: "The clothing material is quite popular among Roman women inancient times.",
+ },
+ {
+ oldId: "2ED4",
+ txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ },
+ ],
+ values: [
+ {
+ oldId: "FB34",
+ txt: "Martin Silk",
+ },
+ {
+ oldId: "64D6",
+ txt: "The Great Wall",
+ },
+ {
+ oldId: "2ED4",
+ txt: "Chinese Food",
+ },
+ {
+ oldId: "44DE",
+ txt: "Chinese Tea",
+ },
+ ],
},
+ questionType: "matching",
+ stem: {
+ stemTxt: "鎸夐『搴忚繛绾�",
+ },
+ stemStyle: undefined,
+ titleDescription: "1",
+ userChoise: [],
+ value: [],
+ answerImg: require("../../assets/images/matching-one.png"),
+ },
+ questionData: {
+ warnUp: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "Chinese knot",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "Chinese medicine",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "Chinese calligraphy",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "Taichi",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "sweet dumpling",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "Chinese chess",
+ },
+ seven: "",
+ },
+ reading: {
+ one: "",
+ two: "",
+ },
+ table: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
+ thirty: "",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
+ forty: "",
+ fortyOne: "",
+ },
+ },
+ testData: {
+ check: {
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ tx: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ in: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ isRight: null,
+ answer: "cuisine,landscapes,civilization,explore,unique",
+ },
+ line: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ ts: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ gr: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ cm: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ },
+ resource: {
+ listenOne: "",
+ readingOne: "",
+ readingTwo: "",
+ },
+ dropDownList: [
+ "online shopping",
+ "facial recognition",
+ "electronic payment",
+ "intercity train",
+ "shared bike",
+ "take-away service",
+ ],
+ dropdownData: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "intercity train",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "online shopping",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "electronic payment",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "shared bike",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "take-away service",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "facial recognition",
+ },
+ },
+ };
+ },
+ mounted() {
+ const testData = localStorage.getItem("english-testOne");
+ if (testData) {
+ this.testData = JSON.parse(testData);
+ }
+ const bookQuestion = localStorage.getItem("english-book-question-one");
+ if (bookQuestion) {
+ this.questionData = JSON.parse(bookQuestion);
+ }
+ const dropdownData = localStorage.getItem("english-dropdown-one");
+ if (dropdownData) {
+ this.dropdownData = JSON.parse(dropdownData);
+ }
+ this.getPath();
+ },
+ methods: {
+ saveWord(event, word) {
+ this.$emit("saveCharacters", event, word);
},
- data() {
- return {
- imgThirteen: require("../../assets/images/grammar6-1.png"),
- imgThirteenOne: require("../../assets/images/grammar6-2.png"),
- showAnswerOne: false,
- showAnswerTwo: false,
- showAnswerThree: false,
- showAnswerFour: false,
- showAnswerFive: false,
- showImg: false,
- showImgOne: false,
- showQuestionAnswer: false,
- rawData: {
- left: [
- {
- oldId: "FB34",
- txt: "Martin銆�銆�銆�銆�Silk",
- },
- {
- oldId: "64D6",
- txt: "Jessica銆�銆�The Great Wall",
- },
- {
- oldId: "2ED4",
- txt: "Soren銆�銆�Chinese Food",
- },
- {
- oldId: "44DE",
- txt: "Chinese銆�銆�銆�銆�Tea",
- },
- ],
- right: [
- {
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- },
- {
- oldId: "FB34",
- txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- },
- {
- oldId: "2ED4",
- txt: "The clothing material is quite popular among Roman women inancient times.",
- },
- {
- oldId: "44DE",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- },
- ],
- },
- value: [],
- question: {
- KnowledgePoint: "123",
- analysis: "123",
- answer: [
- {
- id: "FB34",
- linkValue:
- "The clothing material is quite popular among Roman women inancient times.",
- value: "Silk",
- },
- {
- id: "64D6",
- linkValue:
- "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- value: "The Great Wall",
- },
- {
- id: "2ED4",
- linkValue:
- "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- value: "Chinese Food",
- },
- {
- id: "44DE",
- linkValue:
- "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- value: "Chinese Tea",
- },
- ],
- optionStyle: undefined,
- id: 489306,
- options: {
- linkValues: [
- {
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- },
- {
- oldId: "44DE",
- txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
- },
- {
- oldId: "FB34",
- txt: "The clothing material is quite popular among Roman women inancient times.",
- },
- {
- oldId: "2ED4",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- },
- ],
- values: [
- {
- oldId: "FB34",
- txt: "Martin Silk",
- },
- {
- oldId: "64D6",
- txt: "The Great Wall",
- },
- {
- oldId: "2ED4",
- txt: "Chinese Food",
- },
- {
- oldId: "44DE",
- txt: "Chinese Tea",
- },
- ],
- },
- questionType: "matching",
- stem: {
- stemTxt: "鎸夐『搴忚繛绾�",
- },
- stemStyle: undefined,
- titleDescription: "1",
- userChoise: [],
- value: [],
- answerImg: require("../../assets/images/matching-one.png"),
- },
- questionData: {
- warnUp: {
- one: {
- value: "",
- isRight: null,
- answer: "Chinese knot",
- },
- two: {
- value: "",
- isRight: null,
- answer: "Chinese medicine",
- },
- three: {
- value: "",
- isRight: null,
- answer: "Chinese calligraphy",
- },
- four: {
- value: "",
- isRight: null,
- answer: "Taichi",
- },
- five: {
- value: "",
- isRight: null,
- answer: "sweet dumpling",
- },
- six: {
- value: "",
- isRight: null,
- answer: "Chinese chess",
- },
- seven: "",
- },
- reading: {
- one: "",
- two: "",
- },
- table: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- six: "",
- seven: "",
- eight: "",
- nine: "",
- ten: "",
- eleven: "",
- twelve: "",
- thirteen: "",
- fourteen: "",
- fifteen: "",
- sixteen: "",
- seventeen: "",
- eighteen: "",
- nineteen: "",
- twenty: "",
- twentyOne: "",
- twentyTwo: "",
- twentyThree: "",
- twentyFour: "",
- twentyFive: "",
- twentySix: "",
- twentySeven: "",
- twentyEight: "",
- twentyNine: "",
- thirty: "",
- thirtyOne: "",
- thirtyTwo: "",
- thirtyThree: "",
- thirtyFour: "",
- thirtyFive: "",
- thirtySix: "",
- thirtySeven: "",
- thirtyEight: "",
- thirtyNine: "",
- forty:"",
- fortyOne:"",
- },
- },
- testData: {
- check: {
- isRight: null,
- answer: ["Culture", "Cuisine", "Landscapes"],
- value: []
- },
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- isRight: null,
- answer: 'cuisine,landscapes,civilization,explore,unique'
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- },
- resource: {
- listenOne: "",
- readingOne: "",
- readingTwo: "",
- },
- dropDownList: [
- "online shopping",
- "facial recognition",
- "electronic payment",
- "intercity train",
- "shared bike",
- "take-away service",
- ],
- dropdownData: {
- one: {
- value: "",
- isRight: null,
- answer: "intercity train",
- },
- two: {
- value: "",
- isRight: null,
- answer: "online shopping",
- },
- three: {
- value: "",
- isRight: null,
- answer: "electronic payment",
- },
- four: {
- value: "",
- isRight: null,
- answer: "shared bike",
- },
- five: {
- value: "",
- isRight: null,
- answer: "take-away service",
- },
- six: {
- value: "",
- isRight: null,
- answer: "facial recognition",
- },
- },
- };
+ setTestData() {
+ localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
- mounted() {
- const testData = localStorage.getItem("english-testOne");
- if (testData) {
- this.testData = JSON.parse(testData);
+ changeTestData() {
+ localStorage.removeItem("english-testOne");
+ this.testData = {
+ check: {
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ tx: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ in: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ isRight: null,
+ answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
+ },
+ line: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ ts: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ gr: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ cm: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ };
+ },
+ setBookQuestion() {
+ console.log("淇濆瓨");
+ localStorage.setItem(
+ "english-book-question-one",
+ JSON.stringify(this.questionData)
+ );
+ },
+ async getPath() {
+ this.resource.listenOne = await getResourcePath(
+ "422139A2EF66EA888C5ED1D550AE23E0"
+ );
+ this.resource.readingOne = await getResourcePath(
+ "3F442B682D84C8AB06C800B29D734920"
+ );
+ this.resource.readingTwo = await getResourcePath(
+ "E8719EC88026BCFB11D292AA999F6D3D"
+ );
+ },
+ showAnswer(type) {
+ if (type == "showImg") {
+ this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
+ }
+ setTimeout(() => {
+ this.$emit("initViewer", "");
+ }, 500);
+ },
+ handleQuestion(type) {
+ if (type == "one") {
+ this.questionData.warnUp.one.value
+ ? (this.questionData.warnUp.one.isRight =
+ this.questionData.warnUp.one.value == "Chinese knot")
+ : (this.questionData.warnUp.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.warnUp.two.value
+ ? (this.questionData.warnUp.two.isRight =
+ this.questionData.warnUp.two.value == "Chinese medicine")
+ : (this.questionData.warnUp.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.warnUp.three.value
+ ? (this.questionData.warnUp.three.isRight =
+ this.questionData.warnUp.three.value == "Chinese calligraphy")
+ : (this.questionData.warnUp.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.warnUp.four.value
+ ? (this.questionData.warnUp.four.isRight =
+ this.questionData.warnUp.four.value == "Taichi")
+ : (this.questionData.warnUp.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.warnUp.five.value
+ ? (this.questionData.warnUp.five.isRight =
+ this.questionData.warnUp.five.value == "sweet dumpling")
+ : (this.questionData.warnUp.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.warnUp.six.value
+ ? (this.questionData.warnUp.six.isRight =
+ this.questionData.warnUp.six.value == "Chinese chess")
+ : (this.questionData.warnUp.six.isRight = null);
+ }
+ },
+ handleDropdown(type) {
+ const dropdownDatas = this.dropdownData;
+ for (let key in dropdownDatas) {
+ const item = dropdownDatas[key];
+ if (type == "judge") {
+ item.value == item.answer
+ ? (item.isRight = true)
+ : (item.isRight = false);
+ console.log(item.value, item.answer);
}
- const bookQuestion = localStorage.getItem("english-book-question-one");
- if (bookQuestion) {
- this.questionData = JSON.parse(bookQuestion);
- }
- const dropdownData = localStorage.getItem("english-dropdown-one");
- if (dropdownData) {
- this.dropdownData = JSON.parse(dropdownData);
- }
- this.getPath();
+ }
+ this.dropdownData = dropdownDatas;
},
- methods: {
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
- setTestData() {
- localStorage.setItem("english-testOne", JSON.stringify(this.testData));
- },
- changeTestData() {
- localStorage.removeItem("english-testOne");
- this.testData = {
- check: {
- isRight: null,
- answer: ["Culture", "Cuisine", "Landscapes"],
- value: []
- },
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- isRight: null,
- answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- };
- },
- setBookQuestion() {
- console.log("淇濆瓨");
- localStorage.setItem(
- "english-book-question-one",
- JSON.stringify(this.questionData)
- );
- },
- async getPath() {
- this.resource.listenOne = await getResourcePath(
- "422139A2EF66EA888C5ED1D550AE23E0"
- );
- this.resource.readingOne = await getResourcePath(
- "3F442B682D84C8AB06C800B29D734920"
- );
- this.resource.readingTwo = await getResourcePath(
- "E8719EC88026BCFB11D292AA999F6D3D"
- );
- },
- showAnswer(type) {
- if (type == "showImg") {
- this.showImg = !this.showImg;
- } else if (type == "showImgOne") {
- this.showImgOne = !this.showImgOne;
- }
- setTimeout(() => { this.$emit("initViewer", "") }, 500)
- },
- handleQuestion(type) {
- if (type == "one") {
- this.questionData.warnUp.one.value
- ? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
- : (this.questionData.warnUp.one.isRight = null);
- } else if (type == "two") {
- this.questionData.warnUp.two.value
- ? (this.questionData.warnUp.two.isRight =
- this.questionData.warnUp.two.value == "Chinese medicine")
- : (this.questionData.warnUp.two.isRight = null);
- } else if (type == "three") {
- this.questionData.warnUp.three.value
- ? (this.questionData.warnUp.three.isRight =
- this.questionData.warnUp.three.value == "Chinese calligraphy")
- : (this.questionData.warnUp.three.isRight = null);
- } else if (type == "four") {
- this.questionData.warnUp.four.value
- ? (this.questionData.warnUp.four.isRight =
- this.questionData.warnUp.four.value == "Taichi")
- : (this.questionData.warnUp.four.isRight = null);
- } else if (type == "five") {
- this.questionData.warnUp.five.value
- ? (this.questionData.warnUp.five.isRight =
- this.questionData.warnUp.five.value == "sweet dumpling")
- : (this.questionData.warnUp.five.isRight = null);
- } else if (type == "six") {
- this.questionData.warnUp.six.value
- ? (this.questionData.warnUp.six.isRight =
- this.questionData.warnUp.six.value == "Chinese chess")
- : (this.questionData.warnUp.six.isRight = null);
- }
- },
- handleDropdown(type) {
- const dropdownDatas = this.dropdownData;
- for (let key in dropdownDatas) {
- const item = dropdownDatas[key];
- if (type == "judge") {
- item.value == item.answer
- ? (item.isRight = true)
- : (item.isRight = false);
- console.log(item.value, item.answer);
- }
- }
- this.dropdownData = dropdownDatas;
- },
- changeDropdown() {
- localStorage.removeItem("english-dropdown-one");
- for (let key in this.dropdownData) {
- const item = this.dropdownData[key];
- item.value = "";
- item.isRight = null;
- }
- },
- setDropdownData() {
- localStorage.setItem(
- "english-dropdown-one",
- JSON.stringify(this.dropdownData)
- );
- },
- saveData() {
- const item = this.testData['check']
- const sortedArr1 = item.answer.slice().sort();
- const sortedArr2 = item.value.slice().sort();
- const isRight = sortedArr1.every(
- (value, index) => value === sortedArr2[index]
- );
- const inData = this.testData['in']
- let inString = []
- for (let key in inData) {
- const citem = inData[key];
- if (key != 'answer' && key !== 'isRight') {
- console.log(key);
- inString.push(citem)
- }
-
-
- }
- const inRight = inData.answer == inString
- console.log('in', inData.answer, inString);
- this.$set(this.testData['in'], 'isRight', inRight)
- this.$set(this.testData['check'], 'isRight', isRight)
- this.setTestData()
- console.log(this.testData);
-
- },
- audioPlay() {
- this.$emit("closeMiniAudio");
- },
+ changeDropdown() {
+ localStorage.removeItem("english-dropdown-one");
+ for (let key in this.dropdownData) {
+ const item = this.dropdownData[key];
+ item.value = "";
+ item.isRight = null;
+ }
},
+ setDropdownData() {
+ localStorage.setItem(
+ "english-dropdown-one",
+ JSON.stringify(this.dropdownData)
+ );
+ },
+ saveData() {
+ const item = this.testData["check"];
+ const sortedArr1 = item.answer.slice().sort();
+ const sortedArr2 = item.value.slice().sort();
+ const isRight = sortedArr1.every(
+ (value, index) => value === sortedArr2[index]
+ );
+ const inData = this.testData["in"];
+ let inString = [];
+ for (let key in inData) {
+ const citem = inData[key];
+ if (key != "answer" && key !== "isRight") {
+ console.log(key);
+ inString.push(citem);
+ }
+ }
+ const inRight = inData.answer == inString;
+ console.log("in", inData.answer, inString);
+ this.$set(this.testData["in"], "isRight", inRight);
+ this.$set(this.testData["check"], "isRight", isRight);
+ this.setTestData();
+ console.log(this.testData);
+ },
+ audioPlay() {
+ this.$emit("closeMiniAudio");
+ },
+ },
};
</script>
<style lang="less" scoped>
p {
- font-size: 16px !important;
+ font-size: 16px !important;
}
.bodystyle {
- margin: 0 !important;
+ margin: 0 !important;
}
.line-border-box {
- margin-left: 10px;
- display: inline-block;
- width: 50%;
- height: 3px;
- background-color: #f9a71b;
+ margin-left: 10px;
+ display: inline-block;
+ width: 50%;
+ height: 3px;
+ background-color: #f9a71b;
}
.mr-20 {
- margin-right: 20px;
+ margin-right: 20px;
}
.dl-box {
- display: flex;
- flex-wrap: wrap;
+ display: flex;
+ flex-wrap: wrap;
- .dl-span {
- display: inline-block;
- text-indent: 0;
- margin-bottom: 15px;
- height: 20px;
- line-height: 20px;
- }
+ .dl-span {
+ display: inline-block;
+ text-indent: 0;
+ margin-bottom: 15px;
+ height: 20px;
+ line-height: 20px;
+ }
}
.btn-w {
- font-size: 14px;
- border-width: 1px;
- min-width: 80px;
- height: 30px;
- background-color: #fff;
+ font-size: 14px;
+ border-width: 1px;
+ min-width: 80px;
+ height: 30px;
+ background-color: #fff;
- &:hover {
- background-color: #0bab87;
- color: #fff;
- }
+ &:hover {
+ background-color: #0bab87;
+ color: #fff;
+ }
}
.banshi {
- position: relative;
- margin-top: 40px;
- width: 100%;
- height: 350px;
- margin: 0 auto;
+ position: relative;
+ margin-top: 40px;
+ width: 100%;
+ height: 350px;
+ margin: 0 auto;
}
.pageBox {
- z-index: 9999999999;
- color: #999;
- position: absolute;
- left: 48%;
- bottom: 0px;
+ z-index: 9999999999;
+ color: #999;
+ position: absolute;
+ left: 48%;
+ bottom: 0px;
}
select {
- height: 24px;
+ height: 24px;
}
.mini-audio {
- width: 200px;
- height: 200px;
- position: fixed;
- right: 0;
- background-color: red;
+ width: 200px;
+ height: 200px;
+ position: fixed;
+ right: 0;
+ background-color: red;
}
.select-border {
- border: 0;
- border-bottom: 1px solid #767676;
+ border: 0;
+ border-bottom: 1px solid #767676;
- &:focus {
- outline: none;
- }
+ &:focus {
+ outline: none;
+ }
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index a28aff9..cbca798 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -502,7 +502,8 @@
<tr class="table-tr-bc">
<td class="tl-cn">Yuan Longping</td>
<td>
- He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before.
+ He was creative and started his research of hybrid rice technology,by which farmers
+ can produce harvests twice as large as before.
</td>
</tr>
<tr class="table-tr-bc">
@@ -544,8 +545,165 @@
</table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>strong-willed銆�motivated銆�active銆�cooperative銆�stressful銆�disciplined銆�risky銆�helpful銆�dutiful銆�enthusiastic
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'strong-willed')">strong-willed</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'motivated')">motivated</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cooperative')">cooperative</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'disciplined')">disciplined</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'enthusiastic')">enthusiastic</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="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2>
<h3 id="c059"><span class="bjh3">Warm-up</span></h3>
@@ -720,7 +878,73 @@
<p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
<p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
are strong or poor.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-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">Examples</td>
+ <td class="tl-cn" style="width: 70%;">Work Ethic Mentioned</td>
+ <td class="tl-cn">
+ Strong or Poor
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">Example 1</td>
+ <td>
+ <textarea v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.eight"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Example 2
+ </td>
+ <td>
+ <textarea v-model="questionData.table.nine"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.ten"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Example 3
+ </td>
+ <td>
+ <textarea v-model="questionData.table.eleven"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twelve"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Example 4
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.fourteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<p><b>鈪�.Language focus.</b></p>
<p>A.Fill in the blanks with the proper form of the words given below.</p>
<div class="bk-wh">
@@ -791,7 +1015,31 @@
<p>faithfulness銆�initiative銆�innovation銆�selflessness銆�bravery銆�rigor銆�teamwork銆�fortitude</p>
</div>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.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">Work Ethic</td>
+ <td class="tl-cn" style="width:90%;">The Way to Develop lt</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Honesty</td>
+ <td>
+ Don't tell/ies. IfI make a mistake, I will admit it and correet it.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.fifteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.sixteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+
+ </table>
</div>
</div>
<div class="preface-bottom">
@@ -814,7 +1062,208 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
+ <p class="continued">continued</p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn">Work Ethic</td>
+ <td class="tl-cn">The Way to Develop lt</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn" >
+ <textarea v-model="questionData.table.seventeen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td style="width: 90%;">
+ <textarea v-model="questionData.table.eighteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twenty"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.twentyOne"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentyTwo"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.twentyThree"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ <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="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
<h3 id="c062"><span class="bjh3">Listening</span></h3>
<p class="center"><audio :src="resource.readingTwo" controls
@@ -1023,7 +1472,152 @@
<div class="padding-93">
<div class="bodystyle">
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0143-1.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">Examples</td>
+ <td class="tl-cn">Strong/Bad</td>
+ <td class="tl-cn">
+ Work Ethic
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">Barney is the employee that always follows through on his commitments. If he agrees to take over another co-worker's shift.he always shows up. If he commits to a deadline, you can count on him to meet that deadline.</td>
+ <td class="tl-cn">
+ Strong
+ </td>
+ <td class="tl-cn">
+ Dedication
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Sarah consistently completes all of her assignments with careful attention. Whether it鈥檚 staying up late to finish a research paper or sacrifcing her weekends to prepare for projects.
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentyFive"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentySix"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Mary is always ready to lend a helping hand and offer help whenever needed, She willingly shares her knowledge and expertise, contributing to the success of the entire team.
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentySeven"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.twentyEight"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Amanda is the teacher who always inspires her students. She creates engaging lessons that ignite their curiosity and encouragesthem to explore and learn. Amanda motivates them to develop alifelong love for learning. </td>
+ <td>
+ <textarea v-model="questionData.table.twentyNine"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirty"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Lisa is the customer service representative who consistently delivers outstanding service. She patiently listens to customers鈥檆oncerns,empathizes with their situation, and goes above and beyond to find solutions. </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyOne"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyTwo"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ James frequently forgets to submit his weekly report on time.causing delays in the team's progress. This lack of consistency and attention to details affects the project timelines and hampers effective communication within the team. </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyThree"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyFour"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Andrew mistakenly sent an email to a client with incorrect information, During the projeet review, he confessed to his supervisor that he was the one responsible for the mistake, despite no one else was aware of it.</td>
+ <td>
+ <textarea v-model="questionData.table.thirtyFive"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirtySix"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ John improved work productivity by introducing a new project management tool that allowed for better task coordination. This led to more efficient project completion and inereased output. </td>
+ <td>
+ <textarea v-model="questionData.table.thirtySeven"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyEight"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Mike failed to double-check important client documents before submitting them, which not only caused frustration for the client but also required the team to invest additional time and resources to rectify the mistake. </td>
+ <td>
+ <textarea v-model="questionData.table.thirtyNine"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.forty"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ Thomas frequently underestimated the time required for tasks.leading to rushed and subpar work. His disorganized approach resulted in missed deadlines, delayed deliverables, and frustrated clients. </td>
+ <td>
+ <textarea v-model="questionData.table. fortyOne"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table. fortyTwo"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
</div>
</div>
<div class="preface-bottom">
@@ -1073,6 +1667,153 @@
<p>Passiveness</p>
<p>Tardiness</p>
<p>Unprofessional behavior</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>
@@ -1270,8 +2011,41 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
+ thirty: "",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
+ forty: "",
+ fortyOne: "",
+ fortyTwo: "",
},
},
testData: {
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index 60811f7..812c58a 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -72,7 +72,63 @@
<p class="center"> <audio :src="resource.listenOne" controls
controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
<p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0147-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">Who is he/she?</td>
+ <td class="tl-cn">What's his/her job?</td>
+ <td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ Duan Xinyue
+ </td>
+ <td class="tl-cn">
+ Teacher
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ Luo Xinya
+ </td>
+ <td class="tl-cn">
+ Pet Doctor
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ Sun Yijie
+ </td>
+ <td class="tl-cn">
+ Taxi Driver
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ Wu Qi
+ </td>
+ <td class="tl-cn">
+ Photographer
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<h3 id="c066"><span class="bjh3">Reading</span></h3>
<p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
full-time employment.Do you agree? Why or why not?</p>
@@ -360,7 +416,50 @@
<p>锛堛��銆�锛�6.I <span class="u">think</span> everyone should get down on one鈥檚 knees and pull weeds.
</p>
<p>B.Write the present or the past form of the following verbs.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-tr-bc">
+ <td class="tl-cn">give<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" /></td>
+ <td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" /></td>
+ <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />had
+ </td>
+ </tr>
+ <tr class="table-tr-bc ">
+ <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ went
+ </td>
+ <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ began
+ </td>
+ <td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ </td>
+ <td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ </td>
+ <td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />chose
+ </td>
+ </tr>
+ </table>
<h3 id="c067"><span class="bjh3">Mini-project</span></h3>
<p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
<p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
@@ -394,11 +493,310 @@
<p>銆�銆�銆�銆�3.How does he/she describe his/her job?</p>
</div>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0152-1.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">The Respondent</td>
+ <td class="tl-cn">The Job</td>
+ <td class="tl-cn">The Description</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Zhang Wei's Mum
+ </td>
+ <td class="tl-cn">
+ A Teacher
+ </td>
+ <td class="tl-lf">
+ She teaches English in a high schpol. Her job is quite <span
+ class="input-bottom-border">stressful </span> and <span
+ class="input-bottom-border">challenging</span> , but she feels <span
+ class="input-bottom-border">rewarding</span> rewarding when her students make
+ progress.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.eight"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.nine"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.ten"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.eleven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twelve"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.fourteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.fifteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.sixteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.seventeen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.eighteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twenty"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyOne"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyTwo"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyThree"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyFive"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>dangerous銆�demanding銆�dull銆�exciting銆�repetitive銆�risky銆�satisfying銆�stimulating銆�stressful銆�voluntary
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span>
+ </p>
+
+ <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
</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>
@@ -704,7 +1102,8 @@
<p>3.Anyone hired into the company must___________the system.</p>
<p>4.You must accept___________the blame for this crisis.</p>
<p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
- <p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
+ <p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
+ @click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="30864"
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
@@ -762,7 +1161,215 @@
<div class="padding-93">
<div class="bodystyle">
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0159-1.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">What job is he/she interested in?</td>
+ <td class="tl-cn">Why does he'she choose this job?</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ Architeet
+ </td>
+ <td class="tl-lf">
+ My fatnily is engaged in a construction business. And I have hada dream to build my
+ own house ever since I was a kid.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentySix"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentySeven"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyEight"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.twentyNine"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirty"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtyOne"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtyTwo"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtyThree"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ <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="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
<h3 id="c071"><span class="bjh3">Listening</span></h3>
<p class="center"> <audio :src="resource.readingTwo" controls
@@ -800,7 +1407,58 @@
<div class="bodystyle">
<p><b>鈪�.Susan is interviewing the candidate Derek.Listen to the conversation and write down
Susan's questions.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0160-1.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">Susan's Questions</td>
+ <td class="tl-cn">Derek's Responses</td>
+ </tr>
+
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtyFour"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <p class="table-p">Studying Finance in East College</p>
+ <p class="table-p">Having been working as an intemn in T&G Accounting Company for
+ the last two years</p>
+ <p class="table-p">Speaking fluent Chinese</p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtyFive"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-lf">
+ Analyzing financial data with ERP software
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtySix"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-lf">
+ To put finance theories into practice
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <textarea v-model="questionData.table.thirtySeven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td class="tl-cn">
+ <p class="table-p">A hard-working person</p>
+ <p class="table-p">A fast learer</p>
+ <p class="table-p">Getting along well with people</p>
+ </td>
+ </tr>
+ </table>
<h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>1.How do you follow up after a job interview?</p>
@@ -935,20 +1593,58 @@
<div class="padding-93">
<div class="bodystyle">
<p class="center"><b>Worksheet for the Interviewer</b></p>
- <div class="fieldset-5">
- <p class="left">Name:</p>
- <p class="left">Phone:</p>
- <p class="left">Email:</p>
- <p class="left">Work experience</p>
- <p><br /></p>
- <p class="left">Education</p>
- <p><br /></p>
- <p class="left">Skills</p>
- <p><br /></p>
- <p class="left">Other related information</p>
- <p><br /></p>
- </div>
- <p><b>Follow-up Email for the Interviewee</b></p>
+ <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
+ <tr class="table-tr-bc">
+ <td class="tl-cn ">
+ <p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 35em"
+ v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 34.8em"
+ v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 35em"
+ v-model="testData.in.one" @change="setTestData" /></p>
+ </td>
+ </tr>
+
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">Work experience</p>
+ <textarea v-model="questionData.table.thirtyEight"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">Education</p>
+ <textarea v-model="questionData.table.thirtyNine"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">Skills</p>
+ <textarea v-model="questionData.table.forty"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">Other related information</p>
+ <textarea v-model="questionData.table.fortyOne"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ <p class="center"><b>Follow-up Email for the Interviewee</b></p>
<div class="fieldset-4">
<p class="left">From:</p>
<p class="left">To:</p>
@@ -990,6 +1686,153 @@
<p>I鈥檓 enthusiastic about the prospect of ...</p>
<p>I鈥檓 sure you鈥檙e still in research mode right now ...</p>
<p>Please feel free to contact me if I can provide you with any further information.</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>
@@ -1187,8 +2030,40 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
+ thirty: "",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
+ forty: "",
+ fortyOne: "",
},
},
testData: {
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 46c82b1..fd90b83 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@
// 娴嬭瘯椤甸潰璺宠浆
setTimeout(() => {
- this.gotoPage(7,126);
+ this.gotoPage(2,16);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
diff --git a/src/components/choice/choice.vue b/src/components/choice/choice.vue
index 622f6f9..711d7aa 100644
--- a/src/components/choice/choice.vue
+++ b/src/components/choice/choice.vue
@@ -584,7 +584,6 @@
}
.face-text {
-
text-wrap: nowrap;
}
</style>
--
Gitblit v1.9.1