testbookLayout.git

			@@ -566,31 +566,102 @@
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Fill in the blanks with the exact words in the passage.</p>
			<p>1.Wang takes a high-risk job on high-voltage power lines as_______________.</p>
			<p>2.Wang Jin felt_______________when he first touched the power line.</p>
			<p>3.Wang finished the world’s first repair work on a 660-kilovolt_______________.</p>
			<p>4.The innovation center uses_______________for line inspection and maintenance.</p>
			<p>5.By 2020,a total of 35 UHV projects had been completed or_______________.</p>
			<p v-for="(item, index) in questionDataOne[0].value" :key="index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
			style="width: 140px" v-model="item.userAnswer" @input="setQuestionDataOne" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
			<p>
			答案：
			</p>
			<div v-for="(item, index) in questionDataOne[0].value" :key="'answerOne' + index">
			<p class="" style="margin-left: 40px">{{ index + 1 }}.{{ item.answer }}</p>
			</div>
			</div>
			<p>B.Put the following statements in right order according to the course of Wang’s career
			development in the passage.</p>
			<p>(　) Wang got one of the highest national awards for his superior performance.</p>
			<p>(　) Wang and his colleagues set up an innovation center to meet new work demand.</p>
			<p>(　) Wang was really afraid when he first touched the ultra-high-voltage line.</p>
			<p>(　) Wang and his colleagues want to create an digital and intelligent line inspection system.
			<p v-for="(item, index) in questionDataOne[1].value" :key="'select' + index">
			( <select class="select-border w10" v-model="item.userAnswer" @change="setQuestionDataOne"
			:disabled="questionDataOne[1].isComplete">
			<option v-for="(citem, cindex) in questionDataOne[1].option" :key="'option' + cindex"
			:value="citem">
			{{ citem }}
			</option>
			</select>)
			{{ item.stem }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[1].isComplete">
			</p>
			<p>(　) Wang and his colleagues use drones for checking and repairing the lines.</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[1].isShowAnswer">
			<p>
			答案：
			<span v-for="(item, index) in questionDataOne[1].value" :key="'answerTwo' + index">
			{{ item.answer }}
			</span>
			</p>
			</div>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
			have been given.</p>
			<p>One of my first c________in my job experience was the cultural difference.Different cultures
			<p>One of my first c<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[0].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">
			in my job experience was the cultural difference.Different cultures
			make people think and behave differently.“Do in Rome as the Romans do.” In the first year I
			usually communicated with my c________.I spent a lot of time keeping in c________with my
			customers and developed my cross-cultural c________.In this way,I adapted to my new working
			environment very fast,p________well and finally I a________my goals.</p>
			usually communicated with my c<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[1].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">.I spent a
			lot of time keeping in c <input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[2].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">with my
			customers and developed my cross-cultural c<input :disabled="questionDataOne[2].isComplete"
			type="text" class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[3].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">.In this
			way,I adapted to my new working
			environment very fast,p<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[4].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">well and
			finally I a<input :disabled="questionDataOne[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
			v-model="questionDataOne[2].value[5].userAnswer" />
			<img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataOne[2].isComplete">my goals.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataOne[2].value" :key="'answerThree' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</span>
			</p>
			</div>
			<p>B.Underline the following expressions in the passage and make sentences with them.</p>
			<p>1.set up_________________________________________</p>
			<p>2.give support_________________________________________</p>
			<p>3.under construction_________________________________________</p>
			<p>1.set up</p>
			<textarea v-model="questionDataOne[3].value[0].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>2.give support</p>
			<textarea v-model="questionDataOne[3].value[1].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>3.under construction</p>
			<textarea v-model="questionDataOne[3].value[2].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -613,18 +684,36 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.thanks to_________________________________________</p>
			<p>5.power outage_________________________________________</p>
			<p>4.thanks to</p>
			<textarea v-model="questionDataOne[3].value[3].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<p>5.power outage</p>
			<textarea v-model="questionDataOne[3].value[4].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
			<p>
			答案：
			</p>
			<p v-for="(item, index) in questionDataOne[3].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>1.If you want to achieve a higher working goal,you need to consider it carefully right now.
			</p>
			<p>_________________________________________________________________</p>
			<p>2.To go for technical innovation,one must have the fearless spirit of a pathbreaker.</p>
			<p>_________________________________________________________________</p>
			<p>3.You need keep in contact with your customers when some problems arise.</p>
			<p>_________________________________________________________________</p>
			<p>4.Those employees believe that challenges offer opportunities to learn.</p>
			<p>_________________________________________________________________</p>
			<div v-for="(item, index) in questionDataOne[4].value" :key="'Translate' + index">
			<p>{{ index + 1 }}.{{ item.stem }}</p>
			<p> <input :disabled="questionDataOne[4].isComplete" type="text" @input="setQuestionDataOne"
			class="input-bottom-border w95" v-model="item.userAnswer" /></p>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
			<p>
			例句：
			</p>
			<p v-for="(item, index) in questionDataOne[4].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<p><b>Ⅲ.Grammar focus:The simple past & past perfect tense.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			@@ -641,18 +730,64 @@
			</div>
			<p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
			from the passage,and then write them down.</p>
			<p><b>The simple past tense:</b></p>
			<p>1._________________________________________</p>
			<p>2._________________________________________</p>
			<p><b>The past perfect tense:</b></p>
			<p>3._________________________________________</p>
			<p>4._________________________________________</p>
			<div v-for="(item, index) in questionDataOne[5].value" :key="'pt' + index">
			<p><b>{{ item.stem }}:</b></p>
			<p> {{ item.num + 1 }}.<input :disabled="questionDataOne[5].isComplete" type="text"
			@input="setQuestionDataOne" class="input-bottom-border w90"
			v-model="item.userAnswerOne" /></p>
			<p> {{ item.num + 2 }}. <input :disabled="questionDataOne[5].isComplete" type="text"
			@input="setQuestionDataOne" class="input-bottom-border w90"
			v-model="item.userAnswerTwo" /></p>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
			<p>
			答案：
			</p>
			<div v-for="(item, index) in questionDataOne[5].value" :key="'answerFive' + index">
			<p>
			{{ item.num + 1 }}.  {{ item.answerOne }}
			</p>
			<p>
			{{ item.num + 2 }}.  {{ item.answerTwo }}
			</p>
			</div>
			</div>
			<p>B.Fill in the blanks with the proper form of the given words.</p>
			<p>1.He_____more than 20 technological innovations before he turned 35.(achieve)</p>
			<p>2.She_____(give) a lot of financial support to animal protection organizations in 2022.</p>
			<p>3.She didn’t go to bed until she_____her work.(finish)</p>
			<p>4.He_____many awards because of his hard work last year.(win)</p>
			<p>5.They_____more technologies for line repairing by 2021.(introduce)</p>
			<p v-for="(item, index) in questionDataOne[6].value" :key="'ft' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataOne" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataOne[6].value" :key="'answerFive' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c058"><span class="bjh3">Mini-project</span></h3>
			<p>List some people who are dedicated to their work,and analyze the reasons for their
			success.Jot down some notes,and then make a report to the class.</p>
			@@ -900,13 +1035,59 @@
			<h3 id="c059"><span class="bjh3">Warm-up</span></h3>
			<p><b>Put the expressions in the box below on the corresponding answer line under each
			picture.</b></p>


			<div class="bk-wh">
			<p>no bribery　punctual　attentive　gossiping</p>
			</div>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0134-2.jpg" /></p>
			<p class="center">1._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0134-3.jpg" /></p>
			<p class="center">2._____________________</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0134-2.jpg" />
			</p>
			<p class="center">
			1.<select class="select-border w45" v-model="warmUp[0].value[0].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[0].answer }}
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0134-3.jpg" />
			</p>
			<p class="center">
			2.<select class="select-border w45" v-model="warmUp[0].value[1].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[1].answer }}
			</p>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -929,13 +1110,113 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0135-1.jpg" /></p>
			<p class="center">3._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0135-2.jpg" /></p>
			<p class="center">4._____________________</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0135-1.jpg" />
			</p>
			<p class="center">
			3.<select class="select-border w45" v-model="warmUp[0].value[2].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[2].answer }}
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0135-2.jpg" />
			</p>
			<p class="center">
			4.<select class="select-border w45" v-model="warmUp[0].value[3].userAnswer"
			@change="setWarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="( item, index) in warmUp[0].option"
			:key="'warmUp' + index" :value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="warmUp[0].isComplete">
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%"
			v-if="warmUp[0].isShowAnswer">
			答案：{{ this.warmUp[0].value[3].answer }}
			</p>
			</div>
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleWarmUp">
			提交
			</button>
			</li>
			<li>
			<button @click="recastWarmUp" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewWarmUp" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c060"><span class="bjh3">Reading</span></h3>
			<p>1.What examples come first to mind when referring to positive or poor work ethic?</p>
			<p>2.What kind of colleagues do you want to work with?</p>
			<p>1.What examples come first to mind when referring to positive or poor work ethic?
			<span class="btn-box" @click="showAnswerFour = !showAnswerFour">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p> <textarea v-model="questionData.tx.four" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerFour">
			答案：(1).Strong work ethics: hard working, pioneering, innovation, selflessness, bravery,
			strictness, solidarity
			(2).Poor work ethics: corruption, concealing the truth, playing tricks, dishonesty,
			</p>
			<p>2.What kind of colleagues do you want to work with?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p> <textarea v-model="questionData.tx.five" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerFive">
			答案：(1).Someone who is responsible, active, flexible, hard working.
			(2).Someone who can give me useful suggestion and advice.
			(3).Someone who can treat me equal and fair.
			(4).Someone can communicate with me openly and effectively.
			</p>
			<p class="center"><b>Work Ethic in the Workplace</b></p>
			<p class="center"> <audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@@ -999,9 +1280,10 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<p class="center"> <audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			</p>
			<p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于；至于</p>
			<div class="bkbj">
			<p><i>concerning sb./sth.; about sb./sth.</i></p>
			@@ -1037,8 +1319,14 @@
			<div class="bkbj">
			<p><i>happening all the time or repeatedly</i></p>
			</div>
			<p>depend on 依靠；依赖</p>
			<p>sort out 理顺；整理</p>
			<div class="fl">
			<div class="left" style="width: 48%;">
			<p>depend on 依靠；依赖</p>
			</div>
			<div class="right" style="width: 48%;">
			<p>sort out 理顺；整理</p>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1061,12 +1349,24 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>give up 放弃</p>
			<p>address sth.to sb. 向某人说某事</p>
			<p>turn in 上交</p>
			<div class="fl">
			<div class="left" style="width: 48%;">
			<p>give up 放弃</p>
			<p>address sth.to sb. 向某人说某事</p>
			</div>
			<div class="right" style="width: 48%;">
			<p>turn in 上交</p>
			</div>
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Match the names in the left column with their behavior in the right column.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
			<div>
			<ul class="fl ju-bt matching-title-text">
			<li style="width: 40%; text-align: center">Name</li>
			<li style="width: 40%; text-align: center">Behavior</li>
			</ul>
			<matching :rawData="rawData" :question="question"></matching>
			</div>
			<p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
			are strong or poor.</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			@@ -1141,14 +1441,32 @@
			<div class="bk-wh">
			<p>bother　complain　constant　address　regarding</p>
			</div>
			<p>1.Call me if you have any problems_____your work.</p>
			<p>2.Two questions often_____first-time corporate investors.</p>
			<p>3.Babies need_____attention.</p>
			<p>4.She_____to me about his rudeness.</p>
			<p>5.Please_____all complaints to the manager.</p>
			<p v-for="(item, index) in questionDataTwo[0].value" :key="'fbOne' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataTwo[0].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataTwo" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[0].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataTwo[0].value" :key="'fbThree' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<p>B.Underline the following expressions in the passage and make sentences with them.</p>
			<p>1.depend on_________________________________________</p>
			<p>2.sort out_________________________________________</p>
			<p>1.depend on</p>
			<textarea v-model="questionDataTwo[1].value[0].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>2.sort out</p>
			<textarea v-model="questionDataTwo[1].value[1].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1171,9 +1489,26 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>3.give up_________________________________________</p>
			<p>4.turn in_________________________________________</p>
			<p>5.address ...to ..._____________________________</p>
			<p>3.give up</p>
			<textarea v-model="questionDataTwo[1].value[2].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>4.turn in</p>
			<textarea v-model="questionDataTwo[1].value[3].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<p>5.address ...to ...</p>
			<textarea v-model="questionDataTwo[1].value[4].userAnswer" placeholder="请输入内容" rows="6"
			style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataTwo"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[1].isShowAnswer">
			<p>
			例句：
			</p>
			<p v-for="(item, index) in questionDataTwo[1].value" :key="'answerFour' + index">
			{{ index + 1 }}.  {{ item.answer }}
			</p>
			</div>
			<p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			@@ -1194,11 +1529,42 @@
			<p>1.We must double our efforts,or we will never be able to catch up with the others.</p>
			<p>2.The camerawork is perfect,and the cast is good.</p>
			</div>
			<p>1.I’d like to go to the theatre tonight,_____I’m too busy.</p>
			<p>2.Your delay shows a lack of respect for the job_____fellow coworkers.</p>
			<p>3.Work ethic can be strong_____poor.</p>
			<p>4.She is bothered by the tasks,_____she never complains.</p>
			<p>5.All the employees should show up on time_____even earlier.</p>
			<p v-for="(item, index) in questionDataTwo[2].value" :key="'fbTwo' + index">
			{{ index + 1 }}.{{ item.stemOne }}
			<input :disabled="questionDataTwo[2].isComplete" type="text" class="input-bottom-border w10"
			@input="setQuestionDataTwo" v-model="item.userAnswer" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[2].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[2].isShowAnswer">
			<p>
			答案：
			</p>
			<p>
			<span v-for="(item, index) in questionDataTwo[2].value" :key="'fbFour' + index">
			{{ index + 1 }}. {{ item.answer }}
			</span>
			</p>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataTwo" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c061"><span class="bjh3">Mini-project</span></h3>
			<p>Work in groups.Choose two of the work ethic from the box below,and discuss the way to develop
			them,and then prepare a report to the class.</p>
			@@ -1456,20 +1822,38 @@
			</div>
			</div>
			<h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
			<h3 id="c062"><span class="bjh3">Listening</span></h3>
			<p class="center"><audio :src="resource.readingTwo" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<h3 id="c062" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
			for being late.</b></p>
			<p>□ His car broke down.</p>
			<p>□ His car was borrowed.</p>
			<p>□ His clock was broken.</p>
			<p>□ His phone was out of service.</p>
			<p>□ His phone was out of battery.</p>
			<p>□ He didn’t get on the subway.</p>
			<p>□ He was ill.</p>
			<p>□ He was squeezed out of the bus.</p>
			<ul class="fl">
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
			:key="'checkBox' + index">
			<input type="checkbox" :value="item" name="item"
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(4, 8)"
			:key="'checkBoxOne' + index">
			<input type="checkbox" :value="item" name="item"
			v-model="questionDataThree[0].userAnswer"
			:disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
			{{ item }}
			<img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
			v-if="questionDataThree[0].isComplete">
			</p>
			</li>
			</ul>
			<p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
			conversation and fill in the blanks with what you hear.</b></p>
			<p>Susan:Have you noticed Jeff has been late many times?</p>
			@@ -1478,7 +1862,12 @@
			about this?</p>
			<p>Jenny:I think Jim must have already talked with Jeff.But maybe Jeff doesn’t pay attention.
			</p>
			<p>Susan:So,1._____?</p>
			<p>Susan:So,1. <input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[0].userAnswer" />?
			<img :src="questionDataThree[1].value[0].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:I suppose we should give a warning notice to Jeff about his tardiness.</p>
			</div>
			</div>
			@@ -1502,27 +1891,132 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>Susan:2._____if I talked with his director first to get to know things better.</p>
			<p>Jenny:And perhaps we should have a talk with Jeff.</p>
			<p>Susan: I think so.3._____.It is very important to let him know how serious the problem is.
			<p>Susan:2.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[1].userAnswer" />if I talked with his director first
			to get to know things better.
			<img :src="questionDataThree[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:4._____.</p>
			<p>Susan:Then after the talk,we 5._____to Jeff.</p>
			<p>Jenny:And perhaps we should have a talk with Jeff.</p>
			<p>Susan: I think so.3.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[2].userAnswer" />.It is very important to let him
			know how serious the problem is.
			<img :src="questionDataThree[1].value[2].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny:4.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[3].userAnswer" />.
			<img :src="questionDataThree[1].value[3].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Susan:Then after the talk,we 5.<input :disabled="questionDataThree[1].isComplete" type="text"
			class="input-bottom-border w40" @input="setQuestionDataThree"
			v-model="questionDataThree[1].value[4].userAnswer" />to Jeff.
			<img :src="questionDataThree[1].value[4].isRight ? correctIcon : errorIcon"
			v-if="questionDataThree[1].isComplete">
			</p>
			<p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won’t make the same mistake again in
			the future.</p>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleQuestionDataThree">
			提交
			</button>
			</li>
			<li>
			<button @click="recastQuestionDataThree" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewQuestionDataThree" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c063"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.What kind of notices have you ever read?</p>
			<p>2.Can you give some tips for writing a notice well?</p>
			<p><b>Ⅰ.Read the following tips,and summarize how to write a notice well.</b></p>
			<p>1.What kind of notices have you ever read?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p> <textarea v-model="questionData.tx.five" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerFive">
			答案：A notice for a meeting/activity/exam/lost and found/important announcement
			</p>
			<p>2.Can you give some tips for writing a notice well?
			<span class="btn-box" @click="showAnswerSix = !showAnswerSix">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p> <textarea v-model="questionData.tx.six" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
			答案：(1) Very short and attractive
			(2) Simple and easy-to-read
			(3) Very short and attractive
			(4) Only key information
			</p>
			<p><b>Ⅰ.Read the following tips,and summarize how to write a notice well.</b>
			<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>A notice intends to publicize social events,inform staff of instructions,give
			information,change plans,etc.Most notices have the following features.</p>
			<div class="fieldset">
			<p>◆ Very short and attractive</p>
			<p>◆ Simple and easy-to-read</p>
			<p>◆ Clear and specific</p>
			<p>◆ Boldfaced words</p>
			<p class="center"><img class="img-g" alt="" src="../../assets/images/0140-1.jpg" /></p>
			information,change
			plans,etc.Most notices have the following features.</p>
			<div class="fieldset fl">
			<div class="w45">
			<p>◆ Very short and attractive</p>
			<p>◆ Simple and easy-to-read</p>
			<p>◆ Clear and specific</p>
			<p>◆ Boldfaced words</p>
			</div>
			<div class="fl w45 al-cn">
			<img class="img-b" alt="" src="../../assets/images/0140-1.jpg" />
			</div>
			</div>
			<p> <textarea v-model="questionData.tx.seven" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerSeven">
			<p class="tl-lf">答案：</p>
			<p>1. A notice should be very short and attractive, capturing attention effectively.
			</p>
			<p>2. It should be simple and easy-to-read, ensuring that the message is easily understood.
			</p>
			<p>3. A notice should be clear and specific, leaving no room for confusion or
			misinterpretation.
			</p>
			<p>4. Important information or keywords should be emphasized using boldfaced words for
			better visibility and emphasis.
			</p>
			</div>
			<p><b>Ⅱ.Susan is going to issue a personnel warning notice to Jeff.Choose the items from the box
			below and fill in the blanks to make a proper notice.</b></p>
			@@ -1565,8 +2059,16 @@
			</div>
			<div class="bk-13">
			<p>Dear Jeff Bell,</p>
			<p>Your HR department has been informed by your director that_____do not comply with Tech
			Market Technology Company’s policies:</p>
			<p>Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" @change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			do not comply with Tech
			Market Technology Company’s policies:
			</p>
			<p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
			<p>_____on January 17th,2023.</p>
			<p>The following consequences,_____,will be applied,should you not demonstrate improvement
			@@ -1579,13 +2081,25 @@
			<p>Supervisor’s signature:Jim Marche</p>
			<p>Date:1/31/23</p>
			</div>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b></p>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b>
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>1.used who everyone should coffee it the clean machine</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eight" /></p>
			<p>2.to the this are welcome lecture attend all staff</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.nine" /></p>
			<p>3.due weather the badminton the to competition canceled be will</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.ten" /></p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1609,29 +2123,57 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.gate school gather for the 8 at o’clock examination at will the we</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eleven" /></p>
			<p>5.held will meeting contest in at be room tomorrow 9 p.m.the</p>
			<p>_________________________________________________</p>
			<p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twelve" /></p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
			v-if="showAnswerEight">
			<p class="tl-lf table-p">答案：</p>
			<p>1.Everyone who used the coffee machine should clean it.
			</p>
			<p>2.All the staff are welcome to attend the lecture.
			</p>
			<p>3.Due to the weather the badminton competition will be canceled.
			</p>
			<p>4. We will gather at the gate at 8 o’clock for examination.
			</p>
			<p>5. Contest will be held in the meeting room at 9 p.m. tomorrow.
			</p>
			</div>
			<p><b>Ⅳ.Susan,HR director,is responsible for writing a warning notice to Jason who delayed
			handling in a very important report.</b></p>
			handling in a very important report.</b>
			<span class="btn-box" @click="showAnswerNine = !showAnswerNine">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<div class="fieldset-4">
			<p class="left">Tech Market Technology Co.</p>
			<p class="left">Warning 1</p>
			<p class="left">Employee’s Name:</p>
			<p class="left">Employee’s Name:<input type="text" @input="setBookQuestion"
			class="input-bottom-border w20" v-model="questionData.tx.thirteen" /></p>
			<p class="left">Supervisor’s Name: Jim Marche</p>
			<p class="left">HR Representative’s Name: Susan Landen</p>
			<p class="left">Date:</p>
			<p class="left">Date:<input type="text" @input="setBookQuestion"
			class="input-bottom-border w20" v-model="questionData.tx.fourteen" /></p>
			<p><br /></p>
			<p class="left">Dear Jason,</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left">____________________________________________</p>
			<p class="left"><textarea v-model="questionData.tx.fifteen" placeholder="请输入内容" rows="6"
			style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea></p>
			<p class="left">Supervisor’s signature: Jim Marche</p>
			<p class="left">Date:1/31/23</p>
			</div>
			<div class="show-answer-box" v-if="showAnswerNine">
			<div>答案:</div>
			<div>
			<img src="../../assets/images/M7lessonThreePracticalWriting.png" alt="" class="w100" />
			</div>
			</div>
			<div class="un-h2">
			<h2 id="b028">Unit Project</h2>
			@@ -1852,14 +2394,20 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>Task 2:</b>List the possible impact the above behavior will have on a company.</p>
			<p>1.____________________________________________</p>
			<p>2.____________________________________________</p>
			<p>3.____________________________________________</p>
			<p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.sixteen" /></p>
			<p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.seventeen" /></p>
			<p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.eighteen" /></p>
			<p><b>Task 3:</b>List at least three strong work ethic you should develop and the tips for
			developing them.</p>
			<p>1.____________________________________________</p>
			<p>2.____________________________________________</p>
			<p>3.____________________________________________</p>
			<p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.nineteen" /></p>
			<p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twenty" /></p>
			<p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
			v-model="questionData.tx.twentyOne" /></p>
			<div class="fieldset-9">
			<p class="center"><b>Useful Expressions</b></p>
			<p><b>Strong work ethic you should develop:</b></p>
			@@ -2038,7 +2586,6 @@
			<script>
			import matching from "@/components/matching/matching.vue";
			import { getResourcePath } from "@/assets/methods/resources";
			import { keys } from "lodash";
			export default {
			name: "chapterSeven",
			components: { matching },
			@@ -2049,6 +2596,8 @@
			},
			data() {
			return {
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			imgThirteen: require("../../assets/images/grammar7-1.png"),
			imgThirteenOne: require("../../assets/images/grammar7-2.png"),
			showAnswerOne: false,
			@@ -2056,6 +2605,10 @@
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnswerSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			@@ -2063,37 +2616,37 @@
			left: [
			{
			oldId: "FB34",
			txt: "Martin　　　　Silk",
			txt: "Angela",
			},
			{
			oldId: "64D6",
			txt: "Jessica　　The Great Wall",
			txt: "Jim",
			},
			{
			oldId: "2ED4",
			txt: "Soren　　Chinese Food",
			txt: "Sheila",
			},
			{
			oldId: "44DE",
			txt: "Chinese　　　　Tea",
			txt: "Jefff",
			},
			],
			right: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			txt: "delaying his financial report for a month",
			},
			{
			oldId: "FB34",
			txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			},
			{
			oldId: "2ED4",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "learning some new skills about insurance",
			},
			{
			oldId: "44DE",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "almost never showing up at the ofce on time",
			},
			{
			oldId: "2ED4",
			txt: "always complaining about her tasks to others",
			},
			],
			},
			@@ -2105,26 +2658,26 @@
			{
			id: "FB34",
			linkValue:
			"The clothing material is quite popular among Roman women inancient times.",
			value: "Silk",
			"learning some new skills about insurance",
			value: "Angela",
			},
			{
			id: "64D6",
			linkValue:
			"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			value: "The Great Wall",
			"delaying his financial report for a month",
			value: "Jim",
			},
			{
			id: "2ED4",
			linkValue:
			"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			value: "Chinese Food",
			"always complaining about her tasks to others",
			value: "Sheila",
			},
			{
			id: "44DE",
			linkValue:
			"It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			value: "Chinese Tea",
			"almost never showing up at the ofce on time",
			value: "Jeff",
			},
			],
			optionStyle: undefined,
			@@ -2133,37 +2686,37 @@
			linkValues: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			},
			{
			oldId: "44DE",
			txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
			txt: "delaying his financial report for a month",
			},
			{
			oldId: "FB34",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "learning some new skills about insurance",
			},
			{
			oldId: "44DE",
			txt: "almost never showing up at the ofce on time",
			},
			{
			oldId: "2ED4",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "always complaining about her tasks to others",
			},
			],
			values: [
			{
			oldId: "FB34",
			txt: "Martin Silk",
			txt: "Angela",
			},
			{
			oldId: "64D6",
			txt: "The Great Wall",
			txt: "Jim",
			},
			{
			oldId: "2ED4",
			txt: "Chinese Food",
			txt: "Sheila",
			},
			{
			oldId: "44DE",
			txt: "Chinese Tea",
			txt: "Jefff",
			},
			],
			},
			@@ -2175,7 +2728,7 @@
			titleDescription: "1",
			userChoise: [],
			value: [],
			answerImg: require("../../assets/images/matching-one.png"),
			answerImg: require("../../assets/images/M7matching-one.png"),
			},
			questionData: {
			tx: {
			@@ -2189,6 +2742,17 @@
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			},
			ip: {
			one: "",
			@@ -2354,13 +2918,475 @@


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

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

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

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

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

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

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

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

			const questionDataThree = localStorage.getItem("english-chapter-7-questionDataThree");
			if (questionDataThree) {
			this.questionDataThree = JSON.parse(questionDataThree);
			}
			this.getPath();
			},
			methods: {
			isTextRight(answer, data, num) {
			let flag = null;
			answer[num] ? flag = answer[num] == data : flag = false;
			return flag;
			},
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			flag = answer.indexOf(data) > -1 ? true : false;
			}
			return flag;
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			@@ -2441,7 +3499,7 @@
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			"english-book-chapter07-question-one",
			JSON.stringify(this.questionData)
			);
			},
			@@ -2525,7 +3583,179 @@
			this.dropdownData = dropdownDatas;
			this.$set(this.dropdownData, "isComplete", true);
			this.setDropdownData();
			}
			},
			handleQuestionDataOne() {
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			if (item.type == "fill" \|\| item.type == "select") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			}
			},
			setQuestionDataOne() {
			localStorage.setItem(
			"english-chapter-7-questionDataOne",
			JSON.stringify(this.questionDataOne)
			);
			},
			recastQuestionDataOne() {
			localStorage.removeItem("english-chapter-7-questionDataOne");
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			if (item.type == "fill" \|\| item.type == "select") {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}
			} else {
			for (let dindex = 0; dindex < item.value.length; dindex++) {
			const ditem = item.value[dindex];
			ditem.userAnswer = "";
			ditem.userAnswerOne = "";
			ditem.userAnswerTwo = "";
			}
			}
			}
			},
			viewQuestionDataOne() {
			for (let index = 0; index < this.questionDataOne.length; index++) {
			const item = this.questionDataOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleWarmUp() {
			for (let index = 0; index < this.warmUp.length; index++) {
			const item = this.warmUp[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			},
			setWarmUp() {
			localStorage.setItem(
			"english-chapter-7-warmUp",
			JSON.stringify(this.warmUp)
			);
			},
			recastWarmUp() {
			localStorage.removeItem("english-chapter-7-warmUp");
			for (let index = 0; index < this.warmUp.length; index++) {
			const item = this.warmUp[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}

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