From db197adc2c4bdb0335f3d5b0a364d5b3dac1ea02 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 18 七月 2024 11:32:23 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter007.vue | 1329 +++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 1,144 insertions(+), 185 deletions(-)
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index a28aff9..579e622 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -33,8 +33,23 @@
<h2 id="b025"><img class="img-0" alt="" src="../../assets/images/dy7-le1.jpg" /></h2>
<h3 id="c055"><span class="bjh3">Warm-up</span></h3>
<p><b>鈪�.Suppose it is your first day at work,how can you favorably impress your workmates?</b>
+ <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
+ <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>______________________________________________</p>
+ <p> <textarea v-model="questionData.tx.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ 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="showAnswerOne">
+ 绛旀锛�(1).Don鈥檛 be late (2).wear clean clothes (3).show respect to your coworkers
+ (4).be polite (5).be confident (6).polish your shoes
+ (7).brush your hair
+ </p>
<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>
@@ -44,14 +59,32 @@
<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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.one.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</td>
<td>
It has overall responsibilities for creating, planning, implementing, and
@@ -59,14 +92,32 @@
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.two.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</td>
<td>
It deals with such matters as involving employees, hiring, training, labor
@@ -74,14 +125,32 @@
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.three.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</td>
<td>
It is responsible for presenting, advertising and selling a company's products
@@ -89,14 +158,32 @@
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.four.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</td>
<td>
It is responsible for finding new products and processes or improving existing ones.
@@ -104,52 +191,109 @@
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.five.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.six.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.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="dropdownData.dp.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>
</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">
+ <td class="tl-lf w35">
+ <select class="select-border select-bc-t w80" v-model="dropdownData.dp.seven.value"
+ @change="handleDropdownData">
+ <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+ :value="item">
{{ item }}
</option>
</select>
+ <span class="icon-box-big">
+ <svg v-if="dropdownData.dp.seven.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="dropdownData.dp.seven.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
<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"
- @play="audioPlay"></audio></p>
+
+ <h3 id="c056" 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 workplace success and fill in the blanks with what you
hear.</b></p>
<p>Do you want to succeed in the workplace? Try your best for_____in everything you
@@ -183,8 +327,43 @@
<h3 id="c057"><span class="bjh3">Reading</span></h3>
<p>1.If a man is called to be a street sweeper,he should sweep streets even as Michelangelo
painted,or Beethoven composed music or Shakespeare wrote poetry.What does this saying try to
- tell us?</p>
- <p>2.How can other people鈥檚 jobs influence our life?</p>
+ tell us?
+ <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
+ <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> <textarea v-model="questionData.tx.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ 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="showAnswerTwo">
+ 绛旀锛�(1).Love whatever job one takes up (2).Work hard (3). To be creative
+ (4).Practice as much as you can (5). Insist on doing something
+ </p>
+ <p>2.How can other people鈥檚 jobs influence our life?
+ <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
+ <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> <textarea v-model="questionData.tx.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ 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="showAnswerThree">
+ 绛旀锛�(1). Engineers make it easier for us to go somewhere by high-speed train.
+ (2).Gardeners make our city more beautiful.
+ (3).Deliverymen help to get our goods to us.
+ (4).Farmers plant so many fruits and vegetables to satisfy our appetite.
+ </p>
<p class="center"><b>Lineman Wang Jin</b></p>
<p class="center"><audio :src="resource.readingTwo" controls
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -375,10 +554,16 @@
<div class="bkbj">
<p><i>the ability to hold or contain sth.; the ability to do sth.</i></p>
</div>
- <p>live-transmission line鐩存祦杈撶數绾胯矾</p>
- <p>under construction 淇缓涓�</p>
- <p>set up 寤虹珛锛涜绔�</p>
- <p>power outage鍋滅數</p>
+ <div class="fl">
+ <div class="left" style="width: 48%">
+ <p>live-transmission line鐩存祦杈撶數绾胯矾</p>
+ <p>under construction 淇缓涓�</p>
+ </div>
+ <div class="right" style="width: 48%">
+ <p>set up 寤虹珛锛涜绔�</p>
+ <p>power outage鍋滅數</p>
+ </div>
+ </div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Fill in the blanks with the exact words in the passage.</p>
<p>1.Wang takes a high-risk job on high-voltage power lines as_______________.</p>
@@ -502,7 +687,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 +730,171 @@
</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 +1069,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 +1206,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 +1253,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 +1663,172 @@
<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">
@@ -1074,6 +1879,153 @@
<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>
<div class="preface-bottom">
@@ -1086,6 +2038,7 @@
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
+import { keys } from "lodash";
export default {
name: "chapterSeven",
components: { matching },
@@ -1225,42 +2178,29 @@
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: {
+ tx: {
one: "",
two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
+ },
+ ip: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
},
table: {
one: "",
@@ -1270,8 +2210,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: {
@@ -1329,52 +2302,65 @@
readingOne: "",
readingTwo: "",
},
- dropDownList: [
- "HR Department",
- "R&D Department",
- "CEO office",
- "Finance Department",
- "Produetion Department",
- "Marketing Department",
- "Administration office",
- ],
+ //new
dropdownData: {
- one: {
- value: "",
- isRight: null,
- answer: "Administration office",
- },
- two: {
- value: "",
- isRight: null,
- answer: "HR department",
- },
- three: {
- value: "",
- isRight: null,
- answer: "Marketing department",
- },
- four: {
- value: "",
- isRight: null,
- answer: "R & D department",
- },
- five: {
- value: "",
- isRight: null,
- answer: "Finance department",
- },
- six: {
- value: "",
- isRight: null,
- answer: "CEO office",
- },
- seven: {
- value: "",
- isRight: null,
- answer: "Production department",
- },
+ isComplete: false,
+ dp: {
+ dropDownList: [
+ "HR department",
+ "R & D department",
+ "CEO office",
+ "Finance department",
+ "Production department",
+ "Marketing department",
+ "Administration office",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "Administration office",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "HR department",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "Marketing department",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "R & D department",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "Finance department",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "CEO office",
+ },
+ seven: {
+ value: "",
+ isRight: null,
+ answer: "Production department",
+ },
+ }
+
+
},
+ questionDataOne:[
+ {
+ type:"",
+ isComplete:false,
+ isShowAnswer:false,
+ }
+ ]
};
},
mounted() {
@@ -1386,7 +2372,7 @@
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
- const dropdownData = localStorage.getItem("english-dropdown-one");
+ const dropdownData = localStorage.getItem("english-chapter-7-warmup-dropdown");
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
@@ -1511,62 +2497,35 @@
: (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");
},
+ //new
+ setDropdownData() {
+ localStorage.setItem(
+ "english-chapter-7-warmup-dropdown",
+ JSON.stringify(this.dropdownData)
+ );
+ },
+ handleDropdownData() {
+ const dropdownDatas = this.dropdownData;
+ for (let key in dropdownDatas) {
+ const item = dropdownDatas[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "dropDownList") {
+ if (citem.value) {
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ }
+ this.dropdownData = dropdownDatas;
+ this.$set(this.dropdownData, "isComplete", true);
+ this.setDropdownData();
+ }
},
};
</script>
--
Gitblit v1.9.1