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 | 579 ++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 382 insertions(+), 197 deletions(-)
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index cbca798..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>
@@ -546,16 +731,22 @@
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
<p class="dl-box">
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, '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, '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, '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>
+ <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%">
@@ -1069,7 +1260,7 @@
<td class="tl-cn">The Way to Develop lt</td>
</tr>
<tr class="table-tr-bc">
- <td class="tl-cn" >
+ <td class="tl-cn">
<textarea v-model="questionData.table.seventeen"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
@@ -1481,7 +1672,9 @@
</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-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>
@@ -1491,7 +1684,9 @@
</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.
+ 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"
@@ -1506,7 +1701,9 @@
</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.
+ 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"
@@ -1521,7 +1718,9 @@
</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>
+ 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 "
@@ -1535,7 +1734,9 @@
</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>
+ 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 "
@@ -1549,7 +1750,9 @@
</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>
+ 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 "
@@ -1563,7 +1766,9 @@
</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>
+ 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 "
@@ -1577,7 +1782,9 @@
</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>
+ 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 "
@@ -1591,7 +1798,9 @@
</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>
+ 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 "
@@ -1605,14 +1814,16 @@
</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>
+ 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"
+ <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"
+ <textarea v-model="questionData.table.fortyTwo"
class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
@@ -1827,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 },
@@ -1966,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: "",
@@ -2103,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() {
@@ -2160,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);
}
@@ -2285,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