testbookLayout.git

			@@ -33,8 +33,23 @@
			<h2 id="b025"><img class="img-0" alt="" src="../../assets/images/dy7-le1.jpg" /></h2>
			<h3 id="c055"><span class="bjh3">Warm-up</span></h3>
			<p><b>Ⅰ.Suppose it is your first day at work,how can you favorably impress your workmates?</b>
			<span class="btn-box" @click="showAnswerOne = !showAnswerOne">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>______________________________________________</p>
			<p> <textarea v-model="questionData.tx.one" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerOne">
			答案：(1).Don’t be late   (2).wear clean clothes   (3).show respect to your coworkers
			(4).be polite   (5).be confident   (6).polish your shoes
			(7).brush your hair
			</p>
			<p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
			functions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
			@@ -44,14 +59,32 @@
			<td class="tl-cn">Functions</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.one.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.one.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.one.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.one.isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It has overall responsibilities for creating, planning, implementing, and
			@@ -59,14 +92,32 @@
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.two.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.two.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.two.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.two.isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It deals with such matters as involving employees, hiring, training, labor
			@@ -74,14 +125,32 @@
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.three.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.three.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.three.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.three.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It is responsible for presenting, advertising and selling a company's products
			@@ -89,14 +158,32 @@
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.four.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.four.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.four.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.four.isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It is responsible for finding new products and processes or improving existing ones.
			@@ -104,52 +191,109 @@

			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.five.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.five.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.five.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.five.isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It manages money in running a business, an activity or a project.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.six.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.six.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.six.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.six.isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It's a department where people assist the CEO to plan, organize and run a business.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<select class="select-border select-bc-t" style="background-color: transparent"
			v-model="dropdownData.seven.value" @change="setDropdownData"
			:disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index" :value="item">
			<td class="tl-lf w35">
			<select class="select-border select-bc-t w80" v-model="dropdownData.dp.seven.value"
			@change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box-big">
			<svg v-if="dropdownData.dp.seven.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.dp.seven.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</td>
			<td>
			It makes food, goods or materials, especially in large quantities.
			</td>
			</tr>
			</table>
			<h3 id="c056"><span class="bjh3">Listening</span></h3>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>

			<h3 id="c056" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Listen to the monologue about workplace success and fill in the blanks with what you
			hear.</b></p>
			<p>Do you want to succeed in the workplace? Try your best for_____in everything you
			@@ -183,12 +327,47 @@
			<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’s 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’s 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
			<p class="center"><audio :src="resource.readingOne" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			></audio></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
			@@ -278,7 +457,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>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
			<div class="bkbj">
			<p><i>electrical force measured in volts</i></p>
			@@ -375,37 +554,114 @@
			<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>
			<p>2.Wang Jin felt_______________when he first touched the power line.</p>
			<p>3.Wang finished the world’s first repair work on a 660-kilovolt_______________.</p>
			<p>4.The innovation center uses_______________for line inspection and maintenance.</p>
			<p>5.By 2020,a total of 35 UHV projects had been completed or_______________.</p>
			<p v-for="(item, index) in questionDataOne[0].value" :key="index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
			style="width: 140px" v-model="item.userAnswer" @input="setQuestionDataOne" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
			<p>
			答案：
			</p>
			<div v-for="(item, index) in questionDataOne[0].value" :key="'answerOne' + index">
			<p class="" style="margin-left: 40px">{{ index + 1 }}.{{ item.answer }}</p>
			</div>
			</div>
			<p>B.Put the following statements in right order according to the course of Wang’s career
			development in the passage.</p>
			<p>(　) Wang got one of the highest national awards for his superior performance.</p>
			<p>(　) Wang and his colleagues set up an innovation center to meet new work demand.</p>
			<p>(　) Wang was really afraid when he first touched the ultra-high-voltage line.</p>
			<p>(　) Wang and his colleagues want to create an digital and intelligent line inspection system.
			<p v-for="(item, index) in questionDataOne[1].value" :key="'select' + index">
			( <select class="select-border w10" v-model="item.userAnswer" @change="setQuestionDataOne"
			:disabled="questionDataOne[1].isComplete">
			<option v-for="(citem, cindex) in questionDataOne[1].option" :key="'option' + cindex"
			:value="citem">
			{{ citem }}
			</option>
			</select>)
			{{ item.stem }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[1].isComplete">
			</p>
			<p>(　) Wang and his colleagues use drones for checking and repairing the lines.</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[1].isShowAnswer">
			<p>
			答案：
			<span v-for="(item, index) in questionDataOne[1].value" :key="'answerTwo' + index">
			{{ item.answer }}
			</span>
			</p>
			</div>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
			have been given.</p>
			<p>One of my first c________in my job experience was the cultural difference.Different cultures
			<p>One of my first c<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[0].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">
			in my job experience was the cultural difference.Different cultures
			make people think and behave differently.“Do in Rome as the Romans do.” In the first year I
			usually communicated with my c________.I spent a lot of time keeping in c________with my
			customers and developed my cross-cultural c________.In this way,I adapted to my new working
			environment very fast,p________well and finally I a________my goals.</p>
			usually communicated with my c<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[1].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">.I spent a
			lot of time keeping in c <input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[2].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">with my
			customers and developed my cross-cultural c<input :disabled="questionDataOne[2].isComplete"
			type="text" class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[3].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">.In this
			way,I adapted to my new working
			environment very fast,p<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[4].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">well and
			finally I a<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[5].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">my goals.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataOne[2].value" :key="'answerThree' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</span>
			</p>
			</div>
			<p>B.Underline the following expressions in the passage and make sentences with them.</p>
			<p>1.set up_________________________________________</p>
			<p>2.give support_________________________________________</p>
			<p>3.under construction_________________________________________</p>
			<p>1.set up</p>
			<textarea v-model="questionDataOne[3].value[0].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>2.give support</p>
			<textarea v-model="questionDataOne[3].value[1].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>3.under construction</p>
			<textarea v-model="questionDataOne[3].value[2].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -428,18 +684,36 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.thanks to_________________________________________</p>
			<p>5.power outage_________________________________________</p>
			<p>4.thanks to</p>
			<textarea v-model="questionDataOne[3].value[3].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>5.power outage</p>
			<textarea v-model="questionDataOne[3].value[4].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
			<p>
			答案：
			</p>
			<p v-for="(item, index) in questionDataOne[3].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>1.If you want to achieve a higher working goal,you need to consider it carefully right now.
			</p>
			<p>_________________________________________________________________</p>
			<p>2.To go for technical innovation,one must have the fearless spirit of a pathbreaker.</p>
			<p>_________________________________________________________________</p>
			<p>3.You need keep in contact with your customers when some problems arise.</p>
			<p>_________________________________________________________________</p>
			<p>4.Those employees believe that challenges offer opportunities to learn.</p>
			<p>_________________________________________________________________</p>
			<div v-for="(item, index) in questionDataOne[4].value" :key="'Translate' + index">
			<p>{{ index + 1 }}.{{ item.stem }}</p>
			<p> <input :disabled="questionDataOne[4].isComplete" type="text" @input="setQuestionDataOne"
			class="input-bottom-border w95" v-model="item.userAnswer" /></p>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
			<p>
			例句：
			</p>
			<p v-for="(item, index) in questionDataOne[4].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<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"
			@@ -456,18 +730,64 @@
			</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>
			<p>1._________________________________________</p>
			<p>2._________________________________________</p>
			<p><b>The past perfect tense:</b></p>
			<p>3._________________________________________</p>
			<p>4._________________________________________</p>
			<div v-for="(item, index) in questionDataOne[5].value" :key="'pt' + index">
			<p><b>{{ item.stem }}:</b></p>
			<p> {{ item.num + 1 }}.<input :disabled="questionDataOne[5].isComplete" type="text"
			@input="setQuestionDataOne" class="input-bottom-border w90"
			v-model="item.userAnswerOne" /></p>
			<p> {{ item.num + 2 }}. <input :disabled="questionDataOne[5].isComplete" type="text"
			@input="setQuestionDataOne" class="input-bottom-border w90"
			v-model="item.userAnswerTwo" /></p>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
			<p>
			答案：
			</p>
			<div v-for="(item, index) in questionDataOne[5].value" :key="'answerFive' + index">
			<p>
			{{ item.num + 1 }}.  {{ item.answerOne }}
			</p>
			<p>
			{{ item.num + 2 }}.  {{ item.answerTwo }}
			</p>
			</div>
			</div>
			<p>B.Fill in the blanks with the proper form of the given words.</p>
			<p>1.He_____more than 20 technological innovations before he turned 35.(achieve)</p>
			<p>2.She_____(give) a lot of financial support to animal protection organizations in 2022.</p>
			<p>3.She didn’t go to bed until she_____her work.(finish)</p>
			<p>4.He_____many awards because of his hard work last year.(win)</p>
			<p>5.They_____more technologies for line repairing by 2021.(introduce)</p>
			<p v-for="(item, index) in questionDataOne[6].value" :key="'ft' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataOne" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataOne[6].value" :key="'answerFive' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c058"><span class="bjh3">Mini-project</span></h3>
			<p>List some people who are dedicated to their work,and analyze the reasons for their
			success.Jot down some notes,and then make a report to the class.</p>
			@@ -502,7 +822,8 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">Yuan Longping</td>
			<td>
			He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before.
			He was creative and started his research of hybrid rice technology,by which farmers
			can produce harvests twice as large as before.
			</td>
			</tr>
			<tr class="table-tr-bc">
			@@ -544,20 +865,229 @@
			</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>
			<p><b>Put the expressions in the box below on the corresponding answer line under each
			picture.</b></p>


			<div class="bk-wh">
			<p>no bribery　punctual　attentive　gossiping</p>
			</div>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0134-2.jpg" /></p>
			<p class="center">1._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0134-3.jpg" /></p>
			<p class="center">2._____________________</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0134-2.jpg" />
			</p>
			<p class="center">
			1.<select class="select-border w45" v-model="warmUp[0].value[0].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[0].answer }}
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0134-3.jpg" />
			</p>
			<p class="center">
			2.<select class="select-border w45" v-model="warmUp[0].value[1].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[1].answer }}
			</p>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -580,37 +1110,148 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0135-1.jpg" /></p>
			<p class="center">3._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0135-2.jpg" /></p>
			<p class="center">4._____________________</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0135-1.jpg" />
			</p>
			<p class="center">
			3.<select class="select-border w45" v-model="warmUp[0].value[2].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[2].answer }}
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0135-2.jpg" />
			</p>
			<p class="center">
			4.<select class="select-border w45" v-model="warmUp[0].value[3].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[3].answer }}
			</p>
			</div>
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleWarmUp">
			提交
			</button>
			</li>
			<li>
			<button @click="recastWarmUp" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewWarmUp" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c060"><span class="bjh3">Reading</span></h3>
			<p>1.What examples come first to mind when referring to positive or poor work ethic?</p>
			<p>2.What kind of colleagues do you want to work with?</p>
			<p>1.What examples come first to mind when referring to positive or poor work ethic?
			<span class="btn-box" @click="showAnswerFour = !showAnswerFour">
			<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.four" 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="showAnswerFour">
			答案：(1).Strong work ethics: hard working, pioneering, innovation, selflessness, bravery,
			strictness, solidarity
			(2).Poor work ethics: corruption, concealing the truth, playing tricks, dishonesty,
			</p>
			<p>2.What kind of colleagues do you want to work with?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<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.five" 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="showAnswerFive">
			答案：(1).Someone who is responsible, active, flexible, hard working.
			(2).Someone who can give me useful suggestion and advice.
			(3).Someone who can treat me equal and fair.
			(4).Someone can communicate with me openly and effectively.
			</p>
			<p class="center"><b>Work Ethic in the Workplace</b></p>
			<p class="center"> <audio :src="resource.readingTwo" controls
			<p class="center"> <audio :src="resource.readingThree" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
			></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs
			<span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
			what is and isn’t
			acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
			views of employees,their motivation,and overall company culture.</p>
			<p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
			<p><b>Example</b> 1</p>
			<p>Angela’s director asked her to sort out data about the patients and
			insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
			<span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
			.Unfortunately,Angela isn’t very familiar with processing certain insurance
			<span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
			.
			</p>
			<p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
			the insurance department and consults her director.</p>
			<p>In the process,she expands her skills to make sure she meets her goals.</p>
			<p><b>Example</b> 2</p>
			<p>Jim’s director asked him to review the financial reports from last quarter to look for
			purchases from one guest.The director gave him this task about a month ago and asked him to
			<span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
			from one guest.The director gave him this task about a month ago and asked him to
			complete it within a few weeks.</p>
			<p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
			early,he leaves it to the last minute and turns in an incomplete report.</p>
			<p><b>Example</b> 3</p>
			<p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
			addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
			<p>Sheila is sometimes
			<span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
			by the tasks assigned by her director.However,she never
			<span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
			her
			<span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
			to the director.Instead,she complains to her coworkers,friends,and
			</p>
			</div>
			</div>
			@@ -642,7 +1283,9 @@
			for half an hour or even longer.</p>
			<p>Instead of trying hard to change the current situation,he makes various excuses for being
			late.</p>
			<p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
			<p>His
			<span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
			delay shows a lack of respect for his job and coworkers.His coworkers think of
			him as being unreliable and irresponsible as a result.</p>
			<p>The above examples represent a set of working attitudes that regulate employees’ behavior at
			work.And what can you do to develop strong work ethic?</p>
			@@ -650,9 +1293,10 @@
			<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>
			<p>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			</p>
			<p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于；至于</p>
			<div class="bkbj">
			<p><i>concerning sb./sth.; about sb./sth.</i></p>
			@@ -688,8 +1332,14 @@
			<div class="bkbj">
			<p><i>happening all the time or repeatedly</i></p>
			</div>
			<p>depend on 依靠；依赖</p>
			<p>sort out 理顺；整理</p>
			<div class="fl">
			<div class="left" style="width: 48%;">
			<p>depend on 依靠；依赖</p>
			</div>
			<div class="right" style="width: 48%;">
			<p>sort out 理顺；整理</p>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -712,28 +1362,124 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>give up 放弃</p>
			<p>address sth.to sb. 向某人说某事</p>
			<p>turn in 上交</p>
			<div class="fl">
			<div class="left" style="width: 48%;">
			<p>give up 放弃</p>
			<p>address sth.to sb. 向某人说某事</p>
			</div>
			<div class="right" style="width: 48%;">
			<p>turn in 上交</p>
			</div>
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Match the names in the left column with their behavior in the right column.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
			<div>
			<ul class="fl ju-bt matching-title-text">
			<li style="width: 40%; text-align: center">Name</li>
			<li style="width: 40%; text-align: center">Behavior</li>
			</ul>
			<matching :rawData="rawData" :question="question"></matching>
			</div>
			<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">
			<p>bother　complain　constant　address　regarding</p>
			</div>
			<p>1.Call me if you have any problems_____your work.</p>
			<p>2.Two questions often_____first-time corporate investors.</p>
			<p>3.Babies need_____attention.</p>
			<p>4.She_____to me about his rudeness.</p>
			<p>5.Please_____all complaints to the manager.</p>
			<p v-for="(item, index) in questionDataTwo[0].value" :key="'fbOne' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataTwo[0].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataTwo" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[0].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataTwo[0].value" :key="'fbThree' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<p>B.Underline the following expressions in the passage and make sentences with them.</p>
			<p>1.depend on_________________________________________</p>
			<p>2.sort out_________________________________________</p>
			<p>1.depend on</p>
			<textarea v-model="questionDataTwo[1].value[0].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>2.sort out</p>
			<textarea v-model="questionDataTwo[1].value[1].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -756,9 +1502,26 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>3.give up_________________________________________</p>
			<p>4.turn in_________________________________________</p>
			<p>5.address ...to ..._____________________________</p>
			<p>3.give up</p>
			<textarea v-model="questionDataTwo[1].value[2].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>4.turn in</p>
			<textarea v-model="questionDataTwo[1].value[3].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>5.address ...to ...</p>
			<textarea v-model="questionDataTwo[1].value[4].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[1].isShowAnswer">
			<p>
			例句：
			</p>
			<p v-for="(item, index) in questionDataTwo[1].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<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"
			@@ -779,11 +1542,42 @@
			<p>1.We must double our efforts,or we will never be able to catch up with the others.</p>
			<p>2.The camerawork is perfect,and the cast is good.</p>
			</div>
			<p>1.I’d like to go to the theatre tonight,_____I’m too busy.</p>
			<p>2.Your delay shows a lack of respect for the job_____fellow coworkers.</p>
			<p>3.Work ethic can be strong_____poor.</p>
			<p>4.She is bothered by the tasks,_____she never complains.</p>
			<p>5.All the employees should show up on time_____even earlier.</p>
			<p v-for="(item, index) in questionDataTwo[2].value" :key="'fbTwo' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataTwo[2].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataTwo" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[2].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[2].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataTwo[2].value" :key="'fbFour' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataTwo" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c061"><span class="bjh3">Mini-project</span></h3>
			<p>Work in groups.Choose two of the work ethic from the box below,and discuss the way to develop
			them,and then prepare a report to the class.</p>
			@@ -791,7 +1585,31 @@
			<p>faithfulness　initiative　innovation　selflessness　bravery　rigor　teamwork　fortitude</p>
			</div>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Work Ethic</td>
			<td class="tl-cn" style="width:90%;">The Way to Develop lt</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Honesty</td>
			<td>
			Don't tell/ies. IfI make a mistake, I will admit it and correet it.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.fifteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.sixteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>

			</table>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -814,31 +1632,257 @@
			<!-- 内容 -->
			<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
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<h3 id="c062" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			</h3>
			<p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
			for being late.</b></p>
			<p>□ His car broke down.</p>
			<p>□ His car was borrowed.</p>
			<p>□ His clock was broken.</p>
			<p>□ His phone was out of service.</p>
			<p>□ His phone was out of battery.</p>
			<p>□ He didn’t get on the subway.</p>
			<p>□ He was ill.</p>
			<p>□ He was squeezed out of the bus.</p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<ul class="fl">
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
			:key="'checkBox' + index">
			<input type="checkbox" :value="item" name="item"
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(4, 8)"
			:key="'checkBoxOne' + index">
			<input type="checkbox" :value="item" name="item"
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			</ul>
			<p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
			conversation and fill in the blanks with what you hear.</b></p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>Susan:Have you noticed Jeff has been late many times?</p>
			<p>Jenny:Yes,I want to have a talk with you about this.</p>
			<p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
			about this?</p>
			<p>Jenny:I think Jim must have already talked with Jeff.But maybe Jeff doesn’t pay attention.
			</p>
			<p>Susan:So,1._____?</p>
			<p>Susan:So,1. <input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[0].userAnswer" />?
			<img :src="questionDataThree[1].value[0].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:I suppose we should give a warning notice to Jeff about his tardiness.</p>
			</div>
			</div>
			@@ -862,27 +1906,132 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>Susan:2._____if I talked with his director first to get to know things better.</p>
			<p>Jenny:And perhaps we should have a talk with Jeff.</p>
			<p>Susan: I think so.3._____.It is very important to let him know how serious the problem is.
			<p>Susan:2.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[1].userAnswer" />if I talked with his director first
			to get to know things better.
			<img :src="questionDataThree[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:4._____.</p>
			<p>Susan:Then after the talk,we 5._____to Jeff.</p>
			<p>Jenny:And perhaps we should have a talk with Jeff.</p>
			<p>Susan: I think so.3.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[2].userAnswer" />.It is very important to let him
			know how serious the problem is.
			<img :src="questionDataThree[1].value[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:4.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[3].userAnswer" />.
			<img :src="questionDataThree[1].value[3].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Susan:Then after the talk,we 5.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[4].userAnswer" />to Jeff.
			<img :src="questionDataThree[1].value[4].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won’t make the same mistake again in
			the future.</p>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataThree">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataThree" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataThree" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c063"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.What kind of notices have you ever read?</p>
			<p>2.Can you give some tips for writing a notice well?</p>
			<p><b>Ⅰ.Read the following tips,and summarize how to write a notice well.</b></p>
			<p>1.What kind of notices have you ever read?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<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.five" 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="showAnswerFive">
			答案：A notice for a meeting/activity/exam/lost and found/important announcement
			</p>
			<p>2.Can you give some tips for writing a notice well?
			<span class="btn-box" @click="showAnswerSix = !showAnswerSix">
			<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.six" 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="showAnswerSix">
			答案：(1) Very short and attractive
			(2) Simple and easy-to-read
			(3) Very short and attractive
			(4) Only key information
			</p>
			<p><b>Ⅰ.Read the following tips,and summarize how to write a notice well.</b>
			<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
			<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>A notice intends to publicize social events,inform staff of instructions,give
			information,change plans,etc.Most notices have the following features.</p>
			<div class="fieldset">
			<p>◆ Very short and attractive</p>
			<p>◆ Simple and easy-to-read</p>
			<p>◆ Clear and specific</p>
			<p>◆ Boldfaced words</p>
			<p class="center"><img class="img-g" alt="" src="../../assets/images/0140-1.jpg" /></p>
			information,change
			plans,etc.Most notices have the following features.</p>
			<div class="fieldset fl">
			<div class="w45">
			<p>◆ Very short and attractive</p>
			<p>◆ Simple and easy-to-read</p>
			<p>◆ Clear and specific</p>
			<p>◆ Boldfaced words</p>
			</div>
			<div class="fl w45 al-cn">
			<img class="img-b" alt="" src="../../assets/images/0140-1.jpg" />
			</div>
			</div>
			<p> <textarea v-model="questionData.tx.seven" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerSeven">
			<p class="tl-lf">答案：</p>
			<p>1. A notice should be very short and attractive, capturing attention effectively.
			</p>
			<p>2. It should be simple and easy-to-read, ensuring that the message is easily understood.
			</p>
			<p>3. A notice should be clear and specific, leaving no room for confusion or
			misinterpretation.
			</p>
			<p>4. Important information or keywords should be emphasized using boldfaced words for
			better visibility and emphasis.
			</p>
			</div>
			<p><b>Ⅱ.Susan is going to issue a personnel warning notice to Jeff.Choose the items from the box
			below and fill in the blanks to make a proper notice.</b></p>
			@@ -925,27 +2074,105 @@
			</div>
			<div class="bk-13">
			<p>Dear Jeff Bell,</p>
			<p>Your HR department has been informed by your director that_____do not comply with Tech
			Market Technology Company’s policies:</p>
			<p class="tl-lf">Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">
			do not comply with Tech
			Market Technology Company’s policies:
			</p>
			<p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
			<p>_____on January 17th,2023.</p>
			<p>The following consequences,_____,will be applied,should you not demonstrate improvement
			<p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
			<p class="tl-lf">The following consequences,
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
			or cease violation of company policies:</p>
			<p>1.Second warning notice issued</p>
			<p>2._____</p>
			<p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete"></p>
			<p>3.Third and final warning notice followed by an in-person meeting</p>
			<p>4.Termination of employment</p>
			<p>We will do whatever to_____.</p>
			<p class="tl-lf">We will do whatever to
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">.</p>
			<p>Supervisor’s signature:Jim Marche</p>
			<p>Date:1/31/23</p>
			</div>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b></p>
			<div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
			<div>
			<p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
			{{index+1}}.{{item.answer}}
			</p>
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleWarmUpOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastWarmUpOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewWarmUpOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b>
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			<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>1.used who everyone should coffee it the clean machine</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eight" /></p>
			<p>2.to the this are welcome lecture attend all staff</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.nine" /></p>
			<p>3.due weather the badminton the to competition canceled be will</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.ten" /></p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -969,29 +2196,57 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.gate school gather for the 8 at o’clock examination at will the we</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eleven" /></p>
			<p>5.held will meeting contest in at be room tomorrow 9 p.m.the</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twelve" /></p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerEight">
			<p class="tl-lf table-p">答案：</p>
			<p>1.Everyone who used the coffee machine should clean it.
			</p>
			<p>2.All the staff are welcome to attend the lecture.
			</p>
			<p>3.Due to the weather the badminton competition will be canceled.
			</p>
			<p>4. We will gather at the gate at 8 o’clock for examination.
			</p>
			<p>5. Contest will be held in the meeting room at 9 p.m. tomorrow.
			</p>
			</div>
			<p><b>Ⅳ.Susan,HR director,is responsible for writing a warning notice to Jason who delayed
			handling in a very important report.</b></p>
			handling in a very important report.</b>
			<span class="btn-box" @click="showAnswerNine = !showAnswerNine">
			<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>
			<div class="fieldset-4">
			<p class="left">Tech Market Technology Co.</p>
			<p class="left">Warning 1</p>
			<p class="left">Employee’s Name:</p>
			<p class="left">Employee’s Name:<input type="text" @input="setBookQuestion"
			class="input-bottom-border w20" v-model="questionData.tx.thirteen" /></p>
			<p class="left">Supervisor’s Name: Jim Marche</p>
			<p class="left">HR Representative’s Name: Susan Landen</p>
			<p class="left">Date:</p>
			<p class="left">Date:<input type="text" @input="setBookQuestion"
			class="input-bottom-border w20" v-model="questionData.tx.fourteen" /></p>
			<p><br /></p>
			<p class="left">Dear Jason,</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left"><textarea v-model="questionData.tx.fifteen" placeholder="请输入内容" rows="6"
			style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea></p>
			<p class="left">Supervisor’s signature: Jim Marche</p>
			<p class="left">Date:1/31/23</p>
			</div>
			<div class="show-answer-box" v-if="showAnswerNine">
			<div>答案:</div>
			<div>
			<img src="../../assets/images/M7lessonThreePracticalWriting.png" alt="" class="w100" />
			</div>
			</div>
			<div class="un-h2">
			<h2 id="b028">Unit Project</h2>
			@@ -1023,7 +2278,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’s 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’concerns,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">
			@@ -1047,14 +2467,20 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>Task 2:</b>List the possible impact the above behavior will have on a company.</p>
			<p>1.____________________________________________</p>
			<p>2.____________________________________________</p>
			<p>3.____________________________________________</p>
			<p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.sixteen" /></p>
			<p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.seventeen" /></p>
			<p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eighteen" /></p>
			<p><b>Task 3:</b>List at least three strong work ethic you should develop and the tips for
			developing them.</p>
			<p>1.____________________________________________</p>
			<p>2.____________________________________________</p>
			<p>3.____________________________________________</p>
			<p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.nineteen" /></p>
			<p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twenty" /></p>
			<p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twentyOne" /></p>
			<div class="fieldset-9">
			<p class="center"><b>Useful Expressions</b></p>
			<p><b>Strong work ethic you should develop:</b></p>
			@@ -1073,6 +2499,153 @@
			<p>Passiveness</p>
			<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>
			@@ -1096,6 +2669,8 @@
			},
			data() {
			return {
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			imgThirteen: require("../../assets/images/grammar7-1.png"),
			imgThirteenOne: require("../../assets/images/grammar7-2.png"),
			showAnswerOne: false,
			@@ -1103,6 +2678,10 @@
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnswerSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			@@ -1110,37 +2689,37 @@
			left: [
			{
			oldId: "FB34",
			txt: "Martin　　　　Silk",
			txt: "Angela",
			},
			{
			oldId: "64D6",
			txt: "Jessica　　The Great Wall",
			txt: "Jim",
			},
			{
			oldId: "2ED4",
			txt: "Soren　　Chinese Food",
			txt: "Sheila",
			},
			{
			oldId: "44DE",
			txt: "Chinese　　　　Tea",
			txt: "Jefff",
			},
			],
			right: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			txt: "delaying his financial report for a month",
			},
			{
			oldId: "FB34",
			txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			},
			{
			oldId: "2ED4",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "learning some new skills about insurance",
			},
			{
			oldId: "44DE",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "almost never showing up at the ofce on time",
			},
			{
			oldId: "2ED4",
			txt: "always complaining about her tasks to others",
			},
			],
			},
			@@ -1152,26 +2731,26 @@
			{
			id: "FB34",
			linkValue:
			"The clothing material is quite popular among Roman women inancient times.",
			value: "Silk",
			"learning some new skills about insurance",
			value: "Angela",
			},
			{
			id: "64D6",
			linkValue:
			"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			value: "The Great Wall",
			"delaying his financial report for a month",
			value: "Jim",
			},
			{
			id: "2ED4",
			linkValue:
			"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			value: "Chinese Food",
			"always complaining about her tasks to others",
			value: "Sheila",
			},
			{
			id: "44DE",
			linkValue:
			"It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			value: "Chinese Tea",
			"almost never showing up at the ofce on time",
			value: "Jeff",
			},
			],
			optionStyle: undefined,
			@@ -1180,37 +2759,37 @@
			linkValues: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			},
			{
			oldId: "44DE",
			txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
			txt: "delaying his financial report for a month",
			},
			{
			oldId: "FB34",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "learning some new skills about insurance",
			},
			{
			oldId: "44DE",
			txt: "almost never showing up at the ofce on time",
			},
			{
			oldId: "2ED4",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "always complaining about her tasks to others",
			},
			],
			values: [
			{
			oldId: "FB34",
			txt: "Martin Silk",
			txt: "Angela",
			},
			{
			oldId: "64D6",
			txt: "The Great Wall",
			txt: "Jim",
			},
			{
			oldId: "2ED4",
			txt: "Chinese Food",
			txt: "Sheila",
			},
			{
			oldId: "44DE",
			txt: "Chinese Tea",
			txt: "Jefff",
			},
			],
			},
			@@ -1222,45 +2801,43 @@
			titleDescription: "1",
			userChoise: [],
			value: [],
			answerImg: require("../../assets/images/matching-one.png"),
			answerImg: require("../../assets/images/M7matching-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: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			},
			ip: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			seven: "",
			eight: "",
			nine: "",
			ten: "",
			},
			table: {
			one: "",
			@@ -1270,8 +2847,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: {
			@@ -1328,53 +2938,537 @@
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: "",
			},
			dropDownList: [
			"HR Department",
			"R&D Department",
			"CEO office",
			"Finance Department",
			"Produetion Department",
			"Marketing Department",
			"Administration office",
			],
			//new
			dropdownData: {
			one: {
			value: "",
			isRight: null,
			answer: "Administration office",
			},
			two: {
			value: "",
			isRight: null,
			answer: "HR department",
			},
			three: {
			value: "",
			isRight: null,
			answer: "Marketing department",
			},
			four: {
			value: "",
			isRight: null,
			answer: "R & D department",
			},
			five: {
			value: "",
			isRight: null,
			answer: "Finance department",
			},
			six: {
			value: "",
			isRight: null,
			answer: "CEO office",
			},
			seven: {
			value: "",
			isRight: null,
			answer: "Production department",
			},
			isComplete: false,
			dp: {
			dropDownList: [
			"HR department",
			"R & D department",
			"CEO office",
			"Finance department",
			"Production department",
			"Marketing department",
			"Administration office",
			],
			one: {
			value: "",
			isRight: null,
			answer: "Administration office",
			},
			two: {
			value: "",
			isRight: null,
			answer: "HR department",
			},
			three: {
			value: "",
			isRight: null,
			answer: "Marketing department",
			},
			four: {
			value: "",
			isRight: null,
			answer: "R & D department",
			},
			five: {
			value: "",
			isRight: null,
			answer: "Finance department",
			},
			six: {
			value: "",
			isRight: null,
			answer: "CEO office",
			},
			seven: {
			value: "",
			isRight: null,
			answer: "Production department",
			},
			}


			},
			questionDataOne: [
			{
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne: 'Wang takes a high-risk job on high-voltage power lines as',
			stemTwo: '.',
			answer: 'a team leader',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'Wang Jin felt',
			stemTwo: 'when he first touched the power line.',
			answer: '(really) scared',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'Wang finished the world’s first repair work on a 660-kilovolt',
			stemTwo: '.',
			answer: 'live-transmission line',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'The innovation center uses',
			stemTwo: 'for line inspection and maintenance.',
			answer: 'drones and operators',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'By 2020,a total of 35 UHV projects had been completed or',
			stemTwo: '.',
			answer: 'were under construction',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type: 'select',
			isShowAnswer: false,
			isComplete: false,
			option: ['1', '2', '3', '4', '5'],
			value: [
			{
			stem: 'Wang got one of the highest national awards for his superior performance.',
			answer: '3',
			userAnswer: '',
			isRight: null

			},
			{
			stem: 'Wang and his colleagues set up an innovation center to meet new work demand.',
			answer: '1',
			userAnswer: '',
			isRight: null
			},
			{
			stem: 'Wang was really afraid when he first touched the ultra-high-voltage line.',
			answer: '2',
			userAnswer: '',
			isRight: null
			},
			{
			stem: 'Wang and his colleagues want to create an digital and intelligent line inspection system..',
			answer: '5',
			userAnswer: '',
			isRight: null
			},
			{
			stem: 'Wang and his colleagues use drones for checking and repairing the lines.',
			answer: '4',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type: 'fill',
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			answer: 'challenges',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'coworkers',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'contact',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'capacities',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'performed',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'achieved',
			userAnswer: '',
			isRight: null,
			},
			]

			},
			{
			type: 'text',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer: "",
			answer: "The command post was set up in a forward position."
			},
			{
			userAnswer: "",
			answer: "My family members give me many supports for my study."
			},
			{
			userAnswer: "",
			answer: "In China, many projects are under construction in rural areas."
			},
			{
			userAnswer: "",
			answer: "Thanks to my insistence, I finally climbed the mountain."
			},
			{
			userAnswer: "",
			answer: "We rarely suffer power outage in recent 10 years in big cities. "
			},
			]
			},
			{
			type: 'text',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem: "If you want to achieve a higher working goal,you need to consider it carefully right now.",
			userAnswer: "",
			answer: "如果你想达到更高的工作目标，现在就要仔细思考。"
			},
			{
			stem: "To go for technical innovation,one must have the fearless spirit of a pathbreaker.",
			userAnswer: "",
			answer: "搞技术革新就要有一股不怕困难的闯劲。"
			},
			{
			stem: "You need keep in contact with your customers when some problems arise.",
			userAnswer: "",
			answer: "当出现一些问题时，你需要与你的客户保持联系。"
			},
			{
			stem: "Those employees believe that challenges offer opportunities to learn.",
			userAnswer: "",
			answer: "那些员工相信挑战给他们提供了学习的机会。"
			},
			]
			},
			{
			type: 'text',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			num: 0,
			stem: "The simple past tense:",
			userAnswerOne: "",
			userAnswerTwo: "",
			answerOne: "He touched the power line.",
			answerTwo: "Wang felt dizzy.",
			},
			{
			num: 2,
			stem: "The past perfect tense:",
			userAnswerOne: "",
			userAnswerTwo: "",
			answerOne: "Wang Jin had achieved more than 30 technological innovations.",
			answerTwo: "A total of 35 UHV projects had been completed.",
			},

			]
			},
			{
			type: "fills",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne: 'He',
			stemTwo: 'more than 20 technological innovations before he turned 35.(achieve)',
			answer: 'had achieved',
			userAnswer: ''
			},
			{
			stemOne: 'She',
			stemTwo: '(give) a lot of financial support to animal protection organizations in 2022.',
			answer: 'gave',
			userAnswer: ''
			},
			{
			stemOne: 'She didn’t go to bed until she',
			stemTwo: 'her work.(finish)',
			answer: 'had finished',
			userAnswer: ''
			},
			{
			stemOne: 'He',
			stemTwo: 'many awards because of his hard work last year.(win)',
			answer: 'won',
			userAnswer: ''
			},
			{
			stemOne: 'They',
			stemTwo: 'more technologies for line repairing by 2021.(introduce)',
			answer: 'had introduced',
			userAnswer: ''
			},
			]
			},
			],
			warmUp: [
			{
			type: "select",
			isComplete: false,
			isShowAnswer: false,
			option: ["no bribery", "punctual", "attentive", "gossiping"],
			value: [
			{
			answer: 'attentive',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'gossiping',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'no bribery',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'punctual',
			userAnswer: '',
			isRight: null,
			},
			]
			}
			],
			questionDataTwo: [
			{
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne: 'Call me if you have any problems',
			stemTwo: 'your work.',
			answer: 'regarding',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'Two questions often',
			stemTwo: 'first-time corporate investors.',
			answer: 'bother',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'Babies need',
			stemTwo: 'attention.',
			answer: 'constant',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'She',
			stemTwo: 'to me about his rudeness.',
			answer: 'addressed',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne: 'Please',
			stemTwo: 'all complaints to the manager.',
			answer: 'complain',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type: 'text',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer: "",
			answer: "It depends on personal views of employees, their motivation, and overall company culture."
			},
			{
			userAnswer: "",
			answer: "Angela’s director asked her to sort out data about the patients and insurance."
			},
			{
			userAnswer: "",
			answer: "Rather than giving up, Angela decides to expand her skills."
			},
			{
			userAnswer: "",
			answer: "Rather than starting early, he leaves it to the last minute and turns in an incomplete report. "
			},
			{
			userAnswer: "",
			answer: "However, she never addresses her complaints to the director."
			},
			]
			},
			{
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne: 'I’d like to go to the theatre tonight,',
			stemTwo: 'I’m too busy.',
			answer: 'but',
			userAnswer: ''
			},
			{
			stemOne: 'Your delay shows a lack of respect for the job',
			stemTwo: 'fellow coworkers.',
			answer: 'and',
			userAnswer: ''
			},
			{
			stemOne: 'Work ethic can be strong',
			stemTwo: 'poor.',
			answer: 'or',
			userAnswer: ''
			},
			{
			stemOne: 'She is bothered by the tasks,',
			stemTwo: 'she never complains.',
			answer: 'but',
			userAnswer: ''
			},
			{
			stemOne: 'All the employees should show up on time',
			stemTwo: 'even earlier.',
			answer: 'or',
			userAnswer: ''
			},
			]
			},
			],
			questionDataThree: [
			{
			type: "checkBox",
			isComplete: false,
			isShowAnswer: false,
			option: [
			"His car broke down.",
			"His clock was broken.",
			"His phone was out of battery.",
			"He was ill.",
			"His car was borrowed.",
			"His phone was out of service.",
			"He didn’t get on the subway.",
			"He was squeezed out of the bus.",
			],
			answer: [
			"His car broke down.",
			"His clock was broken.",
			"His phone was out of battery.",
			"He didn’t get on the subway.",
			"He was squeezed out of the bus.",
			],
			userAnswer: [

			]
			},
			{
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer: 'what is your suggestion',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'It would be better',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'Your suggestion sounds like a good idea',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'I agree with you',
			userAnswer: '',
			isRight: null
			},
			{
			answer: 'will release a warning notice',
			userAnswer: '',
			isRight: null
			},
			]
			},
			],
			warmUpOne: [
			{
			type: "select",
			isComplete: false,
			isShowAnswer: false,
			option: [
			"in order of escalation",
			"you have committed the following actions",
			"you received a verbal warning",
			"help you improve your performance to meet our quality standards",
			"job suspension without pay for one workweek",
			],
			value: [
			{
			answer: 'you have committed the following actions ',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'you received a verbal warning',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'in order of escalation',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'job suspension without pay for one workweek',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'help you improve your performance to meet our quality standards',
			userAnswer: '',
			isRight: null,
			},
			]
			}
			],
			};
			},
			mounted() {
			@@ -1382,17 +3476,54 @@
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			const bookQuestion = localStorage.getItem("english-book-chapter07-question-one");
			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);
			}

			const questionDataOne = localStorage.getItem("english-chapter-7-questionDataOne");
			if (questionDataOne) {
			this.questionDataOne = JSON.parse(questionDataOne);
			}

			const warmUp = localStorage.getItem("english-chapter-7-warmUp");
			if (warmUp) {
			this.warmUp = JSON.parse(warmUp);
			}

			const warmUpOne = localStorage.getItem("english-chapter-7-warmUpOne");
			if (warmUpOne) {
			this.warmUpOne = JSON.parse(warmUpOne);
			}

			const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
			if (questionDataTwo) {
			this.questionDataTwo = JSON.parse(questionDataTwo);
			}

			const questionDataThree = localStorage.getItem("english-chapter-7-questionDataThree");
			if (questionDataThree) {
			this.questionDataThree = JSON.parse(questionDataThree);
			}
			this.getPath();
			},
			methods: {
			isTextRight(answer, data, num) {
			let flag = null;
			answer[num] ? flag = answer[num] == data : flag = false;
			return flag;
			},
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			flag = answer.indexOf(data) > -1 ? true : false;
			}
			return flag;
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			@@ -1455,19 +3586,31 @@
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			"english-book-chapter07-question-one",
			JSON.stringify(this.questionData)
			);
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			"422139A2EF66EA888C5ED1D550AE23E0"
			"20D9B02E3B0C95E7CD524224C57E643A"
			);
			this.resource.readingOne = await getResourcePath(
			"3F442B682D84C8AB06C800B29D734920"
			"01A4E8C1E8E2801EF48DDBBA3E4A30BD"
			);
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			"8D5057637DBB959B365E38360121FB41"
			);
			this.resource.readingThree = await getResourcePath(
			"113D24C2D701120C0F6283A72F9F4366"
			);
			this.resource.readingFour = await getResourcePath(
			"DE0C4081FE1FFE2374EDB989609B25E9"
			);
			this.resource.listenTwo = await getResourcePath(
			"DB59D9F65B437605F766F7975026B61D"
			);
			this.resource.listenThree = await getResourcePath(
			"53543E43DC90215C21CFC432D46CAB18"
			);
			},
			showAnswer(type) {
			@@ -1511,61 +3654,244 @@
			: (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;
			audioPlay() {
			this.$emit("closeMiniAudio");
			},
			changeDropdown() {
			localStorage.removeItem("english-dropdown-one");
			for (let key in this.dropdownData) {
			const item = this.dropdownData[key];
			item.value = "";
			item.isRight = null;
			}
			},
			//new
			setDropdownData() {
			localStorage.setItem(
			"english-dropdown-one",
			"english-chapter-7-warmup-dropdown",
			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]
			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();
			},
			handleQuestionDataOne() {
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			if (item.type == "fill" \|\| item.type == "select") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			}
			},
			setQuestionDataOne() {
			localStorage.setItem(
			"english-chapter-7-questionDataOne",
			JSON.stringify(this.questionDataOne)
			);
			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)
			},
			recastQuestionDataOne() {
			localStorage.removeItem("english-chapter-7-questionDataOne");
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			if (item.type == "fill" \|\| item.type == "select") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}
			} else {
			for (let dindex = 0; dindex < item.value.length; dindex++) {
			const ditem = item.value[dindex];
			ditem.userAnswer = "";
			ditem.userAnswerOne = "";
			ditem.userAnswerTwo = "";
			}
			}
			}
			},
			viewQuestionDataOne() {
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleWarmUp() {
			for (let index = 0; index < this.warmUp.length; index++) {
			const item = this.warmUp[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			},
			setWarmUp() {
			localStorage.setItem(
			"english-chapter-7-warmUp",
			JSON.stringify(this.warmUp)
			);
			},
			recastWarmUp() {
			localStorage.removeItem("english-chapter-7-warmUp");
			for (let index = 0; index < this.warmUp.length; index++) {
			const item = this.warmUp[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}

			}
			},
			viewWarmUp() {
			for (let index = 0; index < this.warmUp.length; index++) {
			const item = this.warmUp[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			},
			setWarmUpOne() {
			localStorage.setItem(
			"english-chapter-7-warmUpOne",
			JSON.stringify(this.warmUpOne)
			);
			},
			recastWarmUpOne() {
			localStorage.removeItem("english-chapter-7-warmUpOne");
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}

			}
			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");
			viewWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},

			handleQuestionDataTwo() {
			for (let index = 0; index < this.questionDataTwo.length; index++) {
			const item = this.questionDataTwo[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			if (item.type == "fill") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			}
			},
			setQuestionDataTwo() {
			localStorage.setItem(
			"english-chapter-7-questionDataTwo",
			JSON.stringify(this.questionDataTwo)
			);
			},
			recastQuestionDataTwo() {
			localStorage.removeItem("english-chapter-7-questionDataTwo");
			for (let index = 0; index < this.questionDataTwo.length; index++) {
			const item = this.questionDataTwo[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			if (item.type == "fill") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}
			} else {
			for (let dindex = 0; dindex < item.value.length; dindex++) {
			const ditem = item.value[dindex];
			ditem.userAnswer = "";
			}
			}
			}
			},
			viewQuestionDataTwo() {
			for (let index = 0; index < this.questionDataTwo.length; index++) {
			const item = this.questionDataTwo[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleQuestionDataThree() {
			for (let index = 0; index < this.questionDataThree.length; index++) {
			const item = this.questionDataThree[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			if (item.type == "fill") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			}
			console.log(this.questionDataThree, 111);
			},
			setQuestionDataThree() {
			localStorage.setItem(
			"english-chapter-7-questionDataThree",
			JSON.stringify(this.questionDataThree)
			);
			},
			recastQuestionDataThree() {
			localStorage.removeItem("english-chapter-7-questionDataThree");
			for (let index = 0; index < this.questionDataThree.length; index++) {
			const item = this.questionDataThree[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			if (item.type == "fill") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}
			} else {
			item.userAnswer = [];
			}
			}
			},
			viewQuestionDataThree() {
			for (let index = 0; index < this.questionDataThree.length; index++) {
			const item = this.questionDataThree[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			},
			};