testbookLayout.git

			@@ -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">
			答案：intercity 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">
			答案：online 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">
			答案：electronic 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">
			答案：shared 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">
			答案：take-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">
			答案：facial recognition
			</p>
			</div>
			</div>
			</div>
			<p><b>Ⅱ.What other jobs can you list?</b></p>
			<p>____________________________________________</p>
			</div>
			@@ -70,16 +296,72 @@
			<div class="bodystyle">
			<h3 id="c065"><span class="bjh3">Listening</span></h3>
			<p class="center"> <audio :src="resource.listenOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0147-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">Who is he/she?</td>
			<td class="tl-cn">What's his/her job?</td>
			<td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Duan Xinyue
			</td>
			<td class="tl-cn">
			Teacher
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Luo Xinya
			</td>
			<td class="tl-cn">
			Pet Doctor
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Sun Yijie
			</td>
			<td class="tl-cn">
			Taxi Driver
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.three"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Wu Qi
			</td>
			<td class="tl-cn">
			Photographer
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<h3 id="c066"><span class="bjh3">Reading</span></h3>
			<p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
			full-time employment.Do you agree? Why or why not?</p>
			<p>2.If you’re considering a part-time job,what’s your expectation of it?</p>
			<p class="center">__________________</p>
			<p class="center"> <audio :src="resource.listenOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
			burned into one’s memory; it gives you the practice needed to
			<span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
			@@ -157,7 +439,7 @@
			</p>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			></audio></p>
			<p>fulfill /fʊlˈfɪl/ <i>v.</i> 符合；履行</p>
			<div class="bkbj">
			<p><i>to do or have what is required or necessary</i></p>
			@@ -360,7 +642,50 @@
			<p>（　　）6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds.
			</p>
			<p>B.Write the present or the past form of the following verbs.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn">give<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />had
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			went
			</td>
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			began
			</td>
			<td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			<td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			<td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />chose
			</td>
			</tr>
			</table>
			<h3 id="c067"><span class="bjh3">Mini-project</span></h3>
			<p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
			<p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
			@@ -394,11 +719,318 @@
			<p>　　　　3.How does he/she describe his/her job?</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/0152-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn wh-no">The Respondent</td>
			<td class="tl-cn">The Job</td>
			<td class="tl-cn">The Description</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Zhang Wei's Mum
			</td>
			<td class="tl-cn">
			A Teacher
			</td>
			<td class="tl-lf">
			She teaches English in a high schpol. Her job is quite <span
			class="input-bottom-border">stressful </span> and <span
			class="input-bottom-border">challenging</span> , but she feels <span
			class="input-bottom-border">rewarding</span> rewarding when her students make
			progress.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.seven"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.eight"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.nine"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<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">
			<textarea v-model="questionData.table.eleven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twelve"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.fourteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.fifteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.sixteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.seventeen"
			class="w100 table-tr-bc b0 table-textarea textarea-box "
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.eighteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twenty"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyOne"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<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 class="tl-cn">
			<textarea v-model="questionData.table.twentyThree"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyFive"
			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>dangerous　demanding　dull　exciting　repetitive　risky　satisfying　stimulating　stressful　voluntary
			<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>

			<p>
			</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>
			@@ -463,7 +1095,7 @@
			<p class="center"><b>Choose a Career You Love</b></p>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			></audio></p>
			<p>We spend a large
			<span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
			of our lives working,so how we spend those years matters.It is
			@@ -545,7 +1177,7 @@
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			style="margin-left: 10px" class="audio" ></audio>
			<p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
			<div class="bkbj">
			<p><i>one part of sth.larger</i></p>
			@@ -704,7 +1336,8 @@
			<p>3.Anyone hired into the company must___________the system.</p>
			<p>4.You must accept___________the blame for this crisis.</p>
			<p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
			<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
			<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</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">
			@@ -762,12 +1395,220 @@
			<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/0159-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn wh-no">What job is he/she interested in?</td>
			<td class="tl-cn">Why does he'she choose this job?</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Architeet
			</td>
			<td class="tl-lf">
			My fatnily is engaged in a construction business. And I have hada dream to build my
			own house ever since I was a kid.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentySix"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentySeven"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyEight"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirty"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyOne"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyTwo"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyThree"
			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="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
			<h3 id="c071"><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>
			></audio></p>
			<p><b>Ⅰ.Derek is talking about his job interview.Listen to the recording and fill in the blanks
			with what you hear.</b></p>
			<p>Hi,everyone.I’m Derek Cruise.I landed a job interview the other day.It is a bank
			@@ -800,7 +1641,58 @@
			<div class="bodystyle">
			<p><b>Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
			Susan's questions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0160-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn wh-no">Susan's Questions</td>
			<td class="tl-cn">Derek's Responses</td>
			</tr>

			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<p class="table-p">Studying Finance in East College</p>
			<p class="table-p">Having been working as an intemn in T&G Accounting Company for
			the last two years</p>
			<p class="table-p">Speaking fluent Chinese</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyFive"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-lf">
			Analyzing financial data with ERP software
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtySix"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-lf">
			To put finance theories into practice
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtySeven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<p class="table-p">A hard-working person</p>
			<p class="table-p">A fast learer</p>
			<p class="table-p">Getting along well with people</p>
			</td>
			</tr>
			</table>
			<h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.How do you follow up after a job interview?</p>
			@@ -907,7 +1799,6 @@
			<p>1.Work with your partner and decide what questions you will ask during the
			interview.2.Complete the worksheet for the interviewer.</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			<p class="center"></p>
			<p><b>Role 2:Interviewee</b></p>
			<p>1.Make a list of the information which might be useful in the interview.2.Finish the
			@@ -935,20 +1826,58 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center"><b>Worksheet for the Interviewer</b></p>
			<div class="fieldset-5">
			<p class="left">Name:</p>
			<p class="left">Phone:</p>
			<p class="left">Email:</p>
			<p class="left">Work experience</p>
			<p><br /></p>
			<p class="left">Education</p>
			<p><br /></p>
			<p class="left">Skills</p>
			<p><br /></p>
			<p class="left">Other related information</p>
			<p><br /></p>
			</div>
			<p><b>Follow-up Email for the Interviewee</b></p>
			<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>
			<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>
			<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>
			</td>
			</tr>

			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Work experience</p>
			<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-cn">
			<p class="table-p">Education</p>
			<textarea v-model="questionData.table.thirtyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Skills</p>
			<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-cn">
			<p class="table-p">Other related information</p>
			<textarea v-model="questionData.table.fortyOne"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="center"><b>Follow-up Email for the Interviewee</b></p>
			<div class="fieldset-4">
			<p class="left">From:</p>
			<p class="left">To:</p>
			@@ -991,6 +1920,153 @@
			<p>I’m sure you’re still in research mode right now ...</p>
			<p>Please feel free to contact me if I can provide you with any further information.</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">
			@@ -1013,16 +2089,11 @@
			},
			data() {
			return {
			showImgTwo: false,
			imgThirteen: require("../../assets/images/grammar8-1.png"),
			imgThirteenOne: require("../../assets/images/grammar8-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			rawData: {
			left: [
			{
			@@ -1187,8 +2258,40 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			twentyTwo: "",
			twentyThree: "",
			twentyFour: "",
			twentyFive: "",
			twentySix: "",
			twentySeven: "",
			twentyEight: "",
			twentyNine: "",
			thirty: "",
			thirtyOne: "",
			thirtyTwo: "",
			thirtyThree: "",
			thirtyFour: "",
			thirtyFive: "",
			thirtySix: "",
			thirtySeven: "",
			thirtyEight: "",
			thirtyNine: "",
			forty: "",
			fortyOne: "",
			},
			},
			testData: {
			@@ -1246,14 +2349,6 @@
			readingOne: "",
			readingTwo: "",
			},
			dropDownList: [
			"online shopping",
			"facial recognition",
			"electronic payment",
			"intercity train",
			"shared bike",
			"take-away service",
			],
			dropdownData: {
			one: {
			value: "",
			@@ -1286,85 +2381,45 @@
			answer: "facial recognition",
			},
			},
			flag:false,
			};
			},
			mounted() {
			const testData = localStorage.getItem("english-testOne");
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			const dropdownData = localStorage.getItem("english-dropdown-one");
			if (dropdownData) {
			this.dropdownData = JSON.parse(dropdownData);
			}
			this.getPath();
			},
			methods: {
			arrayToString(data) {
			if(Array.isArray(data)) {
			return data.toString()
			} else {
			return data
			}
			},
			isTextRight(answer, data, num) {
			let flag = null;
			if (data) {
			flag = answer[num] == data
			} else {
			flag = false
			}
			return flag;
			},
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			flag = answer.indexOf(data) > -1 ? true : false;
			} else {
			flag = false
			}
			return flag;
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			changeTestData() {
			localStorage.removeItem("english-testOne");
			this.testData = {
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: []
			},
			tx: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			in: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			isRight: null,
			answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
			},
			line: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			ts: {
			one: "",
			two: "",
			three: "",
			four: "",
			},
			gr: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			cm: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			};
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			JSON.stringify(this.questionData)
			@@ -1388,95 +2443,6 @@
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			handleQuestion(type) {
			if (type == "one") {
			this.questionData.warnUp.one.value
			? (this.questionData.warnUp.one.isRight =
			this.questionData.warnUp.one.value == "Chinese knot")
			: (this.questionData.warnUp.one.isRight = null);
			} else if (type == "two") {
			this.questionData.warnUp.two.value
			? (this.questionData.warnUp.two.isRight =
			this.questionData.warnUp.two.value == "Chinese medicine")
			: (this.questionData.warnUp.two.isRight = null);
			} else if (type == "three") {
			this.questionData.warnUp.three.value
			? (this.questionData.warnUp.three.isRight =
			this.questionData.warnUp.three.value == "Chinese calligraphy")
			: (this.questionData.warnUp.three.isRight = null);
			} else if (type == "four") {
			this.questionData.warnUp.four.value
			? (this.questionData.warnUp.four.isRight =
			this.questionData.warnUp.four.value == "Taichi")
			: (this.questionData.warnUp.four.isRight = null);
			} else if (type == "five") {
			this.questionData.warnUp.five.value
			? (this.questionData.warnUp.five.isRight =
			this.questionData.warnUp.five.value == "sweet dumpling")
			: (this.questionData.warnUp.five.isRight = null);
			} else if (type == "six") {
			this.questionData.warnUp.six.value
			? (this.questionData.warnUp.six.isRight =
			this.questionData.warnUp.six.value == "Chinese chess")
			: (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");
			},
			},
			};