From a7c86fb44b6abce439784c1e62c2e566e5443f3e Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 22 七月 2024 14:12:55 +0800
Subject: [PATCH] 英语（第八单元调试）
---
src/books/English/view/components/chapter008.vue | 302 ++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 268 insertions(+), 34 deletions(-)
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index 812c58a..8000aec 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -32,18 +32,244 @@
<h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
<h3 id="c064"><span class="bjh3">Warm-up</span></h3>
<p><b>鈪�.Figure out what the people in the following pictures do.</b></p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
- <p class="center">1._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
- <p class="center">2._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
- <p class="center">3._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
- <p class="center">4._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
- <p class="center">5._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
- <p class="center">6._____________________</p>
+ <div class="openImgBox">
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 1.
+ <select class="select-border" v-model="dropdownData.one.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.one.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歩ntercity train
+ </p>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
+ </p>
+ <p class="center">
+ 2.
+ <select class="select-border" v-model="dropdownData.two.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.two.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歰nline shopping
+ </p>
+ </div>
+ </div>
+
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
+ </p>
+ <p class="center">
+ 3.
+ <select class="select-border" v-model="dropdownData.three.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.three.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歟lectronic payment
+ </p>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
+ </p>
+ <p class="center">
+ 4.
+ <select class="select-border" v-model="dropdownData.four.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.four.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歴hared bike
+ </p>
+ </div>
+ </div>
+
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 5.
+ <select class="select-border" v-model="dropdownData.five.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.five.isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歵ake-away service
+ </p>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
+ </p>
+ <p class="center">
+ 6.
+ <select class="select-border" v-model="dropdownData.six.value"
+ @change="setDropdownData" :disabled="dropdownData.isComplete">
+ <option v-for="(item, index) in dropDownList" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <svg v-if="dropdownData.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.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>
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ 绛旀锛歠acial recognition
+ </p>
+ </div>
+ </div>
+ </div>
<p><b>鈪�.What other jobs can you list?</b></p>
<p>____________________________________________</p>
</div>
@@ -636,18 +862,26 @@
<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, 'dangerous')">dangerous</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span>
- </p>
-
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'dangerous')">dangerous</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'demanding')">demanding</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'exciting')">exciting</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'repetitive')">repetitive</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'satisfying')">satisfying</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'stimulating')">stimulating</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'stressful')">stressful</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'voluntary')">voluntary</span>
+ </p>
+
<p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
</p>
</div>
@@ -1593,18 +1827,18 @@
<div class="padding-93">
<div class="bodystyle">
<p class="center"><b>Worksheet for the Interviewer</b></p>
- <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
+ <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
<tr class="table-tr-bc">
<td class="tl-cn ">
<p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 35em"
- v-model="testData.in.one" @change="setTestData" /></p>
+ class="input-bottom-border input-bc-t" style="width: 35em"
+ v-model="testData.in.one" @change="setTestData" /></p>
<p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 34.8em"
- v-model="testData.in.one" @change="setTestData" /></p>
+ class="input-bottom-border input-bc-t" style="width: 34.8em"
+ v-model="testData.in.one" @change="setTestData" /></p>
<p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 35em"
- v-model="testData.in.one" @change="setTestData" /></p>
+ class="input-bottom-border input-bc-t" style="width: 35em"
+ v-model="testData.in.one" @change="setTestData" /></p>
</td>
</tr>
@@ -1615,7 +1849,7 @@
class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
-
+
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
@@ -1624,7 +1858,7 @@
class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
-
+
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
@@ -1633,7 +1867,7 @@
class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
-
+
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
--
Gitblit v1.9.1