testbookLayout.git

			@@ -52,22 +52,90 @@
			<div class="bk-wh">
			<p>open plan office　cubicles　private office　SOHO</p>
			</div>
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0108-1.jpg" />
			</p>
			<p class="center">1._____________________</p>
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0108-2.jpg" />
			</p>
			<p class="center">2._____________________</p>
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0108-3.jpg" />
			</p>
			<p class="center">3._____________________</p>
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0108-4.jpg" />
			</p>
			<p class="center">4._____________________</p>
			<ul class="fl fw-wr">
			<li class="w50">
			<p class="center">
			<img style="width:92%" alt="" src="../../assets/images/0108-1.jpg" />
			</p>
			<p class="center">1.
			<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}}
			</option>
			</select>
			<img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			<p class="center">
			<img class="w100" alt="" src="../../assets/images/0108-2.jpg" />
			</p>
			<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>
			</select>
			<img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			<p class="center">
			<img style="width:92%" alt="" src="../../assets/images/0108-3.jpg" />
			</p>
			<p class="center">3.
			<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}}
			</option>
			</select>
			<img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
			</p>
			</li>
			<li class="w50">
			<p class="center">
			<img class="w100" alt="" src="../../assets/images/0108-4.jpg" />
			</p>
			<p class="center">4.
			<select class="select-border" v-model="dropDownOne[0].value[3].userAnswer" @change="saveDropdoenOne"
			:disabled="dropDownOne[0].isComplete">
			<option v-for="(item, index) in dropDownOne[0].option" :key="'vans' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<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>
			<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>
			</div>
			<p>
			<b
			>Ⅱ.Pick up the words in the box below to describe the work
			@@ -77,6 +145,12 @@
			<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>
			</ul>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -129,69 +203,133 @@
			<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="testData.isComplete"
			succeed as a l.
			<input
			:disabled="listenTable[0].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="testData.in.one"
			@change="setTestData"
			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">
			<td class="tl-cn table-th-bc">Ross</td>
			<td>
			For me, I prefer the workplace that gives me enough space to
			grow, There should be good 2.<input
			:disabled="testData.isComplete"
			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="testData.in.one"
			@change="setTestData"
			/>and mutual 3.<input
			:disabled="testData.isComplete"
			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="testData.in.one"
			@change="setTestData"
			/>between each team member.
			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>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Amelia</td>
			<td>
			I'd like to work in an environment that gives me learning
			opportunities as well as spacefor personal 4.<input
			:disabled="testData.isComplete"
			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="testData.in.one"
			@change="setTestData"
			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="testData.isComplete"
			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="testData.in.one"
			@change="setTestData"
			/>for people's ideas as well as appreciationfor good work and
			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>
			<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>
			</div>
			<h3 id="c048"><span class="bjh3">Reading</span></h3>
			<p>1.What makes a positive work environment?</p>
			<p>2.Why would people be more productive in such environment?</p>
			<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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<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}}
			</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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<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}}
			</div>
			<p class="center"><b>A Positive Work Environment</b></p>
			<p class="center">
			<audio
			@@ -200,7 +338,7 @@
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"
			@play="audioPlay"

			></audio>
			</p>
			<p>
			@@ -345,7 +483,7 @@
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"
			@play="audioPlay"

			></audio>
			<p>candidate /ˈkændɪdət/ <i>n.</i> 应聘者</p>
			<div class="bkbj">
			@@ -477,22 +615,32 @@
			>
			</p>
			</div>
			<p>apart from ...除了……外（都）</p>
			<p>be aware of 意识到；觉察</p>
			<p>return the favor 回报</p>
			<p>keep an eye on 留意；密切注视</p>
			<p>be likely to 很可能</p>
			<ul class="fl fw-wr">
			<li>
			<p>apart from ...除了……外（都）</p>
			<p>be aware of 意识到；觉察</p>
			<p>return the favor 回报</p>
			</li>
			<li>
			<p>keep an eye on 留意；密切注视</p>
			<p>be likely to 很可能</p>
			</li>
			</ul>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>
			A.Mark the elements of a positive work environment mentioned in
			the passage.
			</p>
			<p>□Company culture</p>
			<p>□Personal development</p>
			<p>□Relationship with colleagues</p>
			<p>□Salary</p>
			<p>□Café</p>
			<p>□Leaders</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>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -545,19 +693,19 @@
			<td class="tl-cn">Para. 1-2</td>
			<td class="wh-no tl-cn">
			<input
			:disabled="testData.isComplete"
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="testData.in.one"
			@change="setTestData"
			v-model="readingOne[1].value[0].userAnswerOne"
			@input="saveReadingOne"
			/>
			</td>
			<td style="width: 80%">
			<textarea
			v-model="questionData.table.one"
			v-model="readingOne[1].value[0].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="saveReadingOne"
			></textarea>
			</td>
			</tr>
			@@ -565,19 +713,19 @@
			<td class="tl-cn">Para. 3-4</td>
			<td class="tl-cn">
			<input
			:disabled="testData.isComplete"
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="testData.in.one"
			@change="setTestData"
			v-model="readingOne[1].value[1].userAnswerOne"
			@input="saveReadingOne"
			/>
			</td>
			<td>
			<textarea
			v-model="questionData.table.two"
			v-model="readingOne[1].value[1].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="saveReadingOne"
			></textarea>
			</td>
			</tr>
			@@ -585,19 +733,19 @@
			<td class="tl-cn">Para. 5</td>
			<td class="tl-cn">
			<input
			:disabled="testData.isComplete"
			:disabled="readingOne[1].isComplete"
			type="text"
			class="input-bottom-border input-bc-t"
			style="width: 70px"
			v-model="testData.in.one"
			@change="setTestData"
			v-model="readingOne[1].value[2].userAnswerOne"
			@input="saveReadingOne"
			/>
			</td>
			<td>
			<textarea
			v-model="questionData.table.three"
			v-model="readingOne[1].value[2].userAnswerTwo"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="saveReadingOne"
			></textarea>
			</td>
			</tr>
			@@ -607,28 +755,20 @@
			A.Fill in the blanks with the proper words in the passage.The
			initial letters of the words have been given.
			</p>
			<p>
			1.Aside from the job p________ itself,one factor that is
			significantly influencing how employees feel about work is the
			work environment.
			<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>
			<p>
			2.To f_______ a positive work environment,the employer can
			motivate employees for a correct behavioral approach.
			</p>
			<p>
			3.Good behavior can not only d_________ a good and peaceful
			environment,but also promote healthy relationships among the
			staff.
			</p>
			<p>
			4.Another way to ensure a great work environment in a company is
			to show a_______ to outstanding employees.
			</p>
			<p>
			5.For employees,a positive work environment can greatly improve
			their happiness and p______ .
			</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>
			<p>
			B.Replace the underlined part in each of the following sentences
			with a phrase in the box below.Change the form if necessary.
			@@ -639,18 +779,11 @@
			aware of
			</p>
			</div>
			<p>
			1.The manager asked me to
			<span class="u">pay close attention to</span> the monthly sales
			report of the products._____
			</p>
			<p>
			2.<span class="u">Except for</span> the low salary,it’s not a bad
			job._____
			</p>
			<p>
			3.The management team <span class="u">noticed</span> some
			inappropriate behavior in the company._____
			<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">
			</p>
			</div>
			</div>
			@@ -675,39 +808,31 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			4.The graduates with a language proficiency certificate
			<span class="u">are more possible to</span> land a good job._____
			<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">
			</p>
			<p>
			5.I will
			<span class="u">help you because you have helped me</span> some
			time._____
			</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>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>
			1.Communication is quite necessary to ensure a healthy
			relationship with coworkers.
			</p>
			<p>______________________________________________</p>
			<p>
			2.A good work atmosphere can greatly increase the productivity of
			employees.
			</p>
			<p>______________________________________________</p>
			<p>
			3.Most of the candidates view company culture as the most
			important factor when choosing a job.
			</p>
			<p>______________________________________________</p>
			<p>
			4.At the annual meeting,the manager expressed the appreciation to
			the outstanding staff of the company.
			</p>
			<p>______________________________________________</p>
			<ul>
			<li v-for="(item,index) in readingOne[4].value" :key="index">
			<p>
			{{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">
			</li>
			</ul>
			<p>
			<b>Ⅲ.Grammar focus:Inverted sentences.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<span class="btn-box" >
			<svg
			t="1717037443722"
			class="icon"
			@@ -733,32 +858,23 @@
			A.Choose the correct version of the translation of the inverted
			sentences.
			</p>
			<p>1.公交车来了。</p>
			<p>a.There comes the bus.</p>
			<p>b.There the bus comes.</p>
			<p>2.发达国家制定规则、其他国家服从的时代已经过去了。</p>
			<p>
			a.Gone are the days when rich countries make the rules and
			everyone else follows.
			</p>
			<p>
			b.Gone the days are when rich countries make the rules and
			everyone else follows.
			</p>
			<p>3.我们刚到机场，飞机就起飞了。</p>
			<p>
			a.No sooner did we reached the airport than the plane had taken
			off.
			</p>
			<p>
			b.No sooner had we reached the airport than the plane took off.
			</p>
			<p>4.到那时他才意识到他错了。</p>
			<p>a.Only then he realized that he was wrong.</p>
			<p>b.Only then did he realize that he was wrong.</p>
			<p>5.雨停了之后他才离开房间。</p>
			<p>a.Not until the rain stopped did he leave the room.</p>
			<p>b.Not until did the rain stop he left the room.</p>
			<ul>
			<li v-for="(item,index) in readingOne[5].value" :key="'list' + index">
			<p>
			{{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>
			</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>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -788,16 +904,31 @@
			B.Put the following words in right order to make inverted
			sentences.
			</p>
			<p>1.did he it saw so and I</p>
			<p>______________________________________________</p>
			<p>2.he young is he a lot knows as</p>
			<p>______________________________________________</p>
			<p>3.no under will lend circumstances I money him to</p>
			<p>______________________________________________</p>
			<p>4.she have hardly music listen to does time to</p>
			<p>______________________________________________</p>
			<p>5.village in the front of river a was</p>
			<p>______________________________________________</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>
			</ul>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleReadingOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastReadingOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewReadingOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c049"><span class="bjh3">Mini-project</span></h3>
			<p>
			A pleasant work environment can make employees love their jobs and
			@@ -832,80 +963,80 @@
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.four"
			v-model="noSubmitData[2].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.five"
			v-model="noSubmitData[2].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.six"
			v-model="noSubmitData[2].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.seven"
			v-model="noSubmitData[2].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.eight"
			v-model="noSubmitData[2].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.nine"
			v-model="noSubmitData[2].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.ten"
			v-model="noSubmitData[2].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.eleven"
			v-model="noSubmitData[2].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.twelve"
			v-model="noSubmitData[2].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.thirteen"
			v-model="noSubmitData[2].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			@@ -1158,6 +1289,13 @@
			>Ⅰ.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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<div class="fieldset-5">
			<p>a.Students are supposed to arrive at the classroom on time.</p>
			@@ -1168,9 +1306,99 @@
			<p>d.Keep food and drink outside of the classroom.</p>
			<p>e.Mobile phones must be on silent mode during the class.</p>
			</div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
			<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"
			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>
			</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>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1196,17 +1424,27 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
			</p>
			<h3 id="c051"><span class="bjh3">Reading</span></h3>
			<p>
			1.How do you understand the Chinese saying “Nothing can be
			accomplished without norms or standards.”?
			</p>
			<p>
			2.Are rules and regulations important for an organization? Why?
			</p>
			<ul>
			<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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<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
			@@ -1215,7 +1453,7 @@
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"
			@play="audioPlay"

			></audio>
			</p>
			<p>
			@@ -1279,7 +1517,17 @@
			<div class="bodystyle">
			<div class="fieldset-8">
			<p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
			<p><b>A._______________________</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>
			<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" @click="saveWord($event, 'integrity')"
			@@ -1320,7 +1568,17 @@
			>
			way.
			</p>
			<p><b>B._______________________</b></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>
			<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" @click="saveWord($event, 'Competence')"
			@@ -1354,7 +1612,17 @@
			>competitor</span
			>.
			</p>
			<p><b>C._______________________</b></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>
			<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
			care.
			@@ -1401,7 +1669,7 @@
			controlslist="noplaybackrate nodownload"
			style="margin-left: 10px"
			class="audio"
			@play="audioPlay"

			></audio>
			<p>core /kɔː(r)/ <i>adj</i>.核心的</p>
			<div class="bkbj">
			@@ -1604,17 +1872,10 @@
			passage.
			</p>
			<div class="bk-11">
			<p>(　) 1.Observe the employee handbook strictly.</p>
			<p>
			(　) 2.Get involved in activities inconsistent with company
			values.
			<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>
			<p>(　) 3.Never leak personal information of the client.</p>
			<p>
			(　) 4.Advertise products and services in a professional way.
			</p>
			<p>(　) 5.Judge customers by appearance.</p>
			<p>(　) 6.Always give priority to clients’ interests.</p>
			</div>
			</div>
			</div>
			@@ -1646,26 +1907,18 @@
			A.Replace the words in italics with the exact words in the passage
			and change the form if necessary.
			</p>
			<p>
			1.We may feel cheated when finding the report is actually
			<i>false</i>._____________
			<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>
			<p>
			2.A true partnership is a two-way street,and our
			<i>customers</i> embrace this philosophy._____________
			</p>
			<p>
			3.The <i>disagreements</i> at the workplace need to be resolved in
			a timely and professional manner._____________
			</p>
			<p>
			4.The company’s <i>image</i> is the reflection of its
			culture._____________
			</p>
			<p>
			5.All the staff are required to <i>follow</i> the company code of
			conduct._____________
			</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>
			<p>
			B.Fill in the blanks with the proper form of the expressions given
			below.
			@@ -1675,26 +1928,22 @@
			on behalf of　pay due regard to　dig into　engage in　above all
			</p>
			</div>
			<p>
			1.The manager asked the intern to_______the data and draft a
			report.
			<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>
			<p>
			2.A firm must_________the interests of its customers and treat
			them fairly.
			</p>
			<p>
			3.The newly-recruited staff were asked to________the routine
			meeting on Monday.
			</p>
			<p>4._________,you shouldn’t give up without trying.</p>
			<p>
			5.She made a speech,_______the sales department,at the annual
			meeting of the corporation.
			</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>
			<p>
			<b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<span class="btn-box" >
			<svg
			t="1717037443722"
			class="icon"
			@@ -1717,35 +1966,25 @@
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>A.Choose the correct modal verbs in the brackets.</p>
			<p>
			1.It’s 9 o’clock in the evening.He______(can/could) still be at
			the office.He is a workaholic.
			<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>
			<p>
			2.You should introduce yourself; your client______(can/may) not
			remember you.
			</p>
			<p>3.I thought he_____(can/might) have a meeting with his team.</p>
			<p>
			4.The customer____(can/may) be very difficult to deal with when he
			is in a bad mood.
			</p>
			<p>
			5.There is a slim chance that we______(can/might) take a rest this
			weekend.
			</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>
			<p>B.Correct the misused modal verbs in the following sentences.</p>
			<p>
			1.Our boss <span class="u">can</span> be very angry when people
			don’t listen to him.______
			</p>
			<p>
			2.The new project might work,but it
			<span class="u">could</span> not.______
			</p>
			<p>
			3.The manager <span class="u">can not</span> have seen the message
			yet.______
			<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">
			</p>
			</div>
			</div>
			@@ -1770,14 +2009,38 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			4.We <span class="u">may</span> have been colleagues if he hadn’t
			missed the interview.______
			<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">
			</p>
			<p>
			5.The meeting might be cancelled for the delay of their
			plane.______
			</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>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handlereadingTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="recastreadingTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewreadingTwo" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c052"><span class="bjh3">Mini-project</span></h3>
			<p>
			Work in groups.Ask your group members about any improper behavior
			@@ -1814,231 +2077,231 @@
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.fourteen"
			v-model="noSubmitData[4].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.fifteen"
			v-model="noSubmitData[4].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.sixteen"
			v-model="noSubmitData[4].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.seventeen"
			v-model="noSubmitData[4].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.eighteen"
			v-model="noSubmitData[4].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.nineteen"
			v-model="noSubmitData[4].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.twenty"
			v-model="noSubmitData[4].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentyOne"
			v-model="noSubmitData[4].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.twentyTwo"
			v-model="noSubmitData[4].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentyThree"
			v-model="noSubmitData[4].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@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>
			<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/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b023">
			<img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" />
			</h2>
			@@ -2059,23 +2322,25 @@
			(F).</b
			>
			</p>
			<p>
			(　) 1.A positive workplace might have the same details for
			everybody.
			<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>
			)
			{{index + 1}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
			</p>
			<p>
			(　) 2.It should be a place where the management team enjoys
			coming to work.
			</p>
			<p>
			(　) 3.The happier people are at work,the better they will
			perform.
			</p>
			<p>
			(　) 4.The better the company culture is,the greater the
			reputation it enjoys.
			</p>
			<p>(　) 5.Most employees succeed in a positive atmosphere.</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>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -2117,22 +2382,10 @@
			>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no table-th-bc">Sally</td>
			<td>
			<select
			class="select-border select-bc-t"
			style="background-color: transparent"
			v-model="dropdownData.one.value"
			@change="setDropdownData"
			:disabled="dropdownData.isComplete"
			>
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			{{ item }}
			</option>
			</select>
			<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">
			</td>
			<td rowspan="2">
			<p class="table-p">
			@@ -2158,29 +2411,63 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="table-th-bc tl-cn">Ross</td>
			<td>
			<select
			class="select-border"
			style="background-color: transparent"
			v-model="dropdownData.two.value"
			@change="setDropdownData"
			:disabled="dropdownData.isComplete"
			>
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			{{ item }}
			</option>
			</select>
			<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">
			</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>
			<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>
			</div>
			<h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.Why do we need to take the minutes?</p>
			<p>2.What should we take down in the minutes?</p>
			<ul>
			<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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<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>
			<p><b>Ⅰ.Read the following tips and learn about the minutes.</b></p>
			<p>
			Minutes can be defined as the record of what is said and decided
			@@ -2229,7 +2516,23 @@
			<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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>

			<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"
			@@ -2237,11 +2540,39 @@
			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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>3.Summarize the main points discussed at the meeting.</p>
			<p class="center">
			<img class="img-f" alt="" src="../../assets/images/0123-2.jpg" />
			<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">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<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" />
			</p>
			@@ -2279,27 +2610,7 @@
			translation.</b
			>
			</p>
			<div class="fieldset-8">
			<p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
			<p>2.A vote was taken to approve the amended</p>
			<p>Code of Conduct for employees.</p>
			<p>
			3.The meeting agenda was unanimously approved by all attendees.
			</p>
			<p>4.The meeting adjourned at 5:00 p.m.</p>
			<p>
			5.All attendees were given an agenda prior to the meeting via
			email.
			</p>
			</div>
			<div class="fieldset-8">
			<p>a.投票同意修订后的《员工行为守则》。</p>
			<p>b.格林先生于上午10点宣布会议开始。</p>
			<p>c.下午5点休会。</p>
			<p>d.全体参会人员一致同意本次会议事项。</p>
			<p>e.会议前已通过邮件将会议事项发</p>
			<p>给了全体参会人员。</p>
			</div>
			<matching :rawData="rawData" :question="question" />
			<p>
			Ⅳ<b
			>.The HR department has been assigned the task to prepare the
			@@ -2365,6 +2676,70 @@
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
			</p>
			<div class="weekly" style="padding:0 20px">
			<p class="weekly-p">
			I.MEETING DETAILS
			</p>
			<ul class="fl fw-wr ju-bt" >
			<li>
			<p>Meeting Leader: Samuel Birch</p>
			<p>Date: September 26,2023</p>
			<p>Location: Room 202</p>
			</li>
			<li>
			<p>Note Taker: Rachel Green</p>
			<p>Time: 3 p. m.</p>
			</li>
			</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">
			Ⅲ.CALLTO ORDER
			</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">
			at 3 p.m.
			</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">
			via email. The agenda was
			unanimously approved by all attendees at 3:20 p.m.
			</p>
			<p class="weekly-p">
			Ⅳ.BUSINESS DISCUSSED
			</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">
			.A vote was
			taken to approve the budget plan of the training.
			</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">
			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">
			He suggested renting one
			</p>
			<p class="weekly-p">
			Ⅴ.ADJOURNMENT
			</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">
			at 5 p.m..
			</p>
			<p class="fl fw-wr ju-bt" >
			<span>Submitted by: Rachel Green</span>
			<span>Approved by: Samuel Birch</span>
			</p>
			</div>
			<div class="un-h2">
			<h2 id="b024">Unit Project</h2>
			</div>
			@@ -2453,23 +2828,23 @@
			<td class="tl-cn">2</td>
			<td>
			<textarea
			v-model="questionData.table.twentyFour"
			v-model="noSubmitData[8].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentyFive"
			v-model="noSubmitData[8].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentySix"
			v-model="noSubmitData[8].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			@@ -2477,23 +2852,23 @@
			<td class="tl-cn">3</td>
			<td>
			<textarea
			v-model="questionData.table.twentySeven"
			v-model="noSubmitData[8].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentyEight"
			v-model="noSubmitData[8].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.twentyNine"
			v-model="noSubmitData[8].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			@@ -2548,90 +2923,90 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="questionData.table.thirty"
			v-model="noSubmitData[9].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="questionData.table.thirtyOne"
			v-model="noSubmitData[9].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="questionData.table.thirtyTwo"
			v-model="noSubmitData[9].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td class="tl-lf">
			<textarea
			v-model="questionData.table.thirtyThree"
			v-model="noSubmitData[9].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="questionData.table.thirtyFour"
			v-model="noSubmitData[9].value[4].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.thirtyFive"
			v-model="noSubmitData[9].value[5].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.thirtySix"
			v-model="noSubmitData[9].value[6].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.thirtySeven"
			v-model="noSubmitData[9].value[7].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea
			v-model="questionData.table.thirtyEight"
			v-model="noSubmitData[9].value[8].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.thirtyNine"
			v-model="noSubmitData[9].value[9].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.forty"
			v-model="noSubmitData[9].value[10].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.fortyOne"
			v-model="noSubmitData[9].value[11].userAnswer"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			@input="savenoSubmitData"
			></textarea>
			</td>
			</tr>
			@@ -2809,10 +3184,11 @@
			</template>
			<script>
			import matching from "@/components/matching/matching.vue";
			import dropdown from '@/components/dropdown/index.vue'
			import { getResourcePath } from "@/assets/methods/resources";
			export default {
			name: "chapterSix",
			components: { matching },
			components: { matching,dropdown },
			props: {
			showPageList: {
			type: Array,
			@@ -2822,49 +3198,53 @@
			return {
			imgThirteen: require("../../assets/images/grammar6-1.png"),
			imgThirteenOne: require("../../assets/images/grammar6-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			correctIcon:require('@/assets/images/correct.svg'),
			errorIcon:require('@/assets/images/error.svg'),
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			rawData: {
			left: [
			{
			oldId: "FB34",
			txt: "Martin　　　　Silk",
			txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
			},
			{
			oldId: "64D6",
			txt: "Jessica　　The Great Wall",
			txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
			},
			{
			oldId: "2ED4",
			txt: "Soren　　Chinese Food",
			txt: "3.The meeting agenda was unanimously approved by all attendees.",
			},
			{
			oldId: "44DE",
			txt: "Chinese　　　　Tea",
			txt: "4.The meeting adjourned at 5:00 p.m.",
			},
			{
			oldId: "88ND",
			txt: "5.All attendees were given an agenda prior to the meeting via email.",
			},
			],
			right: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			txt: "a.投票同意修订后的《员工行为守则》。",
			},
			{
			oldId: "FB34",
			txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			},
			{
			oldId: "2ED4",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "b.格林先生于上午10点宣布会议开始。",
			},
			{
			oldId: "44DE",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "c.下午5点休会。",
			},
			{
			oldId: "2ED4",
			txt: "d.全体参会人员一致同意本次会议事项。",
			},
			{
			oldId: "88ND",
			txt: "e.会议前已通过邮件将会议事项发给了全体参会人员。",
			},
			],
			},
			@@ -2876,26 +3256,32 @@
			{
			id: "FB34",
			linkValue:
			"The clothing material is quite popular among Roman women inancient times.",
			value: "Silk",
			"b.格林先生于上午10点宣布会议开始。",
			value: "1.Mr.Green called the meeting to order at 10:00 a.m.",
			},
			{
			id: "64D6",
			linkValue:
			"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			value: "The Great Wall",
			"a.投票同意修订后的《员工行为守则》。",
			value: "2.A vote was taken to approve the amended Code of Conduct for employees.",
			},
			{
			id: "2ED4",
			linkValue:
			"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			value: "Chinese Food",
			"d.全体参会人员一致同意本次会议事项。",
			value: "3.The meeting agenda was unanimously approved by all attendees.",
			},
			{
			id: "44DE",
			linkValue:
			"It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			value: "Chinese Tea",
			"c.下午5点休会。",
			value: "4.The meeting adjourned at 5:00 p.m.",
			},
			{
			id: "88ND",
			linkValue:
			"e.会议前已通过邮件将会议事项发给了全体参会人员。",
			value: "5.All attendees were given an agenda prior to the meeting via email.",
			},
			],
			optionStyle: undefined,
			@@ -2904,37 +3290,45 @@
			linkValues: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			},
			{
			oldId: "44DE",
			txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
			txt: "a.投票同意修订后的《员工行为守则》。",
			},
			{
			oldId: "FB34",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "b.格林先生于上午10点宣布会议开始。",
			},
			{
			oldId: "44DE",
			txt: "c.下午5点休会。",
			},
			{
			oldId: "2ED4",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "d.全体参会人员一致同意本次会议事项。",
			},
			{
			oldId: "88ND",
			txt: "e.会议前已通过邮件将会议事项发给了全体参会人员。",
			},
			],
			values: [
			{
			oldId: "FB34",
			txt: "Martin Silk",
			txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
			},
			{
			oldId: "64D6",
			txt: "The Great Wall",
			txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
			},
			{
			oldId: "2ED4",
			txt: "Chinese Food",
			txt: "3.The meeting agenda was unanimously approved by all attendees.",
			},
			{
			oldId: "44DE",
			txt: "Chinese Tea",
			txt: "4.The meeting adjourned at 5:00 p.m.",
			},
			{
			oldId: "88ND",
			txt: "5.All attendees were given an agenda prior to the meeting via email.",
			},
			],
			},
			@@ -2946,7 +3340,7 @@
			titleDescription: "1",
			userChoise: [],
			value: [],
			answerImg: require("../../assets/images/matching-one.png"),
			answerImg: require("../../assets/images/matching-9.jpg"),
			},
			questionData: {
			warnUp: {
			@@ -3085,129 +3479,912 @@
			readingOne: "",
			readingTwo: "",
			},
			dropDownList: [
			"online shopping",
			"facial recognition",
			"electronic payment",
			"intercity train",
			"shared bike",
			"take-away service",
			// 新增
			dropDownOne:[
			{
			type:'dropdown',
			isComplete:false,
			isShowAnswer:false,
			option:[
			'open plan office','cubicles','private office','SOHO'
			],
			value:[
			{
			answer:"cubicles",
			userAnswer:"",
			isRight:"",
			},
			{
			answer:"open plan office",
			userAnswer:"",
			isRight:"",
			},
			{
			answer:"private office",
			userAnswer:"",
			isRight:"",
			},
			{
			answer:"SOHO",
			userAnswer:"",
			isRight:"",
			},
			]
			}
			],
			dropdownData: {
			one: {
			value: "",
			isRight: null,
			answer: "intercity train",
			listenTable:[
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			{
			answer:'team',
			userAnswer:'',
			isRight:null
			},
			{
			answer:'communication',
			userAnswer:'',
			isRight:null
			},
			{
			answer:'understanding',
			userAnswer:'',
			isRight:null
			},
			{
			answer:'development',
			userAnswer:'',
			isRight:null
			},
			{
			answer:'respect',
			userAnswer:'',
			isRight:null
			},
			]
			}
			],
			noSubmitData:[
			{
			type:'shortAnswer',
			value:[
			{
			stem:'caring',
			userAnswer:''
			},
			{
			stem:'supportive',
			userAnswer:''
			},
			{
			stem:'privacy',
			userAnswer:''
			},
			{
			stem:'friendly',
			userAnswer:''
			},
			{
			stem:'freedom',
			userAnswer:''
			},
			{
			stem:'flexible',
			userAnswer:''
			},
			]
			},
			two: {
			value: "",
			isRight: null,
			answer: "online shopping",
			{
			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:'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
			},
			]
			},
			three: {
			value: "",
			isRight: null,
			answer: "electronic payment",
			{
			type:'table',
			value:[
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			]
			},
			four: {
			value: "",
			isRight: null,
			answer: "shared bike",
			{
			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:'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:''
			}
			]
			},
			five: {
			value: "",
			isRight: null,
			answer: "take-away service",
			{
			type:'table',
			value:[
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			]
			},
			six: {
			value: "",
			isRight: null,
			answer: "facial recognition",
			{
			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.',
			'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:''
			},
			{
			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:[
			{
			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:['Updates of Code of Conduct ','In-Service Training ']
			}
			]
			},
			{
			type:'fill',
			value:[
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			]
			},
			{
			type:'table',
			value:[
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			]
			},
			{
			type:'table',
			value:[
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			]
			}
			],
			readingOne:[
			{
			type:'checkbox',
			isComplete:false,
			isShowAnswer:false,
			option:['Company culture','Personal development','Relationship with colleagues','Salary','Café','Leaders'],
			value:[
			{
			userAnswer:[]
			}
			]
			},
			{
			type:'table',
			isComplete:false,
			isShowAnswer:false,
			value:[
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			},
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			},
			{
			userAnswerOne:'',
			userAnswerTwo:'',
			},
			]
			},
			{
			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:'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:'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
			},
			]
			},
			{
			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:'<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 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
			},
			]
			},
			{
			type:'translate',
			isShowAnswer:false,
			isComplete:false,
			value:[
			{
			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:'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:'',
			},
			]
			},
			{
			type:'radio',
			isComplete:false,
			isShowAnswer:false,
			value:[
			{
			stem:'公交车来了。',
			option:[
			{
			label:'There comes the bus.',
			value:'a',
			},
			{
			label:'There the bus comes.',
			value:'b'
			}
			],
			answer:'',
			userAnswer:''
			},
			{
			stem:'发达国家制定规则、其他国家服从的时代已经过去了。',
			option:[
			{
			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'
			}
			],
			answer:'',
			userAnswer:''
			},
			{
			stem:'我们刚到机场，飞机就起飞了。',
			option:[
			{
			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'
			}
			],
			answer:'',
			userAnswer:''
			},
			{
			stem:'到那时他才意识到他错了。',
			option:[
			{
			label:'Only then he realized that he was wrong.',
			value:'a',
			},
			{
			label:'Only then did he realize that he was wrong.',
			value:'b'
			}
			],
			answer:'',
			userAnswer:''
			},
			{
			stem:'雨停了之后他才离开房间。',
			option:[
			{
			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'
			}
			],
			answer:'',
			userAnswer:''
			},
			]
			},
			{
			type:'montage',
			isComplete:false,
			isShowAnswer:false,
			value:[
			{
			stem:'did he it saw so and I',
			userAnswer:''
			},
			{
			stem:'he young is he a lot knows as',
			userAnswer:''
			},
			{
			stem:'no under will lend circumstances I money him to',
			userAnswer:''
			},
			{
			stem:'she have hardly music listen to does time to',
			userAnswer:''
			},
			{
			stem:'village in the front of river a was',
			userAnswer:''
			},
			]
			}
			],
			dropDownTwo:[
			{
			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:[
			{
			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:'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:'e.Mobile phones must be on silent mode during the class.',
			userAnswer:'',
			isRight:null,
			},
			]
			}
			],
			dropDownThree:[
			{
			type:'dropdown',
			isShowAnswer:false,
			option:[
			'a.BEST INTEREST OF CLIENTS',
			'b.INTEGRITY',
			'c.COLLABORATIVE',
			'd.STANDARDS OF SERVICES',
			'e.REWARDING'
			],
			value:[
			{
			answer:'b.INTEGRITY',
			userAnswer:'',
			isRight:null,
			},
			{
			answer:'a.BEST INTEREST OF CLIENTS',
			userAnswer:'',
			isRight:null,
			},
			{
			answer:'d.STANDARDS OF SERVICES',
			userAnswer:'',
			isRight:null,
			},
			]
			}
			],
			readingTwo:[
			{
			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.',
			'Advertise products and services in a professional way.',
			'Judge customers by appearance.',
			'Always give priority to clients’ interests.'
			],
			value:[
			{
			userAnswer:[]
			}
			]
			},
			{
			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:'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 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
			},
			]
			},
			{
			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:'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:'',
			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
			},
			]
			},
			{
			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:'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:'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
			},
			]
			},
			{
			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:'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:'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
			},
			]
			},
			],
			listenThree:[
			{
			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:'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 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:''
			},
			]
			},
			{
			type:'select',
			isComplete:false,
			isShowAnswer:false,
			option:['a','b','c','d','e'],
			value:[
			{
			answer:['d','e'],
			userAnswer:[],
			isRight:null
			},
			{
			answer:['a','b','c'],
			userAnswer:[],
			isRight:null
			},
			]
			},
			]
			};
			},
			mounted() {
			const testData = localStorage.getItem("english-testOne");
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			const dropdownData = localStorage.getItem("english-dropdown-one");
			if (dropdownData) {
			this.dropdownData = JSON.parse(dropdownData);
			}
			this.getPath();
			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 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)
			const readingTwo = localStorage.getItem('english-chapter06-readingTwo')
			if(readingTwo) this.readingTwo = JSON.parse(readingTwo)
			const listenThree = localStorage.getItem('english-chapter06-listenThree')
			if(listenThree) this.listenThree = JSON.parse(listenThree)
			},
			methods: {
			arrayToString(data) {
			if(Array.isArray(data)) {
			return data.toString()
			} else {
			return data
			}
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			changeTestData() {
			localStorage.removeItem("english-testOne");
			this.testData = {
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			},
			tx: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			in: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			isRight: null,
			answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
			},
			line: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			ts: {
			one: "",
			two: "",
			three: "",
			four: "",
			},
			gr: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			cm: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			};
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			JSON.stringify(this.questionData)
			);
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			@@ -3220,102 +4397,247 @@
			"E8719EC88026BCFB11D292AA999F6D3D"
			);
			},
			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))
			},
			handleQuestion(type) {
			if (type == "one") {
			this.questionData.warnUp.one.value
			? (this.questionData.warnUp.one.isRight =
			this.questionData.warnUp.one.value == "Chinese knot")
			: (this.questionData.warnUp.one.isRight = null);
			} else if (type == "two") {
			this.questionData.warnUp.two.value
			? (this.questionData.warnUp.two.isRight =
			this.questionData.warnUp.two.value == "Chinese medicine")
			: (this.questionData.warnUp.two.isRight = null);
			} else if (type == "three") {
			this.questionData.warnUp.three.value
			? (this.questionData.warnUp.three.isRight =
			this.questionData.warnUp.three.value == "Chinese calligraphy")
			: (this.questionData.warnUp.three.isRight = null);
			} else if (type == "four") {
			this.questionData.warnUp.four.value
			? (this.questionData.warnUp.four.isRight =
			this.questionData.warnUp.four.value == "Taichi")
			: (this.questionData.warnUp.four.isRight = null);
			} else if (type == "five") {
			this.questionData.warnUp.five.value
			? (this.questionData.warnUp.five.isRight =
			this.questionData.warnUp.five.value == "sweet dumpling")
			: (this.questionData.warnUp.five.isRight = null);
			} else if (type == "six") {
			this.questionData.warnUp.six.value
			? (this.questionData.warnUp.six.isRight =
			this.questionData.warnUp.six.value == "Chinese chess")
			: (this.questionData.warnUp.six.isRight = null);
			}
			},
			handleDropdown(type) {
			const dropdownDatas = this.dropdownData;
			for (let key in dropdownDatas) {
			const item = dropdownDatas[key];
			if (type == "judge") {
			item.value == item.answer
			? (item.isRight = true)
			: (item.isRight = false);
			console.log(item.value, item.answer);
			handledropDownOne() {
			for (let index = 0; index < this.dropDownOne.length; index++) {
			const item = this.dropDownOne[index];
			item.isComplete = true
			item.isShowAnswer = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			this.dropdownData = dropdownDatas;
			this.saveDropdoenOne()
			},
			changeDropdown() {
			localStorage.removeItem("english-dropdown-one");
			for (let key in this.dropdownData) {
			const item = this.dropdownData[key];
			item.value = "";
			item.isRight = null;
			}
			},
			setDropdownData() {
			localStorage.setItem(
			"english-dropdown-one",
			JSON.stringify(this.dropdownData)
			);
			},
			saveData() {
			const item = this.testData["check"];
			const sortedArr1 = item.answer.slice().sort();
			const sortedArr2 = item.value.slice().sort();
			const isRight = sortedArr1.every(
			(value, index) => value === sortedArr2[index]
			);
			const inData = this.testData["in"];
			let inString = [];
			for (let key in inData) {
			const citem = inData[key];
			if (key != "answer" && key !== "isRight") {
			console.log(key);
			inString.push(citem);
			recastdropDownOne() {
			for (let index = 0; index < this.dropDownOne.length; index++) {
			const item = this.dropDownOne[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			citem.userAnswer = ''
			}
			}
			const inRight = inData.answer == inString;
			console.log("in", inData.answer, inString);
			this.$set(this.testData["in"], "isRight", inRight);
			this.$set(this.testData["check"], "isRight", isRight);
			this.setTestData();
			console.log(this.testData);
			localStorage.removeItem('english-chapter06-dropDownOne')
			},
			audioPlay() {
			this.$emit("closeMiniAudio");
			viewdropDownOne() {
			for (let index = 0; index < this.dropDownOne.length; index++) {
			const item = this.dropDownOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			savelistenTable() {
			localStorage.setItem('english-chapter06-listenTable',JSON.stringify(this.listenTable))
			},
			handlelistenTable() {
			for (let index = 0; index < this.listenTable.length; index++) {
			const item = this.listenTable[index];
			item.isComplete = true
			item.isShowAnswer = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.userAnswer == citem.answer
			}
			}
			this.savelistenTable()
			},
			recastlistenTable() {
			for (let index = 0; index < this.listenTable.length; index++) {
			const item = this.listenTable[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			citem.userAnswer = ''
			}
			}
			localStorage.removeItem('english-chapter06-listenTable')
			},
			viewlistenTable() {
			for (let index = 0; index < this.listenTable.length; index++) {
			const item = this.listenTable[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			savenoSubmitData() {
			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)
			},
			saveReadingOne() {
			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') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = array[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			this.saveReadingOne()
			},
			recastReadingOne() {
			for (let index = 0; index < this.readingOne.length; index++) {
			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 = '',
			citem.userAnswerTwo = ''
			} else {
			citem.userAnswer = ''
			}
			}
			}
			localStorage.removeItem('english-chapter06-readingOne')
			},
			viewReadingOne() {
			for (let index = 0; index < this.readingOne.length; index++) {
			const item = this.readingOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handledropDownTwo(num) {
			for (let index = 0; index < this.dropDownTwo.length; index++) {
			const item = this.dropDownTwo[index];
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(cindex == num) {
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			localStorage.setItem('english-chapter06-dropdownTwo',JSON.stringify(this.dropDownTwo))
			},
			showdropdownTwo() {
			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)
			},
			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) {
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			localStorage.setItem('english-chapter06-dropdownThree',JSON.stringify(this.dropDownThree))
			},
			saveReadingTwo() {
			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') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			}
			this.saveReadingTwo()
			},
			recastreadingTwo() {
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(item.type !== 'checkbox') {
			citem.userAnswer = ''
			citem.isRight = null
			} else {
			citem.userAnswer = []
			}

			}
			}
			localStorage.removeItem('english-chapter06-readingTwo')
			},
			viewreadingTwo() {
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			saveListenThree() {
			localStorage.setItem('english-chapter06-listenThree',JSON.stringify(this.listenThree))
			},
			changeDropdownDataOne(data) {
			this.$set(this.listenThree[1].value[0],'userAnswer',data)
			this.saveListenThree()
			},
			changeDropdownDataTwo(data) {
			this.$set(this.listenThree[1].value[1],'userAnswer',data)
			this.saveListenThree()
			},
			handleListenThree() {
			for (let index = 0; index < this.listenThree.length; index++) {
			const item = this.listenThree[index];
			item.isShowAnswer = true
			item.isComplete = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			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]
			);
			}
			}
			}
			},
			recastListenThree() {
			for (let index = 0; index < this.listenThree.length; index++) {
			const item = this.listenThree[index];
			item.isShowAnswer = false
			item.isComplete = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			if(item.type == 'dropdown') {
			citem.userAnswer = ''
			} else {
			citem.userAnswer = []
			}
			}
			}
			localStorage.removeItem('english-chapter06-listenThree')
			},
			viewListenThree() {
			for (let index = 0; index < this.listenThree.length; index++) {
			const item = this.listenThree[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			}
			},
			};
			</script>
			@@ -3403,4 +4725,12 @@
			outline: none;
			}
			}
			.weekly {
			border: 2px dotted #935987;
			border-radius: 6px;
			width: 100%;
			.weekly-p {
			background-color: #d2d2d2;
			}
			}
			</style>