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 | 1513 +++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 1,347 insertions(+), 166 deletions(-)
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 97ab1f4..579e622 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -33,16 +33,267 @@
<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>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
- <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>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn">Departments</td>
+ <td class="tl-cn">Functions</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-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
+ integratingthe strategie direction of an organization.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <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
+ relations,and benefits.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <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
+ orservices.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <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.
+ </td>
+
+ </tr>
+ <tr class="table-tr-bc">
+ <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 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 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" 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
@@ -76,40 +327,107 @@
<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"
@play="audioPlay"></audio></p>
- <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
- people it鈥檚 a daily routine.</p>
+ <p>Working on high-
+ <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+ power lines is considered by many as a high-risk job.But for some
+ people it鈥檚 a daily
+ <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+ .
+ </p>
<p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
Jin has been in this job for more than 20 years.He is a team leader at an electric power
company.</p>
<p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
- because at the moment of contact ...500 000 volts of electricity hit the gloves,鈥� recalled
- Wang.</p>
+ because at the moment of
+ <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+ ...500 000 volts of
+ <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+ hit the gloves,鈥� recalled
+ Wang.
+ </p>
<p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
remote areas.</p>
<p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
- hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
- shift.</p>
- <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-transmission
+ hot.Wearing
+ <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+ clothes in such weather,Wang felt
+ <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+ even before he started the
+ shift.
+ </p>
+ <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-
+ <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
line.The power transmitted by this line was almost one-tenth of the total power in the
entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
- of China鈥檚 highest national honors鈥攆or his excellent performance.</p>
+ of China鈥檚 highest national honors鈥攆or his excellent performance.
+ </p>
<p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
innovation center to address new challenges.</p>
- <p>They have introduced more technologies including the use of drones for line inspection and
- maintenance.They have 240 drones and 80 operators,and they want to create an
- unmanned,digital and intelligent line inspection system.</p>
- <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
+ <p>They have introduced more technologies including the use of drones for line
+ <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+ and
+ <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
+ .They have 240 drones and 80 operators,and they want to create an
+ unmanned,\
+ <span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
+ and
+ <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
+ line inspection system.
+ </p>
+ <p>Wang is now a father of two.His family gave him the biggest support.His
+ <span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
+ has made
him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
- achieved more than 30 technological innovations.</p>
- <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
+ <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
+ achieved more than 30 technological innovations.
+ </p>
+ <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
+ <span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
- voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
+ voltage and the biggest transmission
+ <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+ in the world.Thanks to technicians like Wang
and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
</p>
</div>
@@ -138,9 +456,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
<p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
<div class="bkbj">
<p><i>electrical force measured in volts</i></p>
@@ -237,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>
@@ -302,7 +625,20 @@
<p>_________________________________________________________________</p>
<p>4.Those employees believe that challenges offer opportunities to learn.</p>
<p>_________________________________________________________________</p>
- <p><b>鈪�.Grammar focus:The simple past & past perfect tense.</b></p>
+ <p><b>鈪�.Grammar focus:The simple past & past perfect tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
from the passage,and then write them down.</p>
<p><b>The simple past tense:</b></p>
@@ -343,11 +679,222 @@
<div class="padding-93">
<div class="bodystyle">
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0134-1.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn">Names</td>
+ <td class="tl-cn">Reasons</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn">Yuan Longping</td>
+ <td>
+ He was creative and started his research of hybrid rice technology,by which farmers
+ can produce harvests twice as large as before.
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <textarea v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea "
+ @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>strong-willed銆�motivated銆�active銆�cooperative銆�stressful銆�disciplined銆�risky銆�helpful銆�dutiful銆�enthusiastic
+ <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>
@@ -522,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">
@@ -561,7 +1174,20 @@
<p>3.give up_________________________________________</p>
<p>4.turn in_________________________________________</p>
<p>5.address ...to ..._____________________________</p>
- <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b></p>
+ <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
<p><b>Examples:</b></p>
<div class="fieldset-8">
@@ -580,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">
@@ -603,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
@@ -812,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">
@@ -863,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">
@@ -875,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 },
@@ -885,13 +2049,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar7-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar7-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1012,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: "",
@@ -1057,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: {
@@ -1116,46 +2302,65 @@
readingOne: "",
readingTwo: "",
},
- dropDownList: [
- "online shopping",
- "facial recognition",
- "electronic payment",
- "intercity train",
- "shared bike",
- "take-away service",
- ],
+ //new
dropdownData: {
- one: {
- value: "",
- isRight: null,
- answer: "intercity train",
- },
- two: {
- value: "",
- isRight: null,
- answer: "online shopping",
- },
- three: {
- value: "",
- isRight: null,
- answer: "electronic payment",
- },
- four: {
- value: "",
- isRight: null,
- answer: "shared bike",
- },
- five: {
- value: "",
- isRight: null,
- answer: "take-away service",
- },
- six: {
- value: "",
- isRight: null,
- answer: "facial recognition",
- },
+ 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() {
@@ -1167,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);
}
@@ -1254,7 +2459,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
@@ -1289,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