From bc7f6f02feeff377da9d95546420987a2539d7cc Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 08 七月 2024 19:50:18 +0800
Subject: [PATCH] 英语（表格）
---
src/books/English/view/components/chapter007.vue | 188 +++++++
src/books/artAndDrama/assets/main.less | 2
src/books/English/view/components/chapter004.vue | 212 +++++++-
src/books/English/view/components/chapter001.vue | 4
src/books/English/view/components/chapter002.vue | 4
src/books/English/view/components/chapter003.vue | 6
src/books/English/view/components/chapter005.vue | 539 +++++++++++++++++++++
src/books/English/view/components/chapter006.vue | 475 +++++++++++++++++++
src/books/English/view/components/index.vue | 6
src/books/English/assets/main.less | 4
10 files changed, 1,347 insertions(+), 93 deletions(-)
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index ed543a4..d70bcec 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -896,6 +896,9 @@
outline: none;
}
}
+ .check-bc-t{
+ background-color: transparent;
+ }
.input-no-border{
border: 0;
width: 86%;
@@ -909,6 +912,7 @@
.bor-t-n{
border-top: none;
}
+// 缁〃
.continued{
text-align: right;
color: #FBB56D;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index ed4c66c..572afb5 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1446,7 +1446,7 @@
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
</td>
<td>
@@ -3145,7 +3145,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
ten: "",
eleven: "",
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 80f5edf..4accbe1 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -97,7 +97,7 @@
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight"
+ <textarea v-model="questionData.table.eight"
class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
</td>
</tr>
@@ -2071,7 +2071,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
ten: "",
eleven: "",
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 7cab30a..124984e 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -1223,7 +1223,7 @@
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight"
+ <textarea v-model="questionData.table.eight"
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1251,7 +1251,7 @@
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight"
+ <textarea v-model="questionData.table.eight"
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
@@ -2314,7 +2314,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
},
},
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index aa1f6f6..8484225 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -394,37 +394,37 @@
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-tr-bc">
<td class="tl-lf" style="width: 33%;">l. often 鈫�<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ type="text" class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf" style="width: 33%;">3. bad 鈫�<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ 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-lf">4. early 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf">5. heavy 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf">6. late 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ 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-lf">7. dangerous 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf">8. thin 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" /></td>
<td class="tl-lf">9. far 鈫�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
+ class="input-bottom-border input-bc-t" style="width: 5em"
v-model="testData.in.one" @change="setTestData" />
</td>
</tr>
@@ -813,35 +813,55 @@
<td class="tl-cn table-th-bc">The FAST Team</td>
<td style="width: 65%;">
<p class="table-p">
- The engineering and operation team has an average age of 1.
- while the on-site team has an average age of 2.
+ The engineering and operation team has an average age of 1.<select
+ v-model="dropdownData.one.value" style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ while the on-site team has an average age of 2.<select
+ v-model="dropdownData.one.value" style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
</p>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc">Achievements</td>
<td style="width: 65%;">
- <p class="table-p">He would like to provide the world's 5.<input
- :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />least developed countries
+ <p class="table-p">He would like to provide the world's 5.<select
+ v-model="dropdownData.one.value" style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>least developed countries
with engineers.</p>
- <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />people.</p>
+ <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
+ style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>people.</p>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
<td style="width: 65%;">
- <p class="table-p">He would like to provide the world's 5.<input
- :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />least developed countries
+ <p class="table-p">He would like to provide the world's 5.<select
+ v-model="dropdownData.one.value" style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>least developed countries
with engineers.</p>
- <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />people.</p>
+ <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
+ style="width: 25%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>people.</p>
</td>
</tr>
</table>
@@ -950,11 +970,73 @@
then discuss with your group members about their spirit towards scientific research and
innovation.</p>
<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/0081-2.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>
+ <td class="tl-cn">Contributions</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Zhang Heng</td>
+ <td class="tl-lf">
+ He invented a machine called seismometer(鍦板姩浠�), which could sense distant
+ earthquakes,
+ and indicated in which direction they were happening.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </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>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </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>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </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>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </p>
<h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
- <h3 id="c035"><span class="bjh3">Listening</span></h3>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
- style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+ <h3 id="c035" class="fl al-cn">
+ <span class="bjh3">Listening</span>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
+ </h3>
<p><b>鈪�.Listen to Nadia talking about her favorite electronic device and mark what she says
about it.</b></p>
<p>鈻� 1.What it is</p>
@@ -987,7 +1069,75 @@
<p>鈻� 6.Why it is important to Nadia</p>
<p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the
conversation,and write down the benefits of each App.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.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">Artificial Inteligence Apps</td>
+ <td class="tl-cn">Benefits</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ digital assistance
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ It reminds me to do things.
+ </p>
+ <p class="table-p">
+ It wakes me up 1<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />in the morning.
+ </p>
+ <p class="table-p">
+ It plays my 2.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />music.
+ </p>
+ <p class="table-p">
+ I chat with it when I am alone..
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ online shopping recommendation
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ It 3.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />suggests things that I want.
+ </p>
+ <p class="table-p">
+ It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />experience.
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ instant translation
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">
+ They help me communicate easily when I travel abroad.
+ </p>
+ <p class="table-p">
+ They're so 5.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />for foreign language learning.
+ </p>
+ <p class="table-p">
+ I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
+ </p>
+ </td>
+ </tr>
+ </table>
+
+ </p>
<h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>1.What is a sales letter like?</p>
@@ -1426,7 +1576,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
},
},
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 77ecde3..9dd3be0 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -63,7 +63,34 @@
@play="audioPlay"></audio></p>
<p><b>Nature is sending warnings to human beings.Watch the video and answer the following
questions.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.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">What have humans done to the
+ planet?</td>
+ <td class="tl-cn">What did "lce" do to warn
+ humans?</td>
+ <td class="tl-cn">How do humans respond to the
+ warning?</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -405,7 +432,73 @@
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"><img class="img-a" alt="" src="../../assets/images/0094-1.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>
+ <td class="tl-cn">Causes</td>
+ <td class="tl-cn">Effects</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="">Plastic Pollution</td>
+ <td class="tl-lf">
+ Because plastie is affordable and durable, it has been overused, Most plastic
+ is thrown away even after a single use, which ends up in landfills or in the oceans.
+ </td>
+ <td class="tl-lf">
+ Plastie takes hundreds of years to decompose. Therefore plastie waste has posed a
+ serious threat to the safety of land, oceans, humans and animals.
+ </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>
+ <td>
+ <textarea v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.eight"
+ class="w100 table-tr-bc b0 table-textarea "
+ @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>
+ <td>
+ <textarea v-model="questionData.table.twelve"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </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
@@ -790,11 +883,94 @@
<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"><img class="img-a" alt="" src="../../assets/images/0100-2.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>
+ <td class="wh-no tl-cn">Ways of Sorting Daily Household Waste</td>
+ <td class="wh-no tl-cn">Right or Wrong</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Li Ming</td>
+ <td class="tl-lf">He puts glass bottles and tin cans into recyclable waste bins,
+ puts batteries and bulbs into harmful waste bins, puts apple cores and leftovers
+ into
+ kitchen waste bins, and puts used tissues and dirty plastie bags into other waste
+ bins.</td>
+ <td class="wh-no">
+ Right
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.thirteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.fourteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.fifteen"
+ 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.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>
+ <td>
+ <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>
+ <td>
+ <textarea v-model="questionData.table.twentyOne"
+ 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.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>
+ <td>
+ <textarea v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </p>
</div>
</div>
<div class="preface-bottom">
- <span class="contet-num-box">96</span>
+ <span class="contet-num-box">90</span>
</div>
</div>
</div>
@@ -819,25 +995,218 @@
<h3 id="c044"><span class="bjh3">Listening</span></h3>
<p><b>鈪�.Every one of us should have a clear sense of how important Nature means to mankind.Watch
the video and fill in the blanks with what you hear.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="wh-no tl-cn">Redwood Sapling</td>
+ <td class="tl-cn">Ways of Sorting Daily Household Waste</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">How come you're so smart?</td>
+ <td class="tl-lf">
+ Our kind has been around a really long time, longer than just about anything. I've
+ seen just about everything.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ What have you seen?
+ </td>
+ <td>
+ I've seen all kinds of l.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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>锛宐ugs and 2.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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>锛宮ice andrats, rabbits and bears, and skuhks. But things have been changed
+ ever since humans came.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ What did the humans do?
+ </td>
+ <td>
+ They changed wolves into dogs, rivers into lakes, and us into 3.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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>They started using the 4.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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>like it was put there just for them, Actlike they've got an extra one.
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Why do they do that?
+ </td>
+ <td>
+ I don't know, If they don't figure put that they're part of 5.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.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>
+ rather than just using it, they probably won't be around to see you grow up.
+ </td>
+ </tr>
+ </table>
<p><b>鈪�.The four people below are all concerned with the increasingly serious environmental
issues.Listen to the recording and decide which website they use to search for the
information they need.</b></p>
<p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
- <div class="fieldset-7">
- <p><b>a. oneworld.org</b></p>
- <p>There鈥檚 lots of environmental information here, whether you鈥檙e just starting to explore
- the subject, or wanting to find out about the latest research.</p>
- <p><b>b. eco.org</b></p>
- <p>You can find out here if your choice of transport damages the planet. If so, try the easy
- changes to your routine suggested here.</p>
- <p><b>c. planetmatters.org</b></p>
- <p>There鈥檚 a recycling section in this website 鈥� find different uses for things that you
- might otherwise put in the bin.</p>
- <p><b>d. ourworld.org</b></p>
- <p>If you prefer working things out for yourself, you can find experiments to do in this
- website, like making your own power using sunlight!</p>
- </div>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-tr-bc">
+ <td class="tl-lf ">
+ <p class="table-p">
+ <b>a. oneworld.org</b>
+ </p>
+ <p class="table-p">
+ There鈥檚 lots of environmental information here, whether you鈥檙e just starting to
+ explore
+ the subject, or wanting to find out about the latest research.
+ </p>
+ </td>
+ <td style="width: 50%;">
+ <p class="table-p">
+ <b>b. eco.org</b>
+ </p>
+ <p class="table-p">
+ There鈥檚 lots of environmental information here, whether you鈥檙e just starting to
+ explore
+ the subject, or wanting to find out about the latest research.
+ </p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <p class="table-p">
+ <b>c. planetmatters.org</b>
+ </p>
+ <p class="table-p">
+ There鈥檚 a recycling section in this website 鈥� find different uses for things
+ that you
+ might otherwise put in the bin.
+ </p>
+ </td>
+ <td style="width: 50%;">
+ <p class="table-p">
+ <b>d. ourworld.org</b>
+ </p>
+ <p class="table-p">
+ If you prefer working things out for yourself, you can find experiments to do in
+ this
+ website, like making your own power using sunlight!
+ </p>
+ </td>
+ </tr>
+ </table>
</div>
</div>
<div class="preface-bottom">
@@ -1023,7 +1392,100 @@
<p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
footprints in the class.</p>
<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/0105-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" colspan="8">The 7-day No PlastigChallenge</td>
+ </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"
+ class="input-bottom-border input-bc-t" style="width: 60px"
+ v-model="testData.in.one" @change="setTestData" />
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn wh-no">
+ Social Media Platform(s)
+ </td>
+ <td colspan="7">
+ <textarea v-model="questionData.table.twentyFive"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td rowspan="2" class="tl-cn">
+ Challenges
+ </td>
+ <td>
+ DAY 1
+ </td>
+ <td>
+ DAY 2
+ </td>
+ <td>
+ DAY 3
+ </td>
+ <td>
+ DAY 4
+ </td>
+ <td>
+ DAY 5
+ </td>
+ <td>
+ DAY 6
+ </td>
+ <td>
+ DAY 7
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.twentySix"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </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>
+ <td>
+ <textarea v-model="questionData.table.thirty"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </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-cn">
+ Reflections
+ </td>
+ <td colspan="7">
+ <textarea v-model="questionData.table.thirtyThree"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<div class="fieldset-4">
<p class="center"><b>Useful Expressions</b></p>
<p>In response to the national call for plastic reduction, I decide to engage in the 7-day
@@ -1052,6 +1514,7 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
+ <p class="continued">continued</p>
<div class="fieldset-4">
<p>I will post my experience on 鈥�</p>
<p>I will use eco-friendly bags for grocery shopping.</p>
@@ -1257,8 +1720,42 @@
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/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 2cb26a1..35c6f6d 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -71,12 +71,56 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <h3 id="c047"><span class="bjh3">Listening</span></h3>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
- style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+ <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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></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>
@@ -310,7 +354,52 @@
<p>2.What does positive work environment refer to?</p>
<p>3.How do employers maintain a positive work environment?</p>
</div>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-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">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>
@@ -438,7 +527,81 @@
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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-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">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">
@@ -857,12 +1020,88 @@
<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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-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">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"><span class="bjh3">Listening</span></h3>
- <p class="center"><audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <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>
@@ -894,7 +1133,46 @@
<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>
- <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-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 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>
@@ -981,7 +1259,30 @@
<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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-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" 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">
@@ -1042,7 +1343,58 @@
<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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.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">
@@ -1068,7 +1420,66 @@
<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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-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">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>
@@ -1277,8 +1688,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/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 11582e9..a28aff9 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -38,7 +38,114 @@
<p><b>鈪�.Put the following names of the departments in the proper blanks according to their
functions.</b></p>
<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-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">Departments</td>
+ <td class="tl-cn">Functions</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <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>
+ It has overall responsibilities for creating, planning, implementing, and
+ integratingthe strategie direction of an organization.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">
+ <select class="select-border select-bc-t" 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>
+ <td>
+ It deals with such matters as involving employees, hiring, training, labor
+ relations,and benefits.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <select class="select-border select-bc-t" style="background-color: transparent"
+ v-model="dropdownData.three.value" @change="setDropdownData"
+ :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td>
+ It is responsible for presenting, advertising and selling a company's products
+ orservices.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <select class="select-border select-bc-t" style="background-color: transparent"
+ v-model="dropdownData.four.value" @change="setDropdownData"
+ :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td>
+ It is responsible for finding new products and processes or improving existing ones.
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <select class="select-border select-bc-t" style="background-color: transparent"
+ v-model="dropdownData.five.value" @change="setDropdownData"
+ :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td>
+ It manages money in running a business, an activity or a project.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <select class="select-border select-bc-t" style="background-color: transparent"
+ v-model="dropdownData.six.value" @change="setDropdownData"
+ :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td>
+ It's a department where people assist the CEO to plan, organize and run a business.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <select class="select-border select-bc-t" style="background-color: transparent"
+ v-model="dropdownData.seven.value" @change="setDropdownData"
+ :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ <td>
+ It makes food, goods or materials, especially in large quantities.
+ </td>
+ </tr>
+ </table>
<h3 id="c056"><span class="bjh3">Listening</span></h3>
<p class="center"><audio :src="resource.readingTwo" controls
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -387,7 +494,54 @@
<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/0134-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">Names</td>
+ <td class="tl-cn">Reasons</td>
+ </tr>
+ <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.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </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>
+ <textarea v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.six"
+ 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>strong-willed銆�motivated銆�active銆�cooperative銆�stressful銆�disciplined銆�risky銆�helpful銆�dutiful銆�enthusiastic
@@ -1176,43 +1330,49 @@
readingTwo: "",
},
dropDownList: [
- "online shopping",
- "facial recognition",
- "electronic payment",
- "intercity train",
- "shared bike",
- "take-away service",
+ "HR Department",
+ "R&D Department",
+ "CEO office",
+ "Finance Department",
+ "Produetion Department",
+ "Marketing Department",
+ "Administration office",
],
dropdownData: {
one: {
value: "",
isRight: null,
- answer: "intercity train",
+ answer: "Administration office",
},
two: {
value: "",
isRight: null,
- answer: "online shopping",
+ answer: "HR department",
},
three: {
value: "",
isRight: null,
- answer: "electronic payment",
+ answer: "Marketing department",
},
four: {
value: "",
isRight: null,
- answer: "shared bike",
+ answer: "R & D department",
},
five: {
value: "",
isRight: null,
- answer: "take-away service",
+ answer: "Finance department",
},
six: {
value: "",
isRight: null,
- answer: "facial recognition",
+ answer: "CEO office",
+ },
+ seven: {
+ value: "",
+ isRight: null,
+ answer: "Production department",
},
},
};
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index fc98ffc..46c82b1 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -212,8 +212,8 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- // setTimeout(() => {
- // this.gotoPage(1,14);
+ setTimeout(() => {
+ this.gotoPage(7,126);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -241,7 +241,7 @@
// txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
// txtIndex: 57
// });
- // }, 50);
+ }, 50);
},
methods: {
// setZoom1() {
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index b46ee9e..56a070f 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -375,7 +375,7 @@
div.bk{
border:4px dashed #3FB135;
- padding:15px;
+ padding:0.79em;
margin-bottom:2em;
margin-top:1em;
}
--
Gitblit v1.9.1