testbookLayout.git

			@@ -26,10 +26,7 @@
			<div v-if="showPageList.indexOf(104) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -44,10 +41,8 @@
			</h2>
			<h3 id="c046"><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
			>
			<b>Ⅰ.Put the expressions in the box below on the corresponding
			answer line under each picture.</b>
			</p>
			<div class="bk-wh">
			<p>open plan office　cubicles　private office　SOHO</p>
			@@ -61,10 +56,11 @@
			<select class="select-border" v-model="dropDownOne[0].value[0].userAnswer" @change="saveDropdoenOne"
			:disabled="dropDownOne[0].isComplete">
			<option v-for="(item, index) in dropDownOne[0].option" :key="'change' + index" :value="item">
			{{ item}}
			{{ item }}
			</option>
			</select>
			<img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			<img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			@@ -74,11 +70,12 @@
			<p class="center">2.
			<select class="select-border" v-model="dropDownOne[0].value[1].userAnswer" @change="saveDropdoenOne"
			:disabled="dropDownOne[0].isComplete">
			<option v-for="(item, index) in dropDownOne[0].option" :key=" 'ones' +index" :value="item">
			{{ item}}
			<option v-for="(item, index) in dropDownOne[0].option" :key="'ones' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			<img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			@@ -89,10 +86,11 @@
			<select class="select-border" v-model="dropDownOne[0].value[2].userAnswer" @change="saveDropdoenOne"
			:disabled="dropDownOne[0].isComplete">
			<option v-for="(item, index) in dropDownOne[0].option" :key="'noce' + index" :value="item">
			{{ item}}
			{{ item }}
			</option>
			</select>
			<img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			<img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			@@ -106,49 +104,49 @@
			{{ item }}
			</option>
			</select>
			<img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			<img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="dropDownOne[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in dropDownOne[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in dropDownOne[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handledropDownOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastdropDownOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewdropDownOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handledropDownOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastdropDownOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewdropDownOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p>
			<b
			>Ⅱ.Pick up the words in the box below to describe the work
			environment you love and explain your reasons.</b
			>
			<b>Ⅱ.Pick up the words in the box below to describe the work
			environment you love and explain your reasons.</b>
			</p>
			<div class="bk-wh">
			<p>caring, supportive, privacy, friendly, freedom, flexible</p>
			</div>
			<ul>
			<li v-for="(item,index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px">
			<span class="tl-right" style="width:20%">{{item.stem}}</span>
			<textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea>
			<li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn"
			style="margin-bottom:10px">
			<span class="tl-right" style="width:20%">{{ item.stem }}</span>
			<textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			</li>
			</ul>
			</div>
			@@ -166,9 +164,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -177,42 +173,24 @@
			<h3 id="c047" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio
			:src="resource.listenOne"
			controls
			controlslist="noplaybackrate nodownload"
			class="audio"
			></audio>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</h3>
			<p>
			<b
			>Four interns are talking about the work environment they
			<b>Four interns are talking about the work environment they
			like.Listen to the recording and fill in the blanks with what
			you hear.</b
			>
			you hear.</b>
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
			<td>
			I would prefer working in an interesting and professional
			environment where everybody works hard and helps each other to
			succeed as a l.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="listenTable[0].value[0].userAnswer"
			@input="savelistenTable"
			/>
			<img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
			<input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" />
			<img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="listenTable[0].isComplete">
			</td>
			</tr>
			<tr class="table-tr-bc">
			@@ -220,25 +198,15 @@
			<td>
			For me, I prefer the workplace that gives me enough space to
			grow, There should be good 2.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="listenTable[0].value[1].userAnswer"
			@input="savelistenTable"
			/>
			<img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
			<input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" />
			<img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="listenTable[0].isComplete">
			and mutual 3.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="listenTable[0].value[2].userAnswer"
			@input="savelistenTable"
			/>
			<img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
			<input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" />
			<img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="listenTable[0].isComplete">
			between each team member.
			</td>
			</tr>
			@@ -247,99 +215,84 @@
			<td>
			I'd like to work in an environment that gives me learning
			opportunities as well as spacefor personal 4.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="listenTable[0].value[3].userAnswer"
			@input="savelistenTable"
			/>
			<img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
			<input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" />
			<img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="listenTable[0].isComplete">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Li Tao</td>
			<td>
			I hope it's a workplace where there is 5.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="listenTable[0].value[4].userAnswer"
			@input="savelistenTable"
			/>
			<img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
			<input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" />
			<img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="listenTable[0].isComplete">
			for people's ideas as well as appreciationfor good work and
			elfort.
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenTable[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenTable[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in listenTable[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handlelistenTable">
			提交
			</button>
			</li>
			<li>
			<button @click="recastlistenTable" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewlistenTable" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handlelistenTable">
			提交
			</button>
			</li>
			<li>
			<button @click="recastlistenTable" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewlistenTable" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c048"><span class="bjh3">Reading</span></h3>
			<p>
			1.What makes a positive work environment?
			<span class="btn-box" @click="showNoSubmitAnswer(1,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<span class="btn-box" @click="showNoSubmitAnswer(1, 0)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer">
			答案：{{noSubmitData[1].value[0].answer}}
			答案：{{ noSubmitData[1].value[0].answer }}
			</div>
			<p>2.Why would people be more productive in such environment?
			<span class="btn-box" @click="showNoSubmitAnswer(1,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<span class="btn-box" @click="showNoSubmitAnswer(1, 1)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer">
			答案：{{noSubmitData[1].value[1].answer}}
			答案：{{ noSubmitData[1].value[1].answer }}
			</div>
			<p class="center"><b>A Positive Work Environment</b></p>
			<p class="center">
			<audio
			:src="resource.readingOne"
			controls
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"

			></audio>
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			</p>
			<p>
			How do we exactly define a positive work environment? When asked
			@@ -349,14 +302,10 @@
			</p>
			<p>
			Gone are those times when
			<span class="word-bc" word="candidate"
			>candidates</span
			>
			<span class="word-bc" word="candidate">candidates</span>
			only considered the salary at the time of joining a
			company.Nowadays,apart from the job
			<span class="word-bc"
			>prospect</span
			>
			<span class="word-bc">prospect</span>
			itself,one factor that is greatly influencing how employees feel
			about work is the environment being provided by the employer.The
			work environment here includes everything,such as the relationship
			@@ -368,26 +317,16 @@
			</p>
			<p>
			An effective way to
			<span class="word-bc"
			>ensure</span
			>
			<span class="word-bc">ensure</span>
			a positive work environment is to motivate employees for a correct
			<span class="word-bc"
			>behavioral</span
			>
			<span class="word-bc"
			>approach</span
			>
			<span class="word-bc">behavioral</span>
			<span class="word-bc">approach</span>
			.Good behavior also
			<span class="word-bc"
			>determines</span
			>
			<span class="word-bc" word="determine">determines</span>
			good and peaceful environment.Another way is to ensure healthy
			relationships among the staff; that is why communication is quite
			necessary.Keeping an eye on staff
			<span class="word-bc"
			>interaction</span
			>
			<span class="word-bc">interaction</span>
			doesn’t cost much time for the management team.They only
			</p>
			</div>
			@@ -402,10 +341,7 @@
			<div v-if="showPageList.indexOf(106) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -421,70 +357,45 @@
			the message from the behavior of the management team,so the
			management team should also be aware of the power of their
			behavior and always
			<span class="word-bc"
			>maintain</span
			>
			<span class="word-bc">maintain</span>

			<span class="word-bc"
			>dignity</span
			>.
			<span class="word-bc">dignity</span>.
			</p>
			<p>
			Another important way to make a great work environment for a
			company is to show
			<span class="word-bc"
			>appreciation</span
			>
			<span class="word-bc">appreciation</span>
			of
			<span class="word-bc"
			>outstanding</span
			>
			<span class="word-bc">outstanding</span>
			employees.Workers are more likely to stay in the company,work hard
			and provide years of excellent service when knowing that they have
			a clear opportunity for
			<span class="word-bc" >
			advancement</span
			>
			<span class="word-bc">
			advancement</span>
			.When employees know they are valued,they tend to return the favor
			by being the best at their job.A positive work environment is a
			place that promises to advance
			<span class="word-bc"
			>gifted</span
			>
			<span class="word-bc">gifted</span>
			employees and keep that promise.
			</p>
			<p>
			The work environment can greatly influence how the employees feel
			about their jobs.Because of this,it’s important to find an
			employer that
			<span class="word-bc"
			>fosters</span
			>
			<span class="word-bc" word="foster">fosters</span>
			a positive atmosphere and encourages employees
			<span class="word-bc"
			>consistently</span
			>
			<span class="word-bc">consistently</span>
			.A positive work environment can improve employees’
			happiness,increase the
			<span class="word-bc"
			>productivity</span
			>
			<span class="word-bc">productivity</span>
			and motivate those around them.
			</p>
			<p class="fl al-cn mt-40">
			<span class="zt-cs" style="font-size: 20px"
			>Words & Expressions</span
			>
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio
			:src="resource.readingTwo"
			controls
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"

			></audio>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>candidate /ˈkændɪdət/ <i>n.</i> 应聘者</p>
			<div class="bkbj">
			<p><i>a person who is applying for a job</i></p>
			@@ -504,10 +415,8 @@
			<p>approach /əˈprəʊtʃ/ <i>n.</i> 方法；路径</p>
			<div class="bkbj">
			<p>
			<i
			>a way of doing or thinking about sth.such as a problem or a
			task</i
			>
			<i>a way of doing or thinking about sth.such as a problem or a
			task</i>
			</p>
			</div>
			<p>
			@@ -516,10 +425,8 @@
			</p>
			<div class="bkbj">
			<p>
			<i
			>to make sth.happen in a particular way or be of a particular
			type</i
			>
			<i>to make sth.happen in a particular way or be of a particular
			type</i>
			</p>
			</div>
			<p>interaction /ɪntərˈækʃn/ <i>n.</i> 交流；沟通；合作</p>
			@@ -529,10 +436,8 @@
			<p>clue /kluː/ <i>n.</i> 线索；端倪</p>
			<div class="bkbj">
			<p>
			<i
			>a fact or a piece of evidence that helps to solve a problem
			or reveal the truth in an investigation</i
			>
			<i>a fact or a piece of evidence that helps to solve a problem
			or reveal the truth in an investigation</i>
			</p>
			</div>
			<p>maintain /meɪn’teɪn/ <i>v.</i> 保持；维持</p>
			@@ -556,9 +461,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -599,20 +502,16 @@
			<p>consistently /kənˈsɪstəntli/ <i>adv.</i> 始终；一贯地</p>
			<div class="bkbj">
			<p>
			<i
			>in a way that does not change and continues for a period of
			time</i
			>
			<i>in a way that does not change and continues for a period of
			time</i>
			</p>
			</div>
			<p>productivity /ˈprɒdʌkˈtɪvəti/ <i>n.</i> 生产率；生产能力</p>
			<div class="bkbj">
			<p>
			<i
			>the rate at which a worker,a company or a country produces
			<i>the rate at which a worker,a company or a country produces
			goods,and the amount produced,compared with how much time,work
			and money is needed to produce them</i
			>
			and money is needed to produce them</i>
			</p>
			</div>
			<ul class="fl fw-wr">
			@@ -631,15 +530,10 @@
			A.Mark the elements of a positive work environment mentioned in
			the passage.
			</p>
			<p v-for="(item,index) in readingOne[0].option" :key="index">
			<input type="checkbox"
			:value="item"
			name="change"
			v-model="readingOne[0].value[0].userAnswer"
			:disabled="readingOne[0].isComplete"
			@input="saveReadingOne"
			>
			{{item}}
			<p v-for="(item, index) in readingOne[0].option" :key="index">
			<input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer"
			:disabled="readingOne[0].isComplete" @input="saveReadingOne">
			{{ item }}
			</p>
			</div>
			</div>
			@@ -653,10 +547,7 @@
			<div v-if="showPageList.indexOf(108) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -677,13 +568,7 @@
			<p>2.What does positive work environment refer to?</p>
			<p>3.How do employers maintain a positive work environment?</p>
			</div>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Paragraphs</td>
			<td class="wh-no tl-cn">Related Questions</td>
			@@ -692,61 +577,34 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">Para. 1-2</td>
			<td class="wh-no tl-cn">
			<input
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="readingOne[1].value[0].userAnswerOne"
			@input="saveReadingOne"
			/>
			<input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" />
			</td>
			<td style="width: 80%">
			<textarea
			v-model="readingOne[1].value[0].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"
			></textarea>
			<textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Para. 3-4</td>
			<td class="tl-cn">
			<input
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="readingOne[1].value[1].userAnswerOne"
			@input="saveReadingOne"
			/>
			<input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" />
			</td>
			<td>
			<textarea
			v-model="readingOne[1].value[1].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"
			></textarea>
			<textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Para. 5</td>
			<td class="tl-cn">
			<input
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="readingOne[1].value[2].userAnswerOne"
			@input="saveReadingOne"
			/>
			<input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" />
			</td>
			<td>
			<textarea
			v-model="readingOne[1].value[2].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"
			></textarea>
			<textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
			@input="saveReadingOne"></textarea>
			</td>
			</tr>
			</table>
			@@ -755,19 +613,19 @@
			A.Fill in the blanks with the proper words in the passage.The
			initial letters of the words have been given.
			</p>
			<p v-for="(item,index) in readingOne[2].value" :key=" 'passage' + index">
			{{index + 1}}.
			{{item.stemFirst}}
			<input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne" >
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			{{item.stemLast}}
			<p v-for="(item, index) in readingOne[2].value" :key="'passage' + index">
			{{ index + 1 }}.
			{{ item.stemFirst }}
			<input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			{{ item.stemLast }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[2].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingOne[2].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>
			B.Replace the underlined part in each of the following sentences
			@@ -779,11 +637,12 @@
			aware of
			</p>
			</div>
			<p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index">
			{{index + 1}}.
			<p v-for="(item, index) in readingOne[3].value.slice(0, 3)" :key="index">
			{{ index + 1 }}.
			<span v-html="item.stem"></span>
			<input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			<input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			</p>
			</div>
			</div>
			@@ -800,54 +659,44 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index">
			{{index + 3}}.
			<p v-for="(item, index) in readingOne[3].value.slice(3, 5)" :key="index">
			{{ index + 3 }}.
			<span v-html="item.stem"></span>
			<input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			<input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingOne[3].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>C.Translate the following sentences into Chinese.</p>
			<ul>
			<li v-for="(item,index) in readingOne[4].value" :key="index">
			<li v-for="(item, index) in readingOne[4].value" :key="index">
			<p>
			{{index + 1}}. {{item.stem}}
			{{ index + 1 }}. {{ item.stem }}
			</p>
			<input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingOne">
			</li>
			</ul>
			<p>
			<b>Ⅲ.Grammar focus:Inverted sentences.</b>
			<span class="btn-box" >
			<svg
			t="1717037443722"
			class="icon"
			viewBox="0 0 1024 1024"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink"
			width="20"
			height="20"
			>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"
			></path>
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			@@ -859,21 +708,21 @@
			sentences.
			</p>
			<ul>
			<li v-for="(item,index) in readingOne[5].value" :key="'list' + index">
			<li v-for="(item, index) in readingOne[5].value" :key="'list' + index">
			<p>
			{{index + 1}}.{{item.stem}}
			{{ index + 1 }}.{{ item.stem }}
			</p>
			<p v-for="(citem,cindex) in item.option" :key="'option' + cindex">
			<input type="radio" :name="item.stem" :value="citem.value" @change="saveReadingOne">{{citem.value}}.{{citem.label}}
			<p v-for="(citem, cindex) in item.option" :key="'option' + cindex">
			<input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer"
			@change="saveReadingOne">{{ citem.value }}.{{ citem.label }}
			</p>
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[5].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingOne[5].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			</div>
			</div>
			@@ -887,10 +736,7 @@
			<div v-if="showPageList.indexOf(110) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -905,30 +751,31 @@
			sentences.
			</p>
			<ul>
			<li v-for="(item,index) in readingOne[6].value" :key="index">
			<p>{{index + 1}}.{{item.stem}}</p>
			<input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<li v-for="(item, index) in readingOne[6].value" :key="index">
			<p>{{ index + 1 }}.{{ item.stem }}</p>
			<input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingOne">
			</li>
			</ul>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<li>
			<button class="btn-border btn-w" @click="handleReadingOne">
			提交
			提交
			</button>
			</li>
			<li>
			</li>
			<li>
			<button @click="recastReadingOne" class="btn-border btn-w">
			重做
			重做
			</button>
			</li>
			<li>
			</li>
			<li>
			<button @click="viewReadingOne" class="parimary-btn">
			查看答案
			查看答案
			</button>
			</li>
			</li>
			</ul>
			</div>
			</div>
			<h3 id="c049"><span class="bjh3">Mini-project</span></h3>
			<p>
			A pleasant work environment can make employees love their jobs and
			@@ -936,19 +783,9 @@
			work environment and explain the reasons for your choice.
			</p>
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dy1-worksheet.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Elements</td>
			<td class="tl-cn">Reasons for the Choice</td>
			@@ -962,82 +799,52 @@
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[2].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[2].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[2].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[2].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[2].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[2].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[2].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[2].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[2].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[2].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			</table>
			@@ -1056,209 +863,147 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dy1-wordbank.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
			</p>
			<div class="bk-wh">
			<p class="dl-box">
			<span
			class="word-bc mr-20 dl-span"
			>relationship</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>communication</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>productivity</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>respect</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>pleasure</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>professional</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>team spirit</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>job satisfaction</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>personal development</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>job prospect</span
			>
			<span
			class="word-bc mr-20 dl-span"
			>modern decor</span
			>
			<span class="word-bc mr-20 dl-span">relationship</span>
			<span class="word-bc mr-20 dl-span">communication</span>
			<span class="word-bc mr-20 dl-span">productivity</span>
			<span class="word-bc mr-20 dl-span">respect</span>
			<span class="word-bc mr-20 dl-span">pleasure</span>
			<span class="word-bc mr-20 dl-span">professional</span>
			<span class="word-bc mr-20 dl-span">team spirit</span>
			<span class="word-bc mr-20 dl-span">job satisfaction</span>
			<span class="word-bc mr-20 dl-span">personal development</span>
			<span class="word-bc mr-20 dl-span">job prospect</span>
			<span class="word-bc mr-20 dl-span">modern decor</span>
			</p>
			</div>
			<div
			class="resource-primary-border"
			style="padding: 8px; margin: 5% 0%"
			>
			<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" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_22.jpg" />
			</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" />
			<img src="../../assets/images/ppt/6-1、MODULE 6（lesson one）_23.jpg" />
			</div>
			</div>
			</div>
			@@ -1274,16 +1019,14 @@
			</h2>
			<h3 id="c050"><span class="bjh3">Warm-up</span></h3>
			<p>
			<b
			>Ⅰ.Put the following statements into the corresponding box to
			make a code of conduct for a school.</b
			>
			<b>Ⅰ.Put the following statements into the corresponding box to
			make a code of conduct for a school.</b>
			<span class="btn-box" @click="showdropdownTwo">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<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>
			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-5">
			@@ -1296,97 +1039,92 @@
			<p>e.Mobile phones must be on silent mode during the class.</p>
			</div>
			<p class="fl ju-cn">
			<table
			border="1"
			cellpadding="4"
			cellspacing=""
			style="border-color:#eace8d "
			class="fz-14 "
			>
			<tr class="tc">
			<td class="tl-cn" colspan="2">The School Code of Conduct</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t1.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)"
			:disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[0].isRight == true \|\| dropDownTwo[0].value[0].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t2.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" @change="handledropDownTwo(1)"
			:disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[1].isRight == true \|\| dropDownTwo[0].value[1].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t3.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)"
			:disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[2].isRight == true \|\| dropDownTwo[0].value[2].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t4.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)"
			:disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[3].isRight ? correctIcon : errorIcon"
			<table border="1" cellpadding="4" cellspacing="" style="border-color:#eace8d " class="fz-14 ">
			<tr class="tc">
			<td class="tl-cn" colspan="2">The School Code of Conduct</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t1.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer"
			@change="handledropDownTwo(0)" :disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[0].isRight == true \|\| dropDownTwo[0].value[0].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t2.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer"
			@change="handledropDownTwo(1)" :disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[1].isRight == true \|\| dropDownTwo[0].value[1].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t3.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer"
			@change="handledropDownTwo(2)" :disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[2].isRight == true \|\| dropDownTwo[0].value[2].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t4.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer"
			@change="handledropDownTwo(3)" :disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[3].isRight == true \|\| dropDownTwo[0].value[3].isRight == false">
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t5.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)"
			:disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</td>
			</tr>
			</td>
			</tr>
			<tr class="tc">
			<td class="tl-cn">
			<img src="../../assets/images/table/t5.jpg" alt="">
			</td>
			<td>
			<select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer"
			@change="handledropDownTwo(4)" :disabled="dropDownTwo[0].isComplete">
			<option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="dropDownTwo[0].value[4].isRight == true \|\| dropDownTwo[0].value[4].isRight == false">
			</td>
			</tr>
			</table>
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="dropDownTwo[0].isShowAnswer">
			<span>答案：</span>
			<p v-for="(item,index) in dropDownTwo[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownTwo[0].isShowAnswer">
			<span>答案：</span>
			<p v-for="(item, index) in dropDownTwo[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</p>
			</div>
			</div>
			</div>
			@@ -1400,10 +1138,7 @@
			<div v-if="showPageList.indexOf(112) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -1415,35 +1150,29 @@
			<div class="bodystyle">
			<h3 id="c051"><span class="bjh3">Reading</span></h3>
			<ul>
			<li v-for="(item,index) in noSubmitData[3].value" :key="index">
			<li v-for="(item, index) in noSubmitData[3].value" :key="index">
			<p>
			{{index + 1}}.{{item.stem}}
			<span class="btn-box" @click="shownoSubmitData(3,index)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			{{ index + 1 }}.{{ item.stem }}
			<span class="btn-box" @click="shownoSubmitData(3, index)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="item.isShowAnswer">
			答案：{{item.answer}}

			</div>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer"
			@change="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer">
			答案：{{ item.answer }}

			</div>
			</li>
			</ul>
			<p class="center"><b>Code of Conduct in the Workplace</b></p>
			<p class="center">
			<audio
			:src="resource.readingThree"
			controls
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"

			></audio>
			<audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			</p>
			<p>
			A company code of conduct is a set of rules and standards all
			@@ -1454,18 +1183,12 @@
			</p>
			<p>
			Often,a company uses its
			<span class="word-bc"
			>core</span
			>
			<span class="word-bc">core</span>
			values,including its mission,to guide the creation of these
			codes.These guidelines
			<span class="word-bc"
			>outline</span
			>
			<span class="word-bc">outline</span>
			how the organization operates,how employees
			<span class="word-bc"
			>conduct</span
			>
			<span class="word-bc">conduct</span>
			themselves daily,and how they work with others on behalf of the
			organization.
			</p>
			@@ -1473,9 +1196,7 @@
			You can usually find a company’s code of conduct in an employee
			handbook.Each company has different rules in its code of
			conduct,and each company has its own policies for
			<span class="word-bc"
			>enforcing</span
			>
			<span class="word-bc" word="enforce">enforcing</span>
			this code.
			</p>
			<p>
			@@ -1496,9 +1217,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -1508,39 +1227,31 @@
			<p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
			<p>
			<b>A.</b>
			<select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)"
			:disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item}}
			</option>
			<select class="select-border" v-model="dropDownThree[0].value[0].userAnswer"
			@change="handleDropdownThree(0)" :disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownThree[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[0].isRight == true \|\| dropDownThree[0].value[0].isRight == false">
			<img :src="dropDownThree[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[0].isRight == true \|\| dropDownThree[0].value[0].isRight == false">
			</p>
			<p>
			1.Honesty and
			<span class="word-bc"
			>integrity</span
			>
			<span class="word-bc">integrity</span>
			.Above all,treat clients fairly.
			</p>
			<p>
			2.Maintain the good
			<span class="word-bc"
			>reputation</span
			>
			<span class="word-bc">reputation</span>
			of the company.
			</p>
			<p>
			3.
			<span class="word-bc"
			>Conflicts</span
			>
			<span class="word-bc">Conflicts</span>
			and interest.Manage conflicts of interest fairly and do not act
			in a manner
			<span class="word-bc"
			>inconsistent</span
			>
			<span class="word-bc">inconsistent</span>
			with the company mission and values.
			</p>
			<p>
			@@ -1548,35 +1259,27 @@
			</p>
			<p>
			5.Advertising.Products should not be
			<span class="word-bc"
			>advertised</span
			>
			<span class="word-bc" word="advertise">advertised</span>
			in a
			<span class="word-bc"
			>misleading</span
			>
			<span class="word-bc">misleading</span>
			way.
			</p>
			<p>
			<b>B.</b>
			<select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)"
			:disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item}}
			</option>
			<select class="select-border" v-model="dropDownThree[0].value[1].userAnswer"
			@change="handleDropdownThree(1)" :disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownThree[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[1].isRight == true \|\| dropDownThree[0].value[1].isRight == false">
			<img :src="dropDownThree[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[1].isRight == true \|\| dropDownThree[0].value[1].isRight == false">
			</p>
			<p>
			6.
			<span class="word-bc"
			>Competence</span
			>
			<span class="word-bc">Competence</span>
			.Advise clients only on matters in which they are
			<span class="word-bc"
			>competent</span
			>
			<span class="word-bc">competent</span>
			.
			</p>
			<p>
			@@ -1589,28 +1292,24 @@
			</p>
			<p>
			9.
			<span class="word-bc"
			>Suitability</span
			>
			<span class="word-bc">Suitability</span>
			of advice.Advice should be suitable for the clients’ needs.
			</p>
			<p>
			10.Activities.Do not engage in activities that will bring direct
			or indirect profit to a
			<span class="word-bc"
			>competitor</span
			>.
			<span class="word-bc">competitor</span>.
			</p>
			<p>
			<b>C.</b>
			<select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)"
			:disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item}}
			</option>
			<select class="select-border" v-model="dropDownThree[0].value[2].userAnswer"
			@change="handleDropdownThree(2)" :disabled="dropDownThree[0].isComplete">
			<option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="dropDownThree[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[2].isRight == true \|\| dropDownThree[0].value[2].isRight == false">
			<img :src="dropDownThree[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="dropDownThree[0].value[2].isRight == true \|\| dropDownThree[0].value[2].isRight == false">
			</p>
			<p>
			11.Skill and care.Act at all times with reasonable skill and
			@@ -1618,27 +1317,19 @@
			</p>
			<p>
			12.Professional
			<span class="word-bc"
			>discipline</span
			>
			<span class="word-bc">discipline</span>
			.Organize business in a responsible and effective way.
			</p>
			<p>
			13.Company guidance.Be familiar and seek to
			<span class="word-bc"
			>observe</span
			>
			<span class="word-bc">observe</span>
			the company
			<span class="word-bc"
			>guidance</span
			>
			<span class="word-bc">guidance</span>
			.
			</p>
			<p>
			14.
			<span class="word-bc"
			>Complaints</span
			>
			<span class="word-bc" word="complaint">Complaints</span>
			.Handle the complaints fairly and quickly.
			</p>
			<p>
			@@ -1647,19 +1338,11 @@
			</p>
			</div>
			<p class="fl al-cn mt-40">
			<span class="zt-cs" style="font-size: 20px"
			>Words & Expressions</span
			>
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio
			:src="resource.readingFour"
			controls
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"

			></audio>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>core /kɔː(r)/ <i>adj</i>.核心的</p>
			<div class="bkbj">
			<p><i>the most important or central part of sth.</i></p>
			@@ -1667,10 +1350,8 @@
			<p>outline /ˈaʊtlaɪn/ <i>v</i>.概述</p>
			<div class="bkbj">
			<p>
			<i
			>to give a description of the main facts or points involved in
			sth.</i
			>
			<i>to give a description of the main facts or points involved in
			sth.</i>
			</p>
			</div>
			<p>conduct /kənˈdʌkt/ <i>v</i>.举止；表现</p>
			@@ -1686,10 +1367,7 @@
			<div v-if="showPageList.indexOf(114) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -1711,19 +1389,15 @@
			<p>integrity /ɪnˈteɡrəti/ <i>n</i>.诚实正直</p>
			<div class="bkbj">
			<p>
			<i
			>the quality of being honest and having strong moral
			principles</i
			>
			<i>the quality of being honest and having strong moral
			principles</i>
			</p>
			</div>
			<p>client /ˈklaɪənt/ <i>n</i>.客户</p>
			<div class="bkbj">
			<p>
			<i
			>a person who uses the services or advice of a professional
			person or organization</i
			>
			<i>a person who uses the services or advice of a professional
			person or organization</i>
			</p>
			</div>
			<p>reputation /ˌrepjuˈteɪʃn/ <i>n</i>.名誉；名声</p>
			@@ -1735,10 +1409,8 @@
			<p>conflict /ˈkɒnflɪkt/ <i>n</i>.冲突；争论</p>
			<div class="bkbj">
			<p>
			<i
			>a situation in which people,groups or countries are involved
			in a serious disagreement or argument</i
			>
			<i>a situation in which people,groups or countries are involved
			in a serious disagreement or argument</i>
			</p>
			</div>
			<p>
			@@ -1751,28 +1423,22 @@
			<p>confidentiality /ˌkɒnfɪˌdenʃiˈæləti/ <i>n</i>.保密；机密</p>
			<div class="bkbj">
			<p>
			<i
			>a situation in which you expect sb.to keep information
			secret</i
			>
			<i>a situation in which you expect sb.to keep information
			secret</i>
			</p>
			</div>
			<p>advertise /ˈædvətaɪz/ <i>v</i>.做广告；做宣传</p>
			<div class="bkbj">
			<p>
			<i
			>to tell the public about a product or a service in order to
			encourage people to buy or to use it</i
			>
			<i>to tell the public about a product or a service in order to
			encourage people to buy or to use it</i>
			</p>
			</div>
			<p>misleading /ˌmɪsˈliːdɪŋ/ <i>adj</i>.误导的；引入歧途的</p>
			<div class="bkbj">
			<p>
			<i
			>giving the wrong idea or impression and making you believe
			sth.that is not true</i
			>
			<i>giving the wrong idea or impression and making you believe
			sth.that is not true</i>
			</p>
			</div>
			<p>competence /ˈkɒmpɪtəns/ <i>n</i>.能力；胜任</p>
			@@ -1793,19 +1459,15 @@
			</p>
			<div class="bkbj">
			<p>
			<i
			>a person or an organization that compete against
			others,esp.in business</i
			>
			<i>a person or an organization that compete against
			others,esp.in business</i>
			</p>
			</div>
			<p>discipline /ˈdɪsəplɪn/ <i>n</i>.自制力</p>
			<div class="bkbj">
			<p>
			<i
			>the ability to control your behavior or the way you
			live,work,etc.</i
			>
			<i>the ability to control your behavior or the way you
			live,work,etc.</i>
			</p>
			</div>
			</div>
			@@ -1823,9 +1485,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -1861,9 +1521,10 @@
			passage.
			</p>
			<div class="bk-11">
			<p v-for="(item,index) in readingTwo[0].option" :key="index">
			<input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo">
			{{index + 1}}.{{item}}
			<p v-for="(item, index) in readingTwo[0].option" :key="index">
			<input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer"
			@change="saveReadingTwo">
			{{ index + 1 }}.{{ item }}
			</p>
			</div>
			</div>
			@@ -1878,10 +1539,7 @@
			<div v-if="showPageList.indexOf(116) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -1896,17 +1554,17 @@
			A.Replace the words in italics with the exact words in the passage
			and change the form if necessary.
			</p>
			<p v-for="(item,index) in readingTwo[1].value" :key="index">
			{{index + 1}}.{{item.stem}}
			<input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
			<p v-for="(item, index) in readingTwo[1].value" :key="index">
			{{ index + 1 }}.{{ item.stem }}
			<input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingTwo[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingTwo[1].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingTwo[1].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>
			B.Fill in the blanks with the proper form of the expressions given
			@@ -1917,37 +1575,28 @@
			on behalf of　pay due regard to　dig into　engage in　above all
			</p>
			</div>
			<p v-for="(item,index) in readingTwo[2].value" :key="'engage' + index">
			{{index + 1}}.{{item.stemOne}}
			<input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
			{{item.stemTwo}}
			<p v-for="(item, index) in readingTwo[2].value" :key="'engage' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
			{{ item.stemTwo }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingTwo[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingTwo[2].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingTwo[2].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>
			<b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
			<span class="btn-box" >
			<svg
			t="1717037443722"
			class="icon"
			viewBox="0 0 1024 1024"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink"
			width="20"
			height="20"
			>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"
			></path>
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			@@ -1955,25 +1604,26 @@
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>A.Choose the correct modal verbs in the brackets.</p>
			<p v-for="(item,index) in readingTwo[3].value" :key="'brackets' + index">
			{{index + 1}}.{{item.stemOne}}
			<input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
			{{item.stemTwo}}
			<p v-for="(item, index) in readingTwo[3].value" :key="'brackets' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
			{{ item.stemTwo }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingTwo[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingTwo[3].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingTwo[3].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>B.Correct the misused modal verbs in the following sentences.</p>
			<p v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index">
			{{index + 1}}.
			<p v-for="(item, index) in readingTwo[4].value.slice(0, 3)" :key="'sentences' + index">
			{{ index + 1 }}.
			<span v-html="item.stem"></span>
			<input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			<input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			</p>
			</div>
			</div>
			@@ -1990,46 +1640,44 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index">
			{{index + 4}}.
			<p v-for="(item, index) in readingTwo[4].value.slice(3, 5)" :key="'sentences' + index">
			{{ index + 4 }}.
			<span v-html="item.stem"></span>
			<input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			<input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingTwo[4].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingTwo[4].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in readingTwo[4].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<li>
			<button class="btn-border btn-w" @click="handlereadingTwo">
			提交
			提交
			</button>
			</li>
			<li>
			</li>
			<li>
			<button @click="recastreadingTwo" class="btn-border btn-w">
			重做
			重做
			</button>
			</li>
			<li>
			</li>
			<li>
			<button @click="viewreadingTwo" class="parimary-btn">
			查看答案
			查看答案
			</button>
			</li>
			</li>
			</ul>
			</div>
			</div>
			<h3 id="c052"><span class="bjh3">Mini-project</span></h3>
			<p>
			Work in groups.Ask your group members about any improper behavior
			@@ -2037,19 +1685,9 @@
			conduct.Share your opinions with the class.
			</p>
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dy1-worksheet.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn wh-no">Improper Behavior</td>
			<td class="tl-cn">Talking Loudly</td>
			@@ -2065,230 +1703,180 @@
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[4].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[4].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[4].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[4].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[4].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[4].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[4].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[4].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="noSubmitData[4].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[4].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></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 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/6-2、MODULE 6（lesson two）_01.jpg" />
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_22.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-2、MODULE 6（lesson two）_23.jpg" />
			</div>
			</div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b023">
			@@ -2299,36 +1887,28 @@
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			</h3>
			<p>
			<b
			>Ⅰ.Listen to the monologue about the perfect workplace and
			<b>Ⅰ.Listen to the monologue about the perfect workplace and
			decide whether the following statements are true (T) or false
			(F).</b
			>
			(F).</b>
			</p>
			<audio
			:src="resource.listenTwo"
			controls
			controlslist="noplaybackrate nodownload"
			class="audio"
			></audio>
			<p v-for="(item,index) in listenThree[0].value" :key="index">
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			<p v-for="(item, index) in listenThree[0].value" :key="index">
			(
			<select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
			:disabled="listenThree[0].isComplete">
			<option v-for="(item, index) in listenThree[0].option" :key="'change' + index" :value="item">
			{{ item}}
			</option>
			</select>
			<select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
			:disabled="listenThree[0].isComplete">
			<option v-for="(item, index) in listenThree[0].option" :key="'change' + index" :value="item">
			{{ item }}
			</option>
			</select>
			)
			{{index + 1}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
			{{ index + 1 }}.{{ item.stem }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in listenThree[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			</div>
			</div>
			@@ -2342,10 +1922,7 @@
			<div v-if="showPageList.indexOf(118) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -2356,31 +1933,21 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			<b
			>Ⅱ.Listen to the conversation about the dress code between Sally
			<b>Ⅱ.Listen to the conversation about the dress code between Sally
			and Ross and match the following information with the
			corresponding speaker.</b
			>
			corresponding speaker.</b>
			</p>
			<audio
			:src="resource.listenThree"
			controls
			controlslist="noplaybackrate nodownload"
			class="audio"
			></audio>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio">
			</audio>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no table-th-bc">Sally</td>
			<td class="fl de-cl al-cn ju-cn">
			<img src="../../assets/images/table/c2.jpg" alt="">
			<dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne" />
			<img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete">
			<dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne"
			ref="choiceDropdownOne" :value="listenThree[1].value[0].userAnswer" />
			<img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon"
			v-if="listenThree[1].isComplete">
			</td>
			<td rowspan="2">
			<p class="table-p">
			@@ -2408,58 +1975,59 @@
			<td class="table-th-bc tl-cn">Ross</td>
			<td class="fl de-cl al-cn ju-cn">
			<img src="../../assets/images/table/c1.jpg" alt="">
			<dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" />
			<img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete">
			<dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo"
			ref="choiceDropdownTwo" :value="listenThree[1].value[1].userAnswer" />
			<img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="listenThree[1].isComplete">
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenThree[1].value" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item.answer) }}
			</span>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in listenThree[1].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item.answer) }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleListenThree">
			提交
			</button>
			</li>
			<li>
			<button @click="recastListenThree" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewListenThree" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleListenThree">
			提交
			</button>
			</li>
			<li>
			<button @click="recastListenThree" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewListenThree" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<ul>
			<li v-for="(item,index) in noSubmitData[5].value" :key="index">
			<li v-for="(item, index) in noSubmitData[5].value" :key="index">
			<p>
			{{index + 1}}.{{item.stem}}
			<span class="btn-box" @click="showNoSubmitAnswer(5,index)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			{{ index + 1 }}.{{ item.stem }}
			<span class="btn-box" @click="showNoSubmitAnswer(5, index)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="item.isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem,cindex) in item.answer" :key="'list' + cindex" class="mr-20">
			{{cindex + 1}}.{{ citem }}
			</span>
			<textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem, cindex) in item.answer" :key="'list' + cindex" class="mr-20">
			{{ cindex + 1 }}.{{ citem }}
			</span>
			</div>
			</li>
			</ul>
			@@ -2477,11 +2045,7 @@
			<p>◆Who attended the meeting and who was absent</p>
			<p>◆What happened at the meeting in detail</p>
			<p class="center">
			<img
			class="img-b"
			alt=""
			src="../../assets/images/0122-2.jpg"
			/>
			<img class="img-b" alt="" src="../../assets/images/0122-2.jpg" />
			</p>
			</div>
			</div>
			@@ -2499,9 +2063,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -2511,62 +2073,58 @@
			<p>
			1. <span class="u">Underline</span> the time,date and place of the
			meeting.
			<span class="btn-box" @click="showNoSubmitAnswer(6,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<span class="btn-box" @click="showNoSubmitAnswer(6, 0)">
			<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>
			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>

			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="noSubmitData[6].value[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem,cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20">
			{{cindex + 1}}.{{ citem }}
			</span>

			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem, cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20">
			{{ cindex + 1 }}.{{ citem }}
			</span>
			</div>
			<p>
			2.<img
			class="inline1"
			alt=""
			src="../../assets/images/0123-1.jpg"
			/>
			2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" />
			the attendees.
			<span class="btn-box" @click="showNoSubmitAnswer(6,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<span class="btn-box" @click="showNoSubmitAnswer(6, 1)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="noSubmitData[6].value[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem,cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20">
			{{cindex + 1}}.{{ citem }}
			</span>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem, cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20">
			{{ cindex + 1 }}.{{ citem }}
			</span>
			</div>
			<p>3.Summarize the main points discussed at the meeting.
			<span class="btn-box" @click="showNoSubmitAnswer(6,2)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<span class="btn-box" @click="showNoSubmitAnswer(6, 2)">
			<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>
			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>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="noSubmitData[6].value[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem,cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20">
			{{cindex + 1}}.{{ citem }}
			</span>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100"
			@input="savenoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(citem, cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20">
			{{ cindex + 1 }}.{{ citem }}
			</span>
			</div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
			@@ -2583,10 +2141,7 @@
			<div v-if="showPageList.indexOf(120) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -2600,26 +2155,16 @@
			<img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
			</p>
			<p>
			<b
			>Ⅲ.Match the following sentences with the correct
			translation.</b
			>
			<b>Ⅲ.Match the following sentences with the correct
			translation.</b>
			</p>
			<matching :rawData="rawData" :question="question" />
			<p>
			Ⅳ<b
			>.The HR department has been assigned the task to prepare the
			Ⅳ<b>.The HR department has been assigned the task to prepare the
			in-service training for the newly recruited employees.Complete
			the following minutes based on the information provided.</b
			>
			the following minutes based on the information provided.</b>
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn" style="width: 86%">Interviewees</td>
			<td class="tl-cn">Presented By</td>
			@@ -2660,9 +2205,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -2672,10 +2215,10 @@
			<img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
			</p>
			<div class="weekly" style="padding:0 20px">
			<p class="weekly-p">
			<p class="weekly-p">
			I.MEETING DETAILS
			</p>
			<ul class="fl fw-wr ju-bt" >
			</p>
			<ul class="fl fw-wr ju-bt">
			<li>
			<p>Meeting Leader: Samuel Birch</p>
			<p>Date: September 26,2023</p>
			@@ -2685,55 +2228,61 @@
			<p>Note Taker: Rachel Green</p>
			<p>Time: 3 p. m.</p>
			</li>
			</ul>
			<p class="weekly-p">
			</ul>
			<p class="weekly-p">
			Ⅱ.ATTENDANCE
			</p>
			<p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p>
			<p>Absent: None</p>
			<p class="weekly-p">
			</p>
			<p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p>
			<p>Absent: None</p>
			<p class="weekly-p">
			Ⅲ.CALLTO ORDER
			</p>
			<p>
			</p>
			<p>
			Samuel Birch called the meeting to 1.
			<input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
			<input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:80px">
			at 3 p.m.
			</p>
			<p>
			</p>
			<p>
			All attendees were given an agenda 2.
			<input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px">
			<input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:120px">
			via email. The agenda was
			unanimously approved by all attendees at 3:20 p.m.
			</p>
			<p class="weekly-p">
			</p>
			<p class="weekly-p">
			Ⅳ.BUSINESS DISCUSSED
			</p>
			<p>
			</p>
			<p>
			Tim Shaw discussed about the 3.
			<input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px">
			<input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:180px">
			.A vote was
			taken to approve the budget plan of the training.
			</p>
			<p>
			</p>
			<p>
			4.
			<input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
			<input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:80px">
			discussed about the reservation of the lecture hall and mentioned that the
			projector wasn't 5.
			<input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
			<input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:80px">
			He suggested renting one
			</p>
			<p class="weekly-p">
			</p>
			<p class="weekly-p">
			Ⅴ.ADJOURNMENT
			</p>
			<p>
			</p>
			<p>
			The meeting 6.
			<input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
			<input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t"
			@input="savenoSubmitData" style="width:80px">
			at 5 p.m..
			</p>
			<p class="fl fw-wr ju-bt" >
			</p>
			<p class="fl fw-wr ju-bt">
			<span>Submitted by: Rachel Green</span>
			<span>Approved by: Samuel Birch</span>
			</p>
			</p>
			</div>
			<div class="un-h2">
			<h2 id="b024">Unit Project</h2>
			@@ -2761,10 +2310,7 @@
			<div v-if="showPageList.indexOf(122) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc-unit6 fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit6">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit6">基础模块一</span>
			@@ -2787,19 +2333,9 @@
			</p>
			<p class="img">Picture 3</p>
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dyworksheet1.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" />
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Pictures</td>
			<td class="tl-cn">Problems</td>
			@@ -2822,49 +2358,31 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">2</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">3</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[8].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			</table>
			@@ -2883,9 +2401,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit6">MODULE 6</span>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
			>A GLIMPSE OF THE WORK ENVIRONMENT</span
			>
			<span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
			</li>
			</ul>
			<!-- 内容 -->
			@@ -2896,19 +2412,9 @@
			know,and then work with your partner to finish Worksheet 2.
			</p>
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dyworksheet2.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" />
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Respondents</td>
			<td class="tl-cn">Problems</td>
			@@ -2917,92 +2423,56 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="noSubmitData[9].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="noSubmitData[9].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="noSubmitData[9].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="noSubmitData[9].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="noSubmitData[9].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="noSubmitData[9].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[10].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			<td>
			<textarea
			v-model="noSubmitData[9].value[11].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"
			></textarea>
			<textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea"
			@input="savenoSubmitData"></textarea>
			</td>
			</tr>
			</table>
			@@ -3022,152 +2492,107 @@
			<p>Effective communication is quite important for ...</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 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/6-3、MODULE 6（lesson three）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/6-3、MODULE 6（lesson three）_18.jpg" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -3183,20 +2608,30 @@
			import { getResourcePath } from "@/assets/methods/resources";
			export default {
			name: "chapterSix",
			components: { matching,dropdown },
			components: { matching, dropdown },
			props: {
			showPageList: {
			type: Array,
			},
			},
			watch: {
			showPageList: {
			handler(newVal) {


			},
			immediate: true
			}
			},
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar6-1.png"),
			imgThirteenOne: require("../../assets/images/grammar6-2.png"),
			correctIcon:require('@/assets/images/correct.svg'),
			errorIcon:require('@/assets/images/error.svg'),
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			showImg: false,
			showImgOne: false,
			selectedValue: null, // 用于存储当前选中的值
			rawData: {
			left: [
			{
			@@ -3479,655 +2914,655 @@
			listenThree: "",
			},
			// 新增
			dropDownOne:[
			dropDownOne: [
			{
			type:'dropdown',
			isComplete:false,
			isShowAnswer:false,
			option:[
			'open plan office','cubicles','private office','SOHO'
			type: 'dropdown',
			isComplete: false,
			isShowAnswer: false,
			option: [
			'open plan office', 'cubicles', 'private office', 'SOHO'
			],
			value:[
			value: [
			{
			answer:"cubicles",
			userAnswer:"",
			isRight:"",
			answer: "cubicles",
			userAnswer: "",
			isRight: "",
			},
			{
			answer:"open plan office",
			userAnswer:"",
			isRight:"",
			answer: "open plan office",
			userAnswer: "",
			isRight: "",
			},
			{
			answer:"private office",
			userAnswer:"",
			isRight:"",
			answer: "private office",
			userAnswer: "",
			isRight: "",
			},
			{
			answer:"SOHO",
			userAnswer:"",
			isRight:"",
			answer: "SOHO",
			userAnswer: "",
			isRight: "",
			},
			]
			}
			],
			listenTable:[
			listenTable: [
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'team',
			userAnswer:'',
			isRight:null
			answer: 'team',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'communication',
			userAnswer:'',
			isRight:null
			answer: 'communication',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'understanding',
			userAnswer:'',
			isRight:null
			answer: 'understanding',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'development',
			userAnswer:'',
			isRight:null
			answer: 'development',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'respect',
			userAnswer:'',
			isRight:null
			answer: 'respect',
			userAnswer: '',
			isRight: null
			},
			]
			}
			],
			noSubmitData:[
			noSubmitData: [
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			stem:'caring',
			userAnswer:''
			stem: 'caring',
			userAnswer: ''
			},
			{
			stem:'supportive',
			userAnswer:''
			stem: 'supportive',
			userAnswer: ''
			},
			{
			stem:'privacy',
			userAnswer:''
			stem: 'privacy',
			userAnswer: ''
			},
			{
			stem:'friendly',
			userAnswer:''
			stem: 'friendly',
			userAnswer: ''
			},
			{
			stem:'freedom',
			userAnswer:''
			stem: 'freedom',
			userAnswer: ''
			},
			{
			stem:'flexible',
			userAnswer:''
			stem: 'flexible',
			userAnswer: ''
			},
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			userAnswer:'',
			answer:'A positive work environment is characterized by factors like supportive colleagues, a respectful atmosphere, open communication, opportunities for growth, and a comfortable physical setting. It promotes collaboration, job satisfaction, and employee well-being.',
			isShowAnswer:false
			userAnswer: '',
			answer: 'A positive work environment is characterized by factors like supportive colleagues, a respectful atmosphere, open communication, opportunities for growth, and a comfortable physical setting. It promotes collaboration, job satisfaction, and employee well-being.',
			isShowAnswer: false
			},
			{
			userAnswer:'',
			answer:'People tend to be more productive in a positive work environment because they feel motivated, valued, and empowered. When they enjoy their workplace, they are more likely to be engaged, contribute ideas, and work together effectively, leading to increased efficiency and better results.',
			isShowAnswer:false
			userAnswer: '',
			answer: 'People tend to be more productive in a positive work environment because they feel motivated, valued, and empowered. When they enjoy their workplace, they are more likely to be engaged, contribute ideas, and work together effectively, leading to increased efficiency and better results.',
			isShowAnswer: false
			},
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:'shortAnswer',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'shortAnswer',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'How do you understand the Chinese saying “Nothing can be accomplished without norms or standards.”?',
			answer:'The saying "Nothing can be accomplished without norms or standards" means that having rules and guidelines is important for getting things done. These norms make things clear, help us work well together, and show us how to do things right.',
			isShowAnswer:false,
			userAnswer:''
			stem: 'How do you understand the Chinese saying “Nothing can be accomplished without norms or standards.”?',
			answer: 'The saying "Nothing can be accomplished without norms or standards" means that having rules and guidelines is important for getting things done. These norms make things clear, help us work well together, and show us how to do things right.',
			isShowAnswer: false,
			userAnswer: ''
			},
			{
			stem:'Are rules and regulations important for an organization? Why?',
			answer:'Rules and regulations are very important for an organization. They play a crucial role in maintaining order, promoting fairness, and ensuring the success of the organization. ',
			isShowAnswer:false,
			userAnswer:''
			stem: 'Are rules and regulations important for an organization? Why?',
			answer: 'Rules and regulations are very important for an organization. They play a crucial role in maintaining order, promoting fairness, and ensuring the success of the organization. ',
			isShowAnswer: false,
			userAnswer: ''
			}
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:"shortAnswer",
			value:[
			type: "shortAnswer",
			value: [
			{
			stem:'Why do we need to take the minutes?',
			isShowAnswer:false,
			answer:['It serves as an official record of the discussions, decisions, and actions taken during the meeting.',
			stem: 'Why do we need to take the minutes?',
			isShowAnswer: false,
			answer: ['It serves as an official record of the discussions, decisions, and actions taken during the meeting.',
			'Minutes help those who were unable to attend the meeting to catch up on any decisions.',
			'Minutes provide a means to verify the accuracy of what was discussed and agreed upon.',
			'Minutes can be used as evidence in case of disputes or legal matters.'
			],
			userAnswer:''
			userAnswer: ''
			},
			{
			stem:'What should we take down in the minutes?',
			isShowAnswer:false,
			answer:['Date and time','Location of the meeting',"Attendees' names, roles, and organizations","The agenda items and topics discussed along with any proposals, suggestions, or decisions made"],
			userAnswer:''
			stem: 'What should we take down in the minutes?',
			isShowAnswer: false,
			answer: ['Date and time', 'Location of the meeting', "Attendees' names, roles, and organizations", "The agenda items and topics discussed along with any proposals, suggestions, or decisions made"],
			userAnswer: ''
			}
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			isShowAnswer:false,
			userAnswer:'',
			answer:['Date: September 19, 2023','Time: 2:00 p.m.','Location: FASTGO Headquarters, Meeting Room 105'],
			isShowAnswer: false,
			userAnswer: '',
			answer: ['Date: September 19, 2023', 'Time: 2:00 p.m.', 'Location: FASTGO Headquarters, Meeting Room 105'],
			},
			{
			isShowAnswer:false,
			userAnswer:'',
			answer:['Present: Jim Baker (CEO), Robert Smith (General Manager), Samuel Birch (HR Manager), Rachel Green (Secretary)',
			''],
			isShowAnswer: false,
			userAnswer: '',
			answer: ['Present: Jim Baker (CEO), Robert Smith (General Manager), Samuel Birch (HR Manager), Rachel Green (Secretary)',
			''],
			},
			{
			isShowAnswer:false,
			userAnswer:'',
			answer:['Updates of Code of Conduct ','In-Service Training ']
			isShowAnswer: false,
			userAnswer: '',
			answer: ['Updates of Code of Conduct ', 'In-Service Training ']
			}
			]
			},
			{
			type:'fill',
			value:[
			type: 'fill',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			}
			],
			readingOne:[
			readingOne: [
			{
			type:'checkbox',
			isComplete:false,
			isShowAnswer:false,
			option:['Company culture','Personal development','Relationship with colleagues','Salary','Café','Leaders'],
			value:[
			type: 'checkbox',
			isComplete: false,
			isShowAnswer: false,
			option: ['Company culture', 'Personal development', 'Relationship with colleagues', 'Salary', 'Café', 'Leaders'],
			value: [
			{
			userAnswer:[]
			userAnswer: []
			}
			]
			},
			{
			type:'table',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'table',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			userAnswerOne: '',
			userAnswerTwo: '',
			},
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			userAnswerOne: '',
			userAnswerTwo: '',
			},
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			userAnswerOne: '',
			userAnswerTwo: '',
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemFirst:'Aside from the job p',
			stemLast:'itself,one factor that is significantly influencing how employees feel about work is the work environment.',
			answer:'rospect',
			userAnswer:'',
			isRight:null
			stemFirst: 'Aside from the job p',
			stemLast: 'itself,one factor that is significantly influencing how employees feel about work is the work environment.',
			answer: 'rospect',
			userAnswer: '',
			isRight: null
			},
			{
			stemFirst:'To f',
			stemLast:'a positive work environment,the employer can motivate employees for a correct behavioral approach.',
			answer:'oster',
			userAnswer:'',
			isRight:null
			stemFirst: 'To f',
			stemLast: 'a positive work environment,the employer can motivate employees for a correct behavioral approach.',
			answer: 'oster',
			userAnswer: '',
			isRight: null
			},
			{
			stemFirst:'Good behavior can not only d',
			stemLast:'a good and peaceful environment,but also promote healthy relationships among the staff.',
			answer:'etermine',
			userAnswer:'',
			isRight:null
			stemFirst: 'Good behavior can not only d',
			stemLast: 'a good and peaceful environment,but also promote healthy relationships among the staff.',
			answer: 'etermine',
			userAnswer: '',
			isRight: null
			},
			{
			stemFirst:'Another way to ensure a great work environment in a company is to show a',
			stemLast:'to outstanding employees.',
			answer:'ppreciation',
			userAnswer:'',
			isRight:null
			stemFirst: 'Another way to ensure a great work environment in a company is to show a',
			stemLast: 'to outstanding employees.',
			answer: 'ppreciation',
			userAnswer: '',
			isRight: null
			},
			{
			stemFirst:'For employees,a positive work environment can greatly improve their happiness and p',
			stemLast:'.',
			answer:'roductivity',
			userAnswer:'',
			isRight:null
			stemFirst: 'For employees,a positive work environment can greatly improve their happiness and p',
			stemLast: '.',
			answer: 'roductivity',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'The manager asked me to<span class="u">pay close attention to</span> the monthly sales report of the products.',
			userAnswer:'',
			answer:'keep an eye on',
			isRight:null
			stem: 'The manager asked me to<span class="u">pay close attention to</span> the monthly sales report of the products.',
			userAnswer: '',
			answer: 'keep an eye on',
			isRight: null
			},
			{
			stem:'<span class="u">Except for</span> the low salary,it’s not a bad job.',
			userAnswer:'',
			answer:'Apart from',
			isRight:null
			stem: '<span class="u">Except for</span> the low salary,it’s not a bad job.',
			userAnswer: '',
			answer: 'Apart from',
			isRight: null
			},
			{
			stem:'The management team <span class="u">noticed</span> some inappropriate behavior in the company.',
			userAnswer:'',
			answer:'was aware of',
			isRight:null
			stem: 'The management team <span class="u">noticed</span> some inappropriate behavior in the company.',
			userAnswer: '',
			answer: 'was aware of',
			isRight: null
			},
			{
			stem:'The graduates with a language proficiency certificate <span class="u">are more possible to</span> land a good job.',
			userAnswer:'',
			answer:'are likely to',
			isRight:null
			stem: 'The graduates with a language proficiency certificate <span class="u">are more possible to</span> land a good job.',
			userAnswer: '',
			answer: 'are likely to',
			isRight: null
			},
			{
			stem:'I will <span class="u">help you because you have helped me</span> some time.',
			userAnswer:'',
			answer:'return the favor',
			isRight:null
			stem: 'I will <span class="u">help you because you have helped me</span> some time.',
			userAnswer: '',
			answer: 'return the favor',
			isRight: null
			},
			]
			},
			{
			type:'translate',
			isShowAnswer:false,
			isComplete:false,
			value:[
			type: 'translate',
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			stem:'Communication is quite necessary to ensure a healthy relationship with coworkers.',
			userAnswer:'',
			stem: 'Communication is quite necessary to ensure a healthy relationship with coworkers.',
			userAnswer: '',
			},
			{
			stem:'A good work atmosphere can greatly increase the productivity of employees.',
			userAnswer:'',
			stem: 'A good work atmosphere can greatly increase the productivity of employees.',
			userAnswer: '',
			},
			{
			stem:'Most of the candidates view company culture as the most important factor when choosing a job.',
			userAnswer:'',
			stem: 'Most of the candidates view company culture as the most important factor when choosing a job.',
			userAnswer: '',
			},
			{
			stem:'At the annual meeting,the manager expressed the appreciation to the outstanding staff of the company.',
			userAnswer:'',
			stem: 'At the annual meeting,the manager expressed the appreciation to the outstanding staff of the company.',
			userAnswer: '',
			},
			]
			},
			{
			type:'radio',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'radio',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'公交车来了。',
			option:[
			stem: '公交车来了。',
			option: [
			{
			label:'There comes the bus.',
			value:'a',
			label: 'There comes the bus.',
			value: 'a',
			},
			{
			label:'There the bus comes.',
			value:'b'
			label: 'There the bus comes.',
			value: 'b'
			}
			],
			answer:'',
			userAnswer:''
			answer: '',
			userAnswer: ''
			},
			{
			stem:'发达国家制定规则、其他国家服从的时代已经过去了。',
			option:[
			stem: '发达国家制定规则、其他国家服从的时代已经过去了。',
			option: [
			{
			label:'Gone are the days when rich countries make the rules and everyone else follows.',
			value:'a',
			label: 'Gone are the days when rich countries make the rules and everyone else follows.',
			value: 'a',
			},
			{
			label:'Gone the days are when rich countries make the rules and everyone else follows.',
			value:'b'
			label: 'Gone the days are when rich countries make the rules and everyone else follows.',
			value: 'b'
			}
			],
			answer:'',
			userAnswer:''
			answer: '',
			userAnswer: ''
			},
			{
			stem:'我们刚到机场，飞机就起飞了。',
			option:[
			stem: '我们刚到机场，飞机就起飞了。',
			option: [
			{
			label:'No sooner did we reached the airport than the plane had taken off.',
			value:'a',
			label: 'No sooner did we reached the airport than the plane had taken off.',
			value: 'a',
			},
			{
			label:'No sooner had we reached the airport than the plane took off.',
			value:'b'
			label: 'No sooner had we reached the airport than the plane took off.',
			value: 'b'
			}
			],
			answer:'',
			userAnswer:''
			answer: '',
			userAnswer: ''
			},
			{
			stem:'到那时他才意识到他错了。',
			option:[
			stem: '到那时他才意识到他错了。',
			option: [
			{
			label:'Only then he realized that he was wrong.',
			value:'a',
			label: 'Only then he realized that he was wrong.',
			value: 'a',
			},
			{
			label:'Only then did he realize that he was wrong.',
			value:'b'
			label: 'Only then did he realize that he was wrong.',
			value: 'b'
			}
			],
			answer:'',
			userAnswer:''
			answer: '',
			userAnswer: ''
			},
			{
			stem:'雨停了之后他才离开房间。',
			option:[
			stem: '雨停了之后他才离开房间。',
			option: [
			{
			label:'Not until the rain stopped did he leave the room.',
			value:'a',
			label: 'Not until the rain stopped did he leave the room.',
			value: 'a',
			},
			{
			label:'Not until did the rain stop he left the room.',
			value:'b'
			label: 'Not until did the rain stop he left the room.',
			value: 'b'
			}
			],
			answer:'',
			userAnswer:''
			answer: '',
			userAnswer: ''
			},
			]
			},
			{
			type:'montage',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'montage',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'did he it saw so and I',
			userAnswer:''
			stem: 'did he it saw so and I',
			userAnswer: ''
			},
			{
			stem:'he young is he a lot knows as',
			userAnswer:''
			stem: 'he young is he a lot knows as',
			userAnswer: ''
			},
			{
			stem:'no under will lend circumstances I money him to',
			userAnswer:''
			stem: 'no under will lend circumstances I money him to',
			userAnswer: ''
			},
			{
			stem:'she have hardly music listen to does time to',
			userAnswer:''
			stem: 'she have hardly music listen to does time to',
			userAnswer: ''
			},
			{
			stem:'village in the front of river a was',
			userAnswer:''
			stem: 'village in the front of river a was',
			userAnswer: ''
			},
			]
			}
			],
			dropDownTwo:[
			dropDownTwo: [
			{
			type:'dropdown',
			isShowAnswer:false,
			option:[
			type: 'dropdown',
			isShowAnswer: false,
			option: [
			'a.Students are supposed to arrive at the classroom on time.',
			'b.Students are required to come to school in a neat uniform.',
			'c.Students should treat others with respect.',
			'd.Keep food and drink outside of the classroom.',
			'e.Mobile phones must be on silent mode during the class.'
			],
			value:[
			value: [
			{
			answer:'a.Students are supposed to arrive at the classroom on time.',
			userAnswer:'',
			isRight:null,
			answer: 'a.Students are supposed to arrive at the classroom on time.',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'d.Keep food and drink outside of the classroom.',
			userAnswer:'',
			isRight:null,
			answer: 'd.Keep food and drink outside of the classroom.',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'c.Students should treat others with respect.',
			userAnswer:'',
			isRight:null,
			answer: 'c.Students should treat others with respect.',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'b.Students are required to come to school in a neat uniform.',
			userAnswer:'',
			isRight:null,
			answer: 'b.Students are required to come to school in a neat uniform.',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'e.Mobile phones must be on silent mode during the class.',
			userAnswer:'',
			isRight:null,
			answer: 'e.Mobile phones must be on silent mode during the class.',
			userAnswer: '',
			isRight: null,
			},
			]
			}
			],
			dropDownThree:[
			dropDownThree: [
			{
			type:'dropdown',
			isShowAnswer:false,
			option:[
			type: 'dropdown',
			isShowAnswer: false,
			option: [
			'a.BEST INTEREST OF CLIENTS',
			'b.INTEGRITY',
			'c.COLLABORATIVE',
			'd.STANDARDS OF SERVICES',
			'e.REWARDING'
			],
			value:[
			value: [
			{
			answer:'b.INTEGRITY',
			userAnswer:'',
			isRight:null,
			answer: 'b.INTEGRITY',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'a.BEST INTEREST OF CLIENTS',
			userAnswer:'',
			isRight:null,
			answer: 'a.BEST INTEREST OF CLIENTS',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'d.STANDARDS OF SERVICES',
			userAnswer:'',
			isRight:null,
			answer: 'd.STANDARDS OF SERVICES',
			userAnswer: '',
			isRight: null,
			},
			]
			}
			],
			readingTwo:[
			readingTwo: [
			{
			type:'checkbox',
			isComplete:false,
			isRight:false,
			option:[
			type: 'checkbox',
			isComplete: false,
			isRight: false,
			option: [
			'Observe the employee handbook strictly.',
			'Get involved in activities inconsistent with company values.',
			'Never leak personal information of the client.',
			@@ -4135,220 +3570,220 @@
			'Judge customers by appearance.',
			'Always give priority to clients’ interests.'
			],
			value:[
			value: [
			{
			userAnswer:[]
			userAnswer: []
			}
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'We may feel cheated when finding the report is actually false.',
			answer:'misleading',
			userAnswer:'',
			isRight:null
			stem: 'We may feel cheated when finding the report is actually false.',
			answer: 'misleading',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'A true partnership is a two-way street,and our customers embrace this philosophy.',
			answer:'clients',
			userAnswer:'',
			isRight:null
			stem: 'A true partnership is a two-way street,and our customers embrace this philosophy.',
			answer: 'clients',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'The disagreements at the workplace need to be resolved in a timely and professional manner.',
			answer:'conflicts',
			userAnswer:'',
			isRight:null
			stem: 'The disagreements at the workplace need to be resolved in a timely and professional manner.',
			answer: 'conflicts',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'The company’s image is the reflection of its culture.',
			answer:'reputation',
			userAnswer:'',
			isRight:null
			stem: 'The company’s image is the reflection of its culture.',
			answer: 'reputation',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'All the staff are required to follow the company code of conduct.',
			answer:'observe',
			userAnswer:'',
			isRight:null
			stem: 'All the staff are required to follow the company code of conduct.',
			answer: 'observe',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne:'The manager asked the intern to',
			stemTwo:'the data and draft a report.',
			answer:'dig into',
			userAnswer:'',
			isRight:null
			stemOne: 'The manager asked the intern to',
			stemTwo: 'the data and draft a report.',
			answer: 'dig into',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'A firm must',
			stemTwo:'the interests of its customers and treat them fairly.',
			answer:'pay due regard to',
			userAnswer:'',
			isRight:null
			stemOne: 'A firm must',
			stemTwo: 'the interests of its customers and treat them fairly.',
			answer: 'pay due regard to',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'The newly-recruited staff were asked to',
			stemTwo:'the routine meeting on Monday.',
			answer:'engage in',
			userAnswer:'',
			isRight:null
			stemOne: 'The newly-recruited staff were asked to',
			stemTwo: 'the routine meeting on Monday.',
			answer: 'engage in',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'',
			stemTwo:',you shouldn’t give up without trying.',
			answer:'Above all',
			userAnswer:'',
			isRight:null
			stemOne: '',
			stemTwo: ',you shouldn’t give up without trying.',
			answer: 'Above all',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'She made a speech,',
			stemTwo:'the sales department,at the annual meeting of the corporation.',
			answer:'on behalf of',
			userAnswer:'',
			isRight:null
			stemOne: 'She made a speech,',
			stemTwo: 'the sales department,at the annual meeting of the corporation.',
			answer: 'on behalf of',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne:'It’s 9 o’clock in the evening.He',
			stemTwo:'(can/could) still be at the office.He is a workaholic.',
			answer:'could',
			userAnswer:'',
			isRight:null
			stemOne: 'It’s 9 o’clock in the evening.He',
			stemTwo: '(can/could) still be at the office.He is a workaholic.',
			answer: 'could',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'You should introduce yourself; your client',
			stemTwo:'(can/may) not remember you.',
			answer:'may',
			userAnswer:'',
			isRight:null
			stemOne: 'You should introduce yourself; your client',
			stemTwo: '(can/may) not remember you.',
			answer: 'may',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'I thought he',
			stemTwo:'(can/might) have a meeting with his team.',
			answer:'might',
			userAnswer:'',
			isRight:null
			stemOne: 'I thought he',
			stemTwo: '(can/might) have a meeting with his team.',
			answer: 'might',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'The customer',
			stemTwo:'(can/may) be very difficult to deal with when he is in a bad mood.',
			answer:'can',
			userAnswer:'',
			isRight:null
			stemOne: 'The customer',
			stemTwo: '(can/may) be very difficult to deal with when he is in a bad mood.',
			answer: 'can',
			userAnswer: '',
			isRight: null
			},
			{
			stemOne:'There is a slim chance that we',
			stemTwo:'(can/might) take a rest this weekend.',
			answer:'might',
			userAnswer:'',
			isRight:null
			stemOne: 'There is a slim chance that we',
			stemTwo: '(can/might) take a rest this weekend.',
			answer: 'might',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'Our boss <span class="u">can</span> be very angry when people don’t listen to him.',
			answer:'T',
			userAnswer:'',
			isRight:null
			stem: 'Our boss <span class="u">can</span> be very angry when people don’t listen to him.',
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'The new project might work,but it <span class="u">could</span> not.',
			answer:'F',
			userAnswer:'',
			isRight:null
			stem: 'The new project might work,but it <span class="u">could</span> not.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'The manager <span class="u">can not</span> have seen the message yet.',
			answer:'F',
			userAnswer:'',
			isRight:null
			stem: 'The manager <span class="u">can not</span> have seen the message yet.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'We <span class="u">may</span> have been colleagues if he hadn’t missed the interview.',
			answer:'F',
			userAnswer:'',
			isRight:null
			stem: 'We <span class="u">may</span> have been colleagues if he hadn’t missed the interview.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'The meeting might be cancelled for the delay of their plane.',
			answer:'T',
			userAnswer:'',
			isRight:null
			stem: 'The meeting might be cancelled for the delay of their plane.',
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			]
			},
			],
			listenThree:[
			listenThree: [
			{
			type:'dropdown',
			isComplete:false,
			isShowAnswer:false,
			option:['T','F'],
			value:[
			type: 'dropdown',
			isComplete: false,
			isShowAnswer: false,
			option: ['T', 'F'],
			value: [
			{
			stem:'A positive workplace might have the same details for everybody.',
			answer:'F',
			userAnswer:''
			stem: 'A positive workplace might have the same details for everybody.',
			answer: 'F',
			userAnswer: ''
			},
			{
			stem:'It should be a place where the management team enjoys coming to work.',
			answer:'F',
			userAnswer:''
			stem: 'It should be a place where the management team enjoys coming to work.',
			answer: 'F',
			userAnswer: ''
			},
			{
			stem:'The happier people are at work,the better they will perform.',
			answer:'F',
			userAnswer:''
			stem: 'The happier people are at work,the better they will perform.',
			answer: 'F',
			userAnswer: ''
			},
			{
			stem:'The better the company culture is,the greater the reputation it enjoys.',
			answer:'T',
			userAnswer:''
			stem: 'The better the company culture is,the greater the reputation it enjoys.',
			answer: 'T',
			userAnswer: ''
			},
			{
			stem:'Most employees succeed in a positive atmosphere.',
			answer:'T',
			userAnswer:''
			stem: 'Most employees succeed in a positive atmosphere.',
			answer: 'T',
			userAnswer: ''
			},
			]
			},
			{
			type:'select',
			isComplete:false,
			isShowAnswer:false,
			option:['a','b','c','d','e'],
			value:[
			type: 'select',
			isComplete: false,
			isShowAnswer: false,
			option: ['a', 'b', 'c', 'd', 'e'],
			value: [
			{
			answer:['d','e'],
			userAnswer:[],
			isRight:null
			answer: ['d', 'e'],
			userAnswer: [],
			isRight: null
			},
			{
			answer:['a','b','c'],
			userAnswer:[],
			isRight:null
			answer: ['a', 'b', 'c'],
			userAnswer: [],
			isRight: null
			},
			]
			},
			@@ -4357,30 +3792,37 @@
			},
			mounted() {
			this.getPath();
			const dropDownOne = localStorage.getItem('english-chapter04-dropDownOne')
			if(dropDownOne) this.dropDownOne = JSON.parse(dropDownOne)
			const listenTable = localStorage.getItem('english-chapter06-listenTable')
			if(listenTable) this.listenTable = JSON.parse(listenTable)
			const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData')
			if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
			const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne')
			if (dropDownOne) this.dropDownOne = JSON.parse(dropDownOne)
			const listenTable = localStorage.getItem('english-chapter06-listenTable')
			if (listenTable) this.listenTable = JSON.parse(listenTable)
			const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData')
			if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)

			const readingOne = localStorage.getItem('english-chapter06-readingOne')
			if(readingOne) this.readingOne = JSON.parse(readingOne)
			const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo')
			if(dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo)
			const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree')
			if(dropdownThree) this.dropdownThree = JSON.parse(dropdownThree)
			if (readingOne) this.readingOne = JSON.parse(readingOne)

			const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo')
			if (dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo)

			const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree')
			if (dropdownThree) this.dropDownThree = JSON.parse(dropdownThree)

			const readingTwo = localStorage.getItem('english-chapter06-readingTwo')
			if(readingTwo) this.readingTwo = JSON.parse(readingTwo)
			if (readingTwo) this.readingTwo = JSON.parse(readingTwo)

			const listenThree = localStorage.getItem('english-chapter06-listenThree')
			if(listenThree) this.listenThree = JSON.parse(listenThree)
			if (listenThree) {
			this.listenThree = JSON.parse(listenThree)
			}
			},
			methods: {
			arrayToString(data) {
			if(Array.isArray(data)) {
			if (Array.isArray(data)) {
			return data.toString()
			} else {
			return data
			}
			} else {
			return data
			}
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			@@ -4406,8 +3848,16 @@
			);

			},
			showAnswer(type) {
			if (type == "showImg") {
			this.showImg = !this.showImg;
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			saveDropdoenOne() {
			localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))
			localStorage.setItem('english-chapter06-dropDownOne', JSON.stringify(this.dropDownOne))
			},
			handledropDownOne() {
			for (let index = 0; index < this.dropDownOne.length; index++) {
			@@ -4441,7 +3891,7 @@
			}
			},
			savelistenTable() {
			localStorage.setItem('english-chapter06-listenTable',JSON.stringify(this.listenTable))
			localStorage.setItem('english-chapter06-listenTable', JSON.stringify(this.listenTable))
			},
			handlelistenTable() {
			for (let index = 0; index < this.listenTable.length; index++) {
			@@ -4475,22 +3925,22 @@
			}
			},
			savenoSubmitData() {
			localStorage.setItem('english-chapter06-noSubmitData',JSON.stringify(this.noSubmitData))
			localStorage.setItem('english-chapter06-noSubmitData', JSON.stringify(this.noSubmitData))
			},
			showNoSubmitAnswer(index,num) {
			this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
			showNoSubmitAnswer(index, num) {
			this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
			},
			saveReadingOne() {
			localStorage.setItem('english-chapter06-readingOne',JSON.stringify(this.readingOne))
			localStorage.setItem('english-chapter06-readingOne', JSON.stringify(this.readingOne))
			},
			handleReadingOne() {
			for (let index = 0; index < this.readingOne.length; index++) {
			const item = this.readingOne[index];
			item.isShowAnswer = true
			item.isComplete = true
			if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') {
			if (item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = array[cindex];
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			@@ -4502,18 +3952,20 @@
			const item = this.readingOne[index];
			item.isShowAnswer = false
			item.isComplete = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = array[cindex];
			citem.isRight = null
			if(item.type == 'checkbox') {
			citem.userAnswer = []
			} else if(item.type == 'table') {
			citem.userAnswerOne = '',
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if (item.type == 'checkbox') {
			citem.userAnswer = []
			} else if (item.type == 'table') {
			citem.userAnswerOne = '',
			citem.userAnswerTwo = ''
			} else {
			citem.userAnswer = ''
			}
			} else if (item.type == 'fill') {
			citem.isRight = null
			citem.userAnswer = ''
			} else {
			citem.userAnswer = ''
			}
			}
			}
			localStorage.removeItem('english-chapter06-readingOne')
			},
			@@ -4528,40 +3980,40 @@
			const item = this.dropDownTwo[index];
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(cindex == num) {
			if (cindex == num) {
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			localStorage.setItem('english-chapter06-dropdownTwo',JSON.stringify(this.dropDownTwo))
			localStorage.setItem('english-chapter06-dropdownTwo', JSON.stringify(this.dropDownTwo))
			},
			showdropdownTwo() {
			this.$set(this.dropDownTwo[0],'isShowAnswer',!this.dropDownTwo[0].isShowAnswer)
			this.$set(this.dropDownTwo[0], 'isShowAnswer', !this.dropDownTwo[0].isShowAnswer)
			},
			shownoSubmitData(num,number) {
			this.$set(this.noSubmitData[num].value[number],'isShowAnswer',!this.noSubmitData[num].value[number].isShowAnswer)
			shownoSubmitData(num, number) {
			this.$set(this.noSubmitData[num].value[number], 'isShowAnswer', !this.noSubmitData[num].value[number].isShowAnswer)
			},
			handleDropdownThree(num) {
			for (let index = 0; index < this.dropDownThree.length; index++) {
			const item = this.dropDownThree[index];
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(cindex == num) {
			if (cindex == num) {
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			localStorage.setItem('english-chapter06-dropdownThree',JSON.stringify(this.dropDownThree))
			localStorage.setItem('english-chapter06-dropdownThree', JSON.stringify(this.dropDownThree))
			},
			saveReadingTwo() {
			localStorage.setItem('english-chapter06-readingTwo',JSON.stringify(this.readingTwo))
			localStorage.setItem('english-chapter06-readingTwo', JSON.stringify(this.readingTwo))
			},
			handlereadingTwo() {
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isComplete = true
			item.isShowAnswer = true
			if(item.type !== 'checkbox') {
			if (item.type !== 'checkbox') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			@@ -4577,13 +4029,13 @@
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(item.type !== 'checkbox') {
			if (item.type !== 'checkbox') {
			citem.userAnswer = ''
			citem.isRight = null
			} else {
			citem.userAnswer = []
			}


			}
			}
			localStorage.removeItem('english-chapter06-readingTwo')
			@@ -4595,14 +4047,18 @@
			}
			},
			saveListenThree() {
			localStorage.setItem('english-chapter06-listenThree',JSON.stringify(this.listenThree))
			localStorage.setItem('english-chapter06-listenThree', JSON.stringify(this.listenThree))
			},
			changeDropdownDataOne(data) {
			this.$set(this.listenThree[1].value[0],'userAnswer',data)
			this.saveListenThree()
			},
			changeDropdownDataOne(data) {
			// 假设data是新的userAnswer值
			if (this.listenThree.length > 1 && this.listenThree[1].value && this.listenThree[1].value.length > 0) {
			this.$set(this.listenThree[1].value[0], 'userAnswer', data);
			this.selectedValue = data; // 更新selectedValue以反映当前选中的值
			this.saveListenThree(); // 保存更改到localStorage
			}
			},
			changeDropdownDataTwo(data) {
			this.$set(this.listenThree[1].value[1],'userAnswer',data)
			this.$set(this.listenThree[1].value[1], 'userAnswer', data)
			this.saveListenThree()
			},
			handleListenThree() {
			@@ -4612,13 +4068,13 @@
			item.isComplete = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(item.type == 'dropdown') {
			if (item.type == 'dropdown') {
			citem.isRight = citem.answer == citem.userAnswer
			} else {
			const sortedArr1 = citem.answer.slice().sort();
			const sortedArr2 = citem.userAnswer.slice().sort();
			citem.isRight = sortedArr1.every(
			(value, index) => value === sortedArr2[index]
			(value, index) => value === sortedArr2[index]
			);
			}
			}
			@@ -4632,7 +4088,7 @@
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			if(item.type == 'dropdown') {
			if (item.type == 'dropdown') {
			citem.userAnswer = ''
			} else {
			citem.userAnswer = []
			@@ -4640,13 +4096,14 @@
			}
			}
			localStorage.removeItem('english-chapter06-listenThree')
			this.$emit('empty');
			},
			viewListenThree() {
			for (let index = 0; index < this.listenThree.length; index++) {
			const item = this.listenThree[index];
			item.isShowAnswer = !item.isShowAnswer
			item.isShowAnswer = !item.isShowAnswer
			}
			}
			},
			},
			};
			</script>
			@@ -4734,10 +4191,12 @@
			outline: none;
			}
			}

			.weekly {
			border: 2px dotted #935987;
			border-radius: 6px;
			width: 100%;

			.weekly-p {
			background-color: #d2d2d2;
			}