<template>
|
<div class="chapter" num="9">
|
<!-- 第八单元 -->
|
<!-- 135 -->
|
<div class="page-box" page="141">
|
<div v-if="showPageList.indexOf(141) > -1">
|
<h1 id="a012"><img class="img-0" alt="" src="../../assets/images/dy8.jpg" /></h1>
|
<p><b>This unit will help you to:</b></p>
|
<p>➢ Learn words and expressions to describe jobs</p>
|
<p>➢ Review the structure of the simple present & past tense,and the usage of pronouns (it,one)</p>
|
<p>➢ Perform properly in a job interview</p>
|
<p>➢ Be able to compose a follow-up email after an interview</p>
|
<p>➢ Know how to choose the right career</p>
|
<p class="center"><img class="img-0" alt="" src="../../assets/images/0145-2.jpg" /></p>
|
</div>
|
</div>
|
<!-- 136 -->
|
<div class="page-box" page="142">
|
<div v-if="showPageList.indexOf(142) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
|
<h3 id="c064"><span class="bjh3">Warm-up</span></h3>
|
<p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
|
<div class="openImgBox">
|
<div class="fl ju-bt">
|
<div class="left" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
|
</p>
|
<p class="center">
|
1.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[0].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(0)" />
|
<img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[0].isRight == true || warmUp[0].value[0].isRight == false">
|
</p>
|
</div>
|
</div>
|
<div class="right" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
|
</p>
|
<p class="center">
|
2.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[1].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(1)" />
|
<img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[1].isRight == true || warmUp[0].value[1].isRight == false">
|
</p>
|
</div>
|
</div>
|
</div>
|
|
<div class="fl ju-bt">
|
<div class="left" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
|
</p>
|
<p class="center">
|
3.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[2].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(2)" />
|
<img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[2].isRight == true || warmUp[0].value[2].isRight == false">
|
</p>
|
</div>
|
|
</div>
|
<div class="right" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
|
</p>
|
<p class="center">
|
4.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[3].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(3)" />
|
<img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[3].isRight == true || warmUp[0].value[3].isRight == false">
|
</p>
|
</div>
|
|
</div>
|
</div>
|
|
<div class="fl ju-bt">
|
<div class="left" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
|
</p>
|
<p class="center">
|
5.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[4].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(4)" />
|
<img :src="warmUp[0].value[4].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[4].isRight == true || warmUp[0].value[4].isRight == false">
|
</p>
|
</div>
|
|
</div>
|
<div class="right" style="width: 48%">
|
<div>
|
<p class="center">
|
<img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
|
</p>
|
<p class="center">
|
6.
|
<input type="text" class="input-bottom-border w50"
|
v-model="warmUp[0].value[5].userAnswer" @input="setWarmUp"
|
@blur="handleWarmUp(5)" />
|
<img :src="warmUp[0].value[5].isRight ? correctIcon : errorIcon"
|
v-if="warmUp[0].value[5].isRight == true || warmUp[0].value[5].isRight == false">
|
</p>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<p><b>Ⅱ.What other jobs can you list?</b>
|
<span class="btn-box" @click="showAnswerOne = !showAnswerOne">
|
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
|
viewBox="0 0 20.501 20.501">
|
<path class="a"
|
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
|
transform="translate(-3327.144 15329)" />
|
</svg>
|
</span>
|
</p>
|
<p>
|
<textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
|
style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
|
</textarea>
|
</p>
|
<div class="show-answer-box" v-if="showAnswerOne">
|
<div>答案:</div>
|
<div>
|
<img src="../../assets/images/M8WarmUp.png" alt="" class="w100" />
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">136</span>
|
</div>
|
</div>
|
</div>
|
<!-- 137 -->
|
<div class="page-box" page="143">
|
<div v-if="showPageList.indexOf(143) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<h3 id="c065" class="fl al-cn">
|
<span class="bjh3">Listening</span>
|
<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
|
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
|
class="audio"></audio>
|
</h3>
|
<p><b>Watch the video and find out how the speakers describe their jobs.</b>
|
<span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
|
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
|
viewBox="0 0 20.501 20.501">
|
<path class="a"
|
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
|
transform="translate(-3327.144 15329)" />
|
</svg>
|
</span>
|
</p>
|
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
|
<tr class="table-th-bc">
|
<td class="tl-cn">Who is he/she?</td>
|
<td class="tl-cn">What's his/her job?</td>
|
<td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
Duan Xinyue
|
</td>
|
<td class="tl-cn">
|
Teacher
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="questionData.table.one"
|
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
Luo Xinya
|
</td>
|
<td class="tl-cn">
|
Pet Doctor
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="questionData.table.two"
|
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
Sun Yijie
|
</td>
|
<td class="tl-cn">
|
Taxi Driver
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="questionData.table.three"
|
class="w100 table-tr-bc b0 table-textarea "
|
@change="setBookQuestion"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
Wu Qi
|
</td>
|
<td class="tl-cn">
|
Photographer
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="questionData.table.four"
|
class="w100 table-tr-bc b0 table-textarea "
|
@change="setBookQuestion"></textarea>
|
</td>
|
</tr>
|
</table>
|
<div class="show-answer-box" v-if="showAnswerTwo">
|
<div>答案:</div>
|
<div>
|
<img src="../../assets/images/M8ListeningOne.png" alt="" class="w100" />
|
</div>
|
</div>
|
<h3 id="c066"><span class="bjh3">Reading</span></h3>
|
<p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
|
full-time employment.Do you agree? Why or why not?
|
<span class="btn-box" @click="showAnswerThree = !showAnswerThree">
|
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
|
viewBox="0 0 20.501 20.501">
|
<path class="a"
|
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
|
transform="translate(-3327.144 15329)" />
|
</svg>
|
</span>
|
</p>
|
<p>
|
<textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
|
style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
|
</textarea>
|
</p>
|
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
|
答案：(1).Gain confidence and responsibility (2).Explore alternate career options (3).Strengthen resume
|
(4).Develop work ethic skills (5).Create opportunities for socializing (6).Enhance communication skills
|
(7).Build networking opportunities (8).Gain independence (9).Get a stable cash flow (10).Learn money management skills
|
</p>
|
<p>2.If you’re considering a part-time job,what’s your expectation of it?
|
<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.reading.three" placeholder="请输入内容" rows="6"
|
style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
|
</textarea>
|
</p>
|
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
|
答案：(1).a good salary (2).a regular working time (3).a friendly working team
|
(4).comfortable working environment
|
|
</p>
|
<p class="center">
|
<input type="text" class="input-bottom-border input-bc-t " style="width: 30%;"
|
v-model="questionData.reading.four" @change="setBookQuestion" />
|
</p>
|
<p class="center"> <audio :src="resource.listenOne" controls
|
controlslist="noplaybackrate nodownload" class="audio"></audio></p>
|
<p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
|
burned into one’s memory; it gives you the practice needed to
|
<span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
|
other positions; and
|
it teaches you about the value of money.
|
</p>
|
<p>When I was sixteen years old,I wanted to buy a new speed
|
<span class="word-bc" @click="saveWord($event, 'cube')">cube</span>
|
,but I did not have any money.My
|
parents were not the type of people to give money to me out of nowhere,or even for work done
|
at home.I had to find work in order to purchase one.
|
</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">137</span>
|
</div>
|
</div>
|
</div>
|
<!-- 138 -->
|
<div class="page-box" page="144">
|
<div v-if="showPageList.indexOf(144) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>So,I
|
<span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
|
as to who could give me work around town.I lived in the town of Woodway,which
|
had enough people,especially
|
<span class="word-bc" @click="saveWord($event, 'elderly')">elderly</span>
|
people,who needed help in their yards.I went to the
|
oldest person I knew in my
|
<span class="word-bc" @click="saveWord($event, 'neighbourhood')">neighbourhood</span>
|
,Mrs.Hudson.She was over eighty years old,and could
|
not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
|
her door,building up enough courage to ask her for work.She answered that indeed she needed
|
help in her garden.
|
</p>
|
<p>My first job was to pull out
|
<span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
|
.I got down on my knees with
|
<span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
|
protectors and began to
|
pull out weeds one by one in her front yard and backyard.After this
|
<span class="word-bc" @click="saveWord($event, 'tedious')">tedious</span>
|
task,I
|
<span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
|
her
|
<span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
|
—front and back.That was it for my first day,and it took me about two hours.I asked her
|
how much I would get paid,and she said,“I will give you $5 an hour.” It was less than I
|
thought I would get paid,but at least I had a job and the money for my cube.
|
</p>
|
<p>I think everyone should get down on one’s knees and pull weeds.I think everyone should feel
|
the burning sun on one’s back as they mow.It seems these experiences
|
<span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
|
spirits and
|
<span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
|
.Besides this,a first job like this teaches you the value of money,and as
|
<span class="word-bc" @click="saveWord($event, 'sweat')">sweat</span>
|
turned into the “cube”,it is something no one can take away.
|
</p>
|
<p class="fl al-cn mt-40">
|
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
|
<span class="line-border-box"></span>
|
</p>
|
<p><audio :src="resource.readingTwo" controls
|
controlslist="noplaybackrate nodownload" style="margin-left: 10px"
|
class="audio"></audio></p>
|
<p>fulfill /fʊlˈfɪl/ <i>v.</i> 符合；履行</p>
|
<div class="bkbj">
|
<p><i>to do or have what is required or necessary</i></p>
|
</div>
|
<p>cube /kjuːb/ <i>n.</i>立方体</p>
|
<div class="bkbj">
|
<p><i>a solid or hollow figure with six equal square sides</i></p>
|
</div>
|
<p>inquire /ɪnˈkwaɪə(r)/<i> v.</i> 打听；询问</p>
|
<div class="bkbj">
|
<p><i>to ask sb.for some information</i></p>
|
</div>
|
<p>elderly /ˈeldəli/ <i>adj.</i>年纪较大的</p>
|
<div class="bkbj">
|
<p><i>(of people) used as a polite word for “old”</i></p>
|
</div>
|
<p>neighbourhood /ˈneɪbəhʊd/ <i>n.</i> 所在地；临近的地方</p>
|
<div class="bkbj">
|
<p><i>the area that you are in or the area near a particular place</i></p>
|
</div>
|
<p>weed /wiːd/<i> n.</i> 杂草，野草（尤指庄稼或花园中的）</p>
|
<div class="bkbj">
|
<p><i>a wild plant growing where it is not wanted,esp.among crops or garden plants</i></p>
|
</div>
|
<p>foam /fəʊm/ <i>n.</i>泡沫橡胶</p>
|
<div class="bkbj">
|
<p><i>a soft light rubber material,full of small holes,that is used for
|
seats,mattresses,etc.</i></p>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">138</span>
|
</div>
|
</div>
|
</div>
|
<!-- 139 -->
|
<div class="page-box" page="145">
|
<div v-if="showPageList.indexOf(145) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>tedious /ˈtiːdiəs/ <i>adj.</i>单调乏味的</p>
|
<div class="bkbj">
|
<p><i>lasting or taking too long and not interesting</i></p>
|
</div>
|
<p>mow /məʊ/ <i>v.</i> 刈；割</p>
|
<div class="bkbj">
|
<p><i>to cut grass,etc.using a machine or tool with a special blade</i></p>
|
</div>
|
<p>lawn /lɔːn/ <i>n.</i>草地；草坪</p>
|
<div class="bkbj">
|
<p><i>an area of ground covered in short grass in a garden/yard or park,or used for playing
|
a game on</i></p>
|
</div>
|
<p>harden /ˈhɑːdn/<i> v.</i> （使） 更坚定，更强硬</p>
|
<div class="bkbj">
|
<p><i>to make sb’s feelings or attitudes more fixed and determined</i></p>
|
</div>
|
<p>resolve /rɪˈzɒlv/ <i>n.</i> 决心；坚定的信念</p>
|
<div class="bkbj">
|
<p><i>strong determination to achieve sth.</i></p>
|
</div>
|
<p>sweat /swet/ <i>n.</i> 汗水</p>
|
<div class="bkbj">
|
<p><i>drops of liquid that appear on the surface of your skin when you are hot,ill or
|
afraid</i></p>
|
</div>
|
<p>a couple of 几个</p>
|
<p>as to 关于</p>
|
<p>at least 至少</p>
|
<p>take away 剥夺；拿走</p>
|
<p>out of nowhere 莫名其妙地</p>
|
<p>build up 逐步建立</p>
|
<p>supply sb.with sth.为某人提供某物</p>
|
<div class="bj-note">
|
<p><b>Notes:</b></p>
|
<p>speed cube 竞速魔方，对传统魔方内部机件进行了重新设计的一种魔方，它能够让拼图块以更平滑、更快的方式移动。</p>
|
</div>
|
<p><b>Ⅰ.Reading comprehension.</b></p>
|
<p>A.Read the passage and answer the following questions.</p>
|
<p>1.What job did the author take?</p>
|
<p>____________________________________________________</p>
|
<p>2.How did he describe his job?</p>
|
<p>____________________________________________________</p>
|
<p>3.What can be a proper title for this passage?</p>
|
<p>____________________________________________________</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">139</span>
|
</div>
|
</div>
|
</div>
|
<!-- 140 -->
|
<div class="page-box" page="146">
|
<div v-if="showPageList.indexOf(146) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>B.Put the questions in the right blanks according to the main idea of each paragraph,and then
|
find the answer to each question.</p>
|
<p class="center"><img class="img-a" alt="" src="../../assets/images/0150-1.jpg" /></p>
|
<p>The answer to each question:</p>
|
<p>1.________________________________________________</p>
|
<p>2.________________________________________________</p>
|
<p>3.________________________________________________</p>
|
<p>4.________________________________________________</p>
|
<p>5.________________________________________________</p>
|
<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>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
|
remembered his well.When he was about 16,he wanted to buy a speed cube.Unfortunately,he had
|
no money,so he decided to take a job and earn enough money for it.He planned to help
|
e________people with their gardens,so he went to Mrs.Hudson who just lived in his n_______.
|
Although his job of pulling out weeds there was t_________, he managed to get the money he
|
needed for his speed cube.And most importantly,that working experience made him realize the
|
v_______of money through his s_________.</p>
|
<p>B.Underline the following expressions in the passage and make sentences with them.</p>
|
<p>1.out of nowhere______________________________</p>
|
<p>2.as to______________________________________</p>
|
<p>3.build up___________________________________</p>
|
<p>4.at least___________________________________</p>
|
<p>5.take away__________________________________</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">146</span>
|
</div>
|
</div>
|
</div>
|
<!-- 141 -->
|
<div class="page-box" page="147">
|
<div v-if="showPageList.indexOf(147) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>C.Translate the following sentences into Chinese.</p>
|
<p>1.Wang Jinxi,the “Iron Man”,successfully fulfilled his job under incredible difficulties.</p>
|
<p>____________________________________________________</p>
|
<p>2.Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her
|
school.</p>
|
<p>____________________________________________________</p>
|
<p>3.Wu Dajing impressed the whole nation when fighting to supply his teammates with a better
|
position in the lane.</p>
|
<p>____________________________________________________</p>
|
<p>4.Wang Yaping with resolve won her family’s support to be the first woman in China’s new
|
space station.</p>
|
<p>____________________________________________________</p>
|
<p><b>Ⅲ.Grammar focus:The simple present & past tense.</b>
|
<span class="btn-box" @click="showAnswer('showImg')">
|
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="30864"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
|
p-id="30865"></path>
|
</svg>
|
</span>
|
</p>
|
<div class="openImgBox" v-if="showImg">
|
<img class="w100" :src="imgThirteen" />
|
</div>
|
<p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
|
the past or the present.</p>
|
<p>（present）1.Everyone’s first job <span class="u">is</span> special.</p>
|
<p>（ ）2.I <span class="u">wanted</span> to buy a new speed cube.</p>
|
<p>（ ）3.I <span class="u">went</span> to the oldest person I knew in my neighborhood.</p>
|
<p>（ ）4.It <span class="u">seems</span> these experiences harden our spirits and resolve.</p>
|
<p>（ ）5.When I <span class="u">was</span> about sixteen years old, I <span class="u">wanted
|
</span>to buy a new speed cube.</p>
|
<p>（ ）6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds.
|
</p>
|
<p>B.Write the present or the past form of the following verbs.</p>
|
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
|
<tr class="table-tr-bc">
|
<td class="tl-cn">give<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" /></td>
|
<td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" /></td>
|
<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />had
|
</td>
|
</tr>
|
<tr class="table-tr-bc ">
|
<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />
|
went
|
</td>
|
<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />
|
began
|
</td>
|
<td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />
|
</td>
|
<td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />
|
</td>
|
<td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
|
class="input-bottom-border input-bc-t" style="width: 5em"
|
v-model="testData.in.one" @change="setTestData" />chose
|
</td>
|
</tr>
|
</table>
|
<h3 id="c067"><span class="bjh3">Mini-project</span></h3>
|
<p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
|
<p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
|
<p>2.Finish the worksheet according to your survey;</p>
|
<p>3.Report to the class.</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">141</span>
|
</div>
|
</div>
|
</div>
|
<!-- 142 -->
|
<div class="page-box" page="148">
|
<div v-if="showPageList.indexOf(148) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<div class="fieldset">
|
<p>Questions:1.Who are you going to talk to?</p>
|
<p> 2.What is his/her job?</p>
|
<p> 3.How does he/she describe his/her job?</p>
|
</div>
|
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
|
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
|
<tr class="table-th-bc">
|
<td class="tl-cn wh-no">The Respondent</td>
|
<td class="tl-cn">The Job</td>
|
<td class="tl-cn">The Description</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn wh-no">
|
Zhang Wei's Mum
|
</td>
|
<td class="tl-cn">
|
A Teacher
|
</td>
|
<td class="tl-lf">
|
She teaches English in a high schpol. Her job is quite <span
|
class="input-bottom-border">stressful </span> and <span
|
class="input-bottom-border">challenging</span> , but she feels <span
|
class="input-bottom-border">rewarding</span> rewarding when her students make
|
progress.
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[1].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[2].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[3].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[4].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[5].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[6].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[7].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[8].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[9].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[10].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[11].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[12].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[13].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[14].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[15].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[16].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[17].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[18].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[19].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[0].value[20].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
</table>
|
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
|
<div class="bk-wh">
|
<p class="dl-box">
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'dangerous')">dangerous</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'demanding')">demanding</span>
|
<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'exciting')">exciting</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'repetitive')">repetitive</span>
|
<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'satisfying')">satisfying</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'stimulating')">stimulating</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'stressful')">stressful</span>
|
<span class="word-bc mr-20 dl-span"
|
@click="saveWord($event, 'voluntary')">voluntary</span>
|
</p>
|
|
<p>
|
</p>
|
</div>
|
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
|
<div class="banshi openImgBox">
|
<div class="swiper-container swiper_ppt">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_01.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_02.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_03.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_04.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_05.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_06.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_07.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_08.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_09.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_10.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_11.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_12.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_13.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_14.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_15.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_16.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_17.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_18.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_19.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_20.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_21.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_22.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_23.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_24.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_25.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_26.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_27.png" />
|
</div>
|
</div>
|
</div>
|
<div class="swiper-button-next"></div>
|
<div class="swiper-button-prev"></div>
|
<div class="pageBox"></div>
|
</div>
|
<!-- 显示当前页和总页数的元素 -->
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">142</span>
|
</div>
|
</div>
|
</div>
|
<!-- 143 -->
|
<div class="page-box" page="149">
|
<div v-if="showPageList.indexOf(149) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<h2 id="b030"><img class="img-0" alt="" src="../../assets/images/dy8-le2.jpg" /></h2>
|
<h3 id="c068"><span class="bjh3">Warm-up</span></h3>
|
<p>
|
<b>Mostly,the first step to map out your career is to create a career road map for
|
yourself.Work with your partner and figure out what the pictures in the following road
|
maps possibly mean,and then choose the proper expressions to fill in the blanks.
|
</b>
|
<span class="btn-box" @click="showDropTwo(0,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>
|
<p><b>Road map</b>1：</p>
|
<p><b>People often think that career path works like this:</b></p>
|
<ul class="fl">
|
<li>
|
<img class="img-a" alt="" src="../../assets/images/job-1.jpg" />
|
</li>
|
<li class="fl de-cl">
|
<div style="height:50%;padding-left:25px" class="fl de-cl ju-ev">
|
<div v-for="(item,index) in dropTwo[0].value" :key="index">
|
<select v-model="item.userAnswer" @change="handleDropTwo(0,index)" style="width:200px;height:35px"
|
>
|
<option v-for="(citem, cindex) in dropTwo[0].option" :key="'change' + cindex" :value="citem">
|
{{ citem}}
|
</option>
|
</select>
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="item.isRight == true || item.isRight == false">
|
</div>
|
</div>
|
<div>
|
<img class="img-a" alt="" src="../../assets/images/job-2.jpg" />
|
</div>
|
</li>
|
</ul>
|
<!-- <p class="center">
|
<img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
|
</p> -->
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">143</span>
|
</div>
|
</div>
|
</div>
|
<!-- 144 -->
|
<div class="page-box" page="150">
|
<div v-if="showPageList.indexOf(150) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p><b>Road map</b>2：</p>
|
<p><b>In reality,it looks more like:</b></p>
|
<div class="center po-re " >
|
<img class="img-a" alt="" src="../../assets/images/0154-1.jpg" />
|
<div class="reality-one">
|
<select v-model="dropTwo[1].value[0].userAnswer" @change="handleDropTwo(1,0)"
|
>
|
<option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
|
{{ citem}}
|
</option>
|
</select>
|
<img :src="dropTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[0].isRight == true || dropTwo[1].value[0].isRight == false">
|
</div>
|
<div class="reality-two">
|
<select v-model="dropTwo[1].value[1].userAnswer" @change="handleDropTwo(1,1)" style="width:120px;height:35px"
|
>
|
<option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
|
{{ citem}}
|
</option>
|
</select>
|
<img :src="dropTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[1].isRight == true || dropTwo[1].value[1].isRight == false">
|
</div>
|
<div class="reality-three">
|
<select v-model="dropTwo[1].value[2].userAnswer" @change="handleDropTwo(1,2)" style="width:120px;height:35px"
|
>
|
<option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
|
{{ citem}}
|
</option>
|
</select>
|
<img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false">
|
</div>
|
</div>
|
|
<h3 id="c069" class="fl al-cn">
|
<span class="bjh3">Reading</span>
|
<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
|
</h3>
|
<ul>
|
<li v-for="(item,index) in noSubmitTwo[1].value" :key="index">
|
<p>
|
{{index + 1}}.{{item.stem}}
|
<span class="btn-box" @click="showNoSubmitTWo(1,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="saveNoSubmitTWo"></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="cindex" class="mr-20">
|
{{ citem }}
|
</span>
|
</div>
|
</li>
|
</ul>
|
<p class="center"><b>Choose a Career You Love</b></p>
|
<p class="center"><audio :src="resource.readingTwo" controls
|
controlslist="noplaybackrate nodownload" style="margin-left: 10px"
|
class="audio"></audio></p>
|
<p>We spend a large
|
<span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
|
of our lives working,so how we spend those years matters.It is
|
beneficial to find a career that will bring satisfaction and happiness rather than find one
|
based on income.
|
</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">144</span>
|
</div>
|
</div>
|
</div>
|
<!-- 145 -->
|
<div class="page-box" page="151">
|
<div v-if="showPageList.indexOf(151) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>“Find a job you enjoy doing,and you will never have to work a day in your life,” Mark Twain
|
said.</p>
|
<p>When we have a job that we love,we are more productive and satisfied.There is more passion to
|
get up in the morning and begin working.There are more positive emotions associated with
|
doing something we care about.Sometimes people choose a certain
|
<span class="word-bc" @click="saveWord($event, 'profession')">profession</span>
|
because of past
|
experiences.
|
</p>
|
<p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
|
be a doctor because someone they knew was ill.Someone may choose to be a
|
<span class="word-bc" @click="saveWord($event, 'vet')">vet</span>
|
because they
|
care about animals.These past experiences may influence a career,and the career may provide
|
more satisfaction and a sense of purpose.
|
</p>
|
<p>We shouldn’t spend a lot of time worrying about where we should be.Things will fall into
|
place as they are meant to.There isn’t one correct path and everyone’s life is different.We
|
may face challenges that bring greater
|
<span class="word-bc" @click="saveWord($event, 'outcomes')">outcomes</span>
|
later on.
|
</p>
|
<p>Some may argue that they need more money to survive and be happy.It is true that we need
|
money to survive,but after a certain amount it doesn’t give us any more happiness.It can
|
provide
|
<span class="word-bc" @click="saveWord($event, 'necessities')">necessities</span>
|
like food,water,clothes,and
|
<span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
|
.It can also provide
|
<span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
|
like
|
vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
|
enjoyment doesn’t last forever.We usually return to our
|
<span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
|
state shortly after.Every
|
individual’s needs are different,but we can sometimes play a part in our
|
<span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
|
state.Having more luxury items and wants doesn’t bring happiness that lasts.
|
</p>
|
<p>Having a career that we are
|
<span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
|
about,one that gives our life a sense of purpose,and
|
one that we are
|
<span class="word-bc" @click="saveWord($event, 'comfortable')">comfortable</span>
|
with is important.Finding a career shouldn’t be based on income
|
or forced.We spend a huge amount of our lives working,so we should spend this time doing
|
something we are passionate about.
|
</p>
|
<p class="fl al-cn mt-40">
|
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
|
<span class="line-border-box"></span>
|
</p>
|
<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
|
style="margin-left: 10px" class="audio"></audio>
|
<p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
|
<div class="bkbj">
|
<p><i>one part of sth.larger</i></p>
|
</div>
|
<p>profession /prəˈfeʃn/ <i>n.</i> 职业</p>
|
<div class="bkbj">
|
<p><i>a type of job that needs special training or skill</i></p>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">145</span>
|
</div>
|
</div>
|
</div>
|
<!-- 146 -->
|
<div class="page-box" page="152">
|
<div v-if="showPageList.indexOf(152) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>vet /vet/ <i>n.</i>兽医</p>
|
<div class="bkbj">
|
<p><i>a person who has been trained in the science of animal medicine,whose job is to treat
|
animals who are sick or injured</i></p>
|
</div>
|
<p>outcome /ˈaʊtkʌm/ <i>n.</i>结果</p>
|
<div class="bkbj">
|
<p><i>the result of an action or event</i></p>
|
</div>
|
<p>necessity /nəˈsesəti/ <i>n.</i> 必需品</p>
|
<div class="bkbj">
|
<p><i>a thing that you must have and cannot manage without</i></p>
|
</div>
|
<p>shelter /ˈʃeltə(r)/ <i>n.</i>居所；住处</p>
|
<div class="bkbj">
|
<p><i>the fact of having a place to live or stay,considered as a basic human need</i></p>
|
</div>
|
<p>luxury /ˈlʌkʃəri/ <i>n.</i>奢侈品</p>
|
<div class="bkbj">
|
<p><i>a thing that is expensive and enjoyable but not essential</i></p>
|
</div>
|
<p>baseline /ˈbeɪslaɪn/<i> n.</i>起点；基础</p>
|
<div class="bkbj">
|
<p><i>a line or measurement that is used as a starting point when comparing facts</i></p>
|
</div>
|
<p>emotional /ɪˈməʊʃənl/ <i>adj.</i> 感情的；情感的；情绪的</p>
|
<div class="bkbj">
|
<p><i>connected with people’s feelings</i></p>
|
</div>
|
<p>passionate /ˈpæʃənət/ <i>adj.</i>热情的；狂热的</p>
|
<div class="bkbj">
|
<p><i>having or showing strong feelings of enthusiasm for sth.</i></p>
|
</div>
|
<p>comfortable /ˈkʌmftəbl/ <i>adj.</i>舒适的；安逸的</p>
|
<div class="bkbj">
|
<p><i>feeling physically relaxed in a pleasant way</i></p>
|
</div>
|
<p>a portion of ...一部分……</p>
|
<p>later on过后；后来</p>
|
<p>be comfortable with ...对……感到舒服的</p>
|
<p>fall into place水到渠成</p>
|
<p>be passionate about ...对……充满热情</p>
|
<div class="bj-note">
|
<p><b>Notes:</b></p>
|
<p>Mark Twain：马克·吐温（1835—1910），美国作家、演说家，代表作品有小说《百万英镑》《哈克贝利·费恩历险记》《汤姆·索亚历险记》等。</p>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">146</span>
|
</div>
|
</div>
|
</div>
|
<!-- 147 -->
|
<div class="page-box" page="153">
|
<div v-if="showPageList.indexOf(153) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p><b>Ⅰ.Reading comprehension.</b></p>
|
<p>A.Mark the suggestions given by the author when choosing a career.</p>
|
<p>Deciding on a Career£Income</p>
|
<p v-for="(item,index) in listenTwo[0].option" :key="index">
|
<input type="checkbox" :value="item" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" :change="saveListenTwo">
|
{{item}}
|
<img :src="isShowRight(listenTwo[0].answer,listenTwo[0].value[0].userAnswer,item) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
|
</p>
|
<p>B.Decide whether the following statements are true (T) or false (F).</p>
|
<p v-for="(item,index) in listenTwo[1].value" :key=" 'dropdown' + index">
|
(
|
<select v-model="item.userAnswer" class="select-border" @change="saveListenTwo">
|
<option v-for="(citem, cindex) in listenTwo[1].option" :key="cindex"
|
:value="citem">
|
{{ citem }}
|
</option>
|
</select>
|
)
|
{{index + 1}}.{{item.stem}}
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
|
</p>
|
<p><b>Ⅱ.Language focus.</b></p>
|
<p>A.Replace the words in italics with the exact words in the passage and change the form if
|
necessary.</p>
|
<p v-for="(item,index) in listenTwo[2].value" :key="'Language' + index">
|
{{index + 1}}.{{item.stem}}
|
<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete">
|
</p>
|
<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
|
<div class="bk-wh">
|
<p>a portion of fall into place be passionate about later on be comfortable with</p>
|
</div>
|
<p v-for="(item,index) in listenTwo[3].value.slice(0,2)" :key="'Languages' + index">
|
{{index + 1}}.{{item.stemOne}}
|
<input type="text" :disabled="listenTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete">
|
{{item.stemTwo}}
|
</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">147</span>
|
</div>
|
</div>
|
</div>
|
<!-- 148 -->
|
<div class="page-box" page="154">
|
<div v-if="showPageList.indexOf(154) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p v-for="(item,index) in listenTwo[3].value.slice(2,5)" :key="'Languages' + index">
|
{{index + 3}}.{{item.stemOne}}
|
<input type="text" :disabled="listenTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete">
|
{{item.stemTwo}}
|
</p>
|
<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
|
@click="showAnswer('showImgOne')">
|
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="30864"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
|
p-id="30865"></path>
|
</svg>
|
</span>
|
</p>
|
<div class="openImgBox" v-if="showImgOne">
|
<img class="w100" :src="imgThirteenOne" />
|
</div>
|
<p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
|
<p><b>Examples:</b></p>
|
<div class="fieldset-2">
|
<p>1.It is beneficial to find a career that will bring satisfaction and happiness rather
|
than find one based on income.</p>
|
<p>2.Having a career that we are passionate about,<i>one</i> that gives our life a sense of
|
purpose,and one that we are comfortable with is important.</p>
|
</div>
|
<p v-for="(item,index) in listenTwo[4].value" :key="'Languagese' + index">
|
{{index + 1}}.{{item.stemOne}}
|
<input type="text" :disabled="listenTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete">
|
{{item.stemTwo}}
|
</p>
|
<div class="w100 fl ju-cn">
|
<ul class="fl ju-ev" style="width:80%">
|
<li>
|
<button class="btn-border btn-w" @click="handleListenTwo">
|
提交
|
</button>
|
</li>
|
<li>
|
<button @click="recastListenTwo" class="btn-border btn-w">
|
重做
|
</button>
|
</li>
|
<li>
|
<button @click="viewListenTwo" class="parimary-btn">
|
查看答案
|
</button>
|
</li>
|
</ul>
|
</div>
|
<h3 id="c070"><span class="bjh3">Mini-project</span></h3>
|
<p>Work in groups.Every one of you will take a job in the future.Ask your group members what job
|
he/she is going to choose and why he/she chooses this job.Jot down some notes,and prepare a
|
report to the class.</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">148</span>
|
</div>
|
</div>
|
</div>
|
<!-- 149 -->
|
<div class="page-box" page="155">
|
<div v-if="showPageList.indexOf(155) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
|
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
|
<tr class="table-th-bc">
|
<td class="tl-cn wh-no">What job is he/she interested in?</td>
|
<td class="tl-cn">Why does he'she choose this job?</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
Architeet
|
</td>
|
<td class="tl-lf">
|
My fatnily is engaged in a construction business. And I have hada dream to build my
|
own house ever since I was a kid.
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[1].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[2].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[3].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[4].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[5].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[6].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
<td class="tl-cn">
|
<textarea v-model="noSubmitTwo[2].value[7].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="saveNoSubmitTWo"></textarea>
|
</td>
|
</tr>
|
</table>
|
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
|
<div class="banshi openImgBox">
|
<div class="swiper-container swiper_ppt">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_01.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_02.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_03.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_04.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_05.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_06.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_07.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_08.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_09.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_10.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_11.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_12.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_13.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_14.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_15.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_16.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_17.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_18.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_19.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_20.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_21.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_22.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_23.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_24.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_25.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_26.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_27.png" />
|
</div>
|
</div>
|
</div>
|
<div class="swiper-button-next"></div>
|
<div class="swiper-button-prev"></div>
|
<div class="pageBox"></div>
|
</div>
|
<!-- 显示当前页和总页数的元素 -->
|
</div>
|
</div>
|
<h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
|
<h3 id="c071"><span class="bjh3">Listening</span></h3>
|
<p class="center"> <audio :src="resource.readingTwo" controls
|
controlslist="noplaybackrate nodownload" style="margin-left: 10px"
|
class="audio"></audio></p>
|
<p><b>Ⅰ.Derek is talking about his job interview.Listen to the recording and fill in the blanks
|
with what you hear.</b></p>
|
<p>Hi,everyone.I’m Derek Cruise.I landed a job interview the other day.It is a bank
|
1.
|
<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
|
<img :src="listenThree[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
|
that I’ve wanted for a long time.I’m excited you know.The job is quite
|
2.
|
<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
|
<img :src="listenThree[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
|
and I love to play with 3.
|
<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
|
<img :src="listenThree[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
|
.I prepared my 4.
|
<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
|
<img :src="listenThree[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
|
,and bought a
|
suit.My friend reminded me that I should send a follow-up 5.
|
<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
|
<img :src="listenThree[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
|
after the interview.But
|
I feel worried about writing the letter,for I know little about it.Anyway,I am
|
well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!
|
</p>
|
<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>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">149</span>
|
</div>
|
</div>
|
</div>
|
<!-- 150 -->
|
<div class="page-box" page="156">
|
<div v-if="showPageList.indexOf(156) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>
|
<b>
|
Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
|
Susan's questions.
|
</b>
|
<span class="btn-box" @click="showNoSubmitThree(0,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>
|
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
|
<tr class="table-th-bc">
|
<td class="tl-cn wh-no">Susan's Questions</td>
|
<td class="tl-cn">Derek's Responses</td>
|
</tr>
|
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitThree[0].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@change="saveNoSubmitThree"></textarea>
|
</td>
|
<td class="tl-cn">
|
<p class="table-p">Studying Finance in East College</p>
|
<p class="table-p">Having been working as an intemn in T&G Accounting Company for
|
the last two years</p>
|
<p class="table-p">Speaking fluent Chinese</p>
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitThree[0].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@change="saveNoSubmitThree"></textarea>
|
</td>
|
<td class="tl-lf">
|
Analyzing financial data with ERP software
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitThree[0].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@change="saveNoSubmitThree"></textarea>
|
</td>
|
<td class="tl-lf">
|
To put finance theories into practice
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<textarea v-model="noSubmitThree[0].value[0].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea textarea-box"
|
@change="saveNoSubmitThree"></textarea>
|
</td>
|
<td class="tl-cn">
|
<p class="table-p">A hard-working person</p>
|
<p class="table-p">A fast learer</p>
|
<p class="table-p">Getting along well with people</p>
|
</td>
|
</tr>
|
</table>
|
<div class="event-header-text-bc pd-5 w100 mt-20"
|
v-if="noSubmitThree[0].value[0].isShowAnswer">
|
<span>答案：</span>
|
<span v-for="(item,index) in noSubmitThree[0].value" :key="index" class="mr-20">
|
{{index + 1}}.{{ item.answer }}
|
</span>
|
</div>
|
<h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
|
<p>Work with your partner to discuss the following questions.</p>
|
<p>
|
1.How do you follow up after a job interview?
|
<span class="btn-box" @click="showNoSubmitThree(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="noSubmitThree[1].value[0].userAnswer" class="w100" @input="saveNoSubmitThree"></textarea>
|
<div class="event-header-text-bc pd-5 w100 mt-20"
|
v-if="noSubmitThree[1].value[0].isShowAnswer">
|
<span>答案：</span>
|
<p v-for="(item,index) in noSubmitThree[1].value[0].answer" :key="index">
|
{{index + 1}}) {{item}}
|
</p>
|
</div>
|
<p>
|
2.How do you write follow-up emails after an interview?
|
<span class="btn-box" @click="showNoSubmitThree(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="noSubmitThree[1].value[1].userAnswer" class="w100" @input="saveNoSubmitThree"></textarea>
|
<div class="event-header-text-bc pd-5 w100 mt-20"
|
v-if="noSubmitThree[1].value[1].isShowAnswer">
|
<span>答案：{{noSubmitThree[1].value[1].answer}}</span>
|
</div>
|
<p><b>Ⅰ.Read the following tips,and find out why a follow-up email is needed after an
|
interview.</b></p>
|
<p>A follow-up email is a good way to show your interest in the position and,most important of
|
all,your good manners.Most follow-up emails after an interview have the following features.
|
</p>
|
<div class="fieldset">
|
<p>◆ Subject line</p>
|
<p>◆ Personalized greetings</p>
|
<p>◆ Note of appreciation</p>
|
<p>◆ Recap of your qualifications</p>
|
<p>◆ Prompt to take the next step</p>
|
<p>◆ Contact information</p>
|
<p class="center"><img class="img-f" alt="" src="../../assets/images/0160-2.jpg" /></p>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">150</span>
|
</div>
|
</div>
|
</div>
|
<!-- 151 -->
|
<div class="page-box" page="157">
|
<div v-if="showPageList.indexOf(157) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p>
|
<b>Ⅱ.Fill in the blanks with the right expressions from the labels to finish the following-up
|
email.
|
</b>
|
<span class="btn-box" @click="showPracticalThree(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>
|
<div class="finish-box">
|
<p>From: Jack Thompson</p>
|
<p>To: Mr. Jim</p>
|
<p v-for="(item,index) in practicalThree[0].value" :key="index">
|
{{item.stemOne}}
|
<select class="select-border" v-model="item.userAnswer" @change="handlePracticalThree(0,index)">
|
<option v-for="(citem, cindex) in item.option" :key="'change' + cindex" :value="citem">
|
{{ citem}}
|
</option>
|
</select>
|
<img :src="item.isRight ? correctIcon : errorIcon" v-if="item.isRight == true || item.isRight == false">
|
{{item.stemTwo}}
|
</p>
|
<p>Sincerely,</p>
|
<p>Jack Thompson</p>
|
<p>Jackthompson@email.com</p>
|
<p>312-465-7981</p>
|
</div>
|
<div class="event-header-text-bc pd-5 w100 mt-20"
|
v-if="practicalThree[0].isShowAnswer">
|
<span>答案：</span>
|
<span v-for="(item,index) in practicalThree[0].value" :key="index" class="mr-20">
|
{{ item.answer }}
|
</span>
|
</div>
|
<p>
|
<b>Ⅲ.Put the following words in right order to make sentences.</b>
|
<span class="btn-box" @click="showPracticalThree(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>
|
<ul>
|
<li v-for="(item,index) in practicalThree[1].value" :key="index">
|
<p >
|
{{index + 1}}.{{item.stem}}
|
</p>
|
<input type="text" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</li>
|
</ul>
|
<div class="event-header-text-bc pd-5 w100 mt-20"
|
v-if="practicalThree[1].isShowAnswer">
|
<span>答案：</span>
|
<p v-for="(item,index) in practicalThree[1].value" :key="index" class="mr-20">
|
{{index + 1}}.{{ item.answer }}
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">151</span>
|
</div>
|
</div>
|
</div>
|
<!-- 152 -->
|
<div class="page-box" page="158">
|
<div v-if="showPageList.indexOf(158) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p><b>Ⅳ.After his interview Derek wants to send a follow-up email.Work with your partner and
|
write one for him.</b></p>
|
<div class="fieldset-4">
|
<p class="left">
|
From:
|
<input type="text" v-model="practicalThree[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="left">
|
To:
|
<input type="text" v-model="practicalThree[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="left">
|
Subject:
|
<input type="text" v-model="practicalThree[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p><br /></p>
|
<textarea name="" id="" cols="30" rows="18" v-model="practicalThree[2].value[3].userAnswer" class="w100" @input="savePracticalThree"></textarea>
|
<p class="left">derekcruise@email.com</p>
|
<p class="left">521-764-8809</p>
|
</div>
|
<div class="un-h2">
|
<h2 id="b032">Unit Project</h2>
|
</div>
|
<video
|
:src="resource.videoPathOne"
|
webkit-playsinline="true"
|
x-webkit-airplay="true"
|
playsinline="true"
|
x5-video-orientation="h5"
|
x5-video-player-fullscreen="true"
|
x5-playsinline=""
|
controls
|
controlslist="nodownload"
|
class="w100 video"
|
style="margin-top: 40px;"
|
></video>
|
<p>In the following job ads,there are some job vacancies from different companies.Read carefully
|
and make a decision about the one you are going to apply for.First tell your partner the
|
reason why that job interests you.Then work in pairs,role-playing the interviewer and the
|
interviewee,and then switch your roles.</p>
|
<p><b>* The job ads in the QR code are for reference.Make your own ones if you would like
|
to.</b></p>
|
<p><b>Role 1:Interviewer</b></p>
|
<p>1.Work with your partner and decide what questions you will ask during the
|
interview.2.Complete the worksheet for the interviewer.</p>
|
<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" <p
|
class="center"></p>
|
<p><b>Role 2:Interviewee</b></p>
|
<p>1.Make a list of the information which might be useful in the interview.2.Finish the
|
follow-up email after the interview.</p>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">152</span>
|
</div>
|
</div>
|
</div>
|
<!-- 153 -->
|
<div class="page-box" page="159">
|
<div v-if="showPageList.indexOf(159) > -1">
|
<!-- 头部 -->
|
<ul class="preface-odd-header w100 fl ju-bt">
|
<li class=""></li>
|
<li class="fz-18">
|
<span class="chapter-left-bc-unit8">MODULE 8</span>
|
<span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
|
CAREER</span>
|
</li>
|
</ul>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<p class="center"><b>Worksheet for the Interviewer</b></p>
|
<table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5 w100">
|
<tr class="table-tr-bc">
|
<td class="tl-cn ">
|
<p class="table-p">
|
Name:
|
<input type="text" v-model="practicalThree[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="table-p">
|
Phone:
|
<input type="text" v-model="practicalThree[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="table-p">
|
Email:
|
<input type="text" v-model="practicalThree[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
</td>
|
</tr>
|
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<p class="table-p">Work experience</p>
|
<textarea v-model="practicalThree[3].value[3].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="savePracticalThree"></textarea>
|
</td>
|
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<p class="table-p">Education</p>
|
<textarea v-model="practicalThree[3].value[4].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="savePracticalThree"></textarea>
|
</td>
|
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<p class="table-p">Skills</p>
|
<textarea v-model="practicalThree[3].value[5].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@input="savePracticalThree"></textarea>
|
</td>
|
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="tl-cn">
|
<p class="table-p">Other related information</p>
|
<textarea v-model="practicalThree[3].value[6].userAnswer"
|
class="w100 table-tr-bc b0 table-textarea "
|
@change="setBookQuestion"></textarea>
|
</td>
|
</tr>
|
</table>
|
<p class="center"><b>Follow-up Email for the Interviewee</b></p>
|
<div class="fieldset-4">
|
<p class="left">
|
From:
|
<input type="text" v-model="practicalThree[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="left">
|
To:
|
<input type="text" v-model="practicalThree[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p class="left">
|
Subject:
|
<input type="text" v-model="practicalThree[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
|
</p>
|
<p><br /></p>
|
<textarea name="" id="" cols="30" rows="18" v-model="practicalThree[4].value[3].userAnswer" class="w100" @input="savePracticalThree"></textarea>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">153</span>
|
</div>
|
</div>
|
</div>
|
<!-- 154 -->
|
<div class="page-box" page="160">
|
<div v-if="showPageList.indexOf(160) > -1">
|
<!-- 头部 -->
|
<div class="w100 mb-20" style="padding-right: 20px">
|
<div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
|
<div class="preface-header-box event-header-text-bc-unit8">
|
<span class="l-text">新标准通用职场英语</span>
|
<span class="g-text event-text-color-unit8">基础模块一</span>
|
</div>
|
</div>
|
</div>
|
<!-- 内容 -->
|
<div class="padding-93">
|
<div class="bodystyle">
|
<div class="bk-14">
|
<p class="center"><b>Useful Expressions</b></p>
|
<p>It was a pleasure speaking with you about ...</p>
|
<p>I just wanted to follow up on ...</p>
|
<p>I’m excited about the opportunity to join ...</p>
|
<p>I’m enthusiastic about the prospect of ...</p>
|
<p>I’m sure you’re still in research mode right now ...</p>
|
<p>Please feel free to contact me if I can provide you with any further information.</p>
|
</div>
|
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
|
<div class="banshi openImgBox">
|
<div class="swiper-container swiper_ppt">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_01.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_02.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_03.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_04.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_05.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_06.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_07.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_08.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_09.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_10.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_11.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_12.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_13.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_14.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_15.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_16.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_17.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_18.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_19.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_20.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_21.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_22.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_23.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_24.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_25.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_26.png" />
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="imgBox" style="width: 100%; height: 100%">
|
<img src="../../assets/images/ppt/ppt_27.png" />
|
</div>
|
</div>
|
</div>
|
<div class="swiper-button-next"></div>
|
<div class="swiper-button-prev"></div>
|
<div class="pageBox"></div>
|
</div>
|
<!-- 显示当前页和总页数的元素 -->
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="preface-bottom">
|
<span class="contet-num-box">154</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import matching from "@/components/matching/matching.vue";
|
import { getResourcePath } from "@/assets/methods/resources";
|
export default {
|
name: "chapterEight",
|
components: { matching },
|
props: {
|
showPageList: {
|
type: Array,
|
},
|
},
|
data() {
|
return {
|
warmUp: [
|
{
|
type: "fill",
|
isShowAnswer: false,
|
value: [
|
{
|
answer: 'fitness coach',
|
userAnswer: '',
|
isRight: null
|
},
|
{
|
answer: 'courier',
|
userAnswer: '',
|
isRight: null
|
},
|
{
|
answer: 'flight attendant',
|
userAnswer: '',
|
isRight: null
|
},
|
{
|
answer: 'sales representative',
|
userAnswer: '',
|
isRight: null
|
},
|
{
|
answer: 'cyberathlete',
|
userAnswer: '',
|
isRight: null
|
},
|
{
|
answer: 'machinist',
|
userAnswer: '',
|
isRight: null
|
},
|
]
|
},
|
],
|
questionDataOn:[
|
{
|
type:"fill",
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
stem:"What job did the author take?",
|
answer:"Pulling out weeds",
|
userAnswer:"",
|
},
|
{
|
stem:"How did he describe his job?",
|
answer:"Tedious",
|
userAnswer:"",
|
},
|
{
|
stem:"What can be a proper title for this passage?",
|
answer:"My first job",
|
userAnswer:"",
|
},
|
]
|
},
|
{
|
type:"fill",
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
userAnswer:"",
|
},
|
{
|
userAnswer:"",
|
},
|
{
|
userAnswer:"",
|
},
|
{
|
userAnswer:"",
|
},
|
{
|
userAnswer:"",
|
},
|
]
|
},
|
{
|
type:"fill",
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
answer:"I wanted to buy a new speed cube, but I did not have any money, and my parents would not give me the money.",
|
userAnswer:"",
|
},
|
{
|
answer:"The experience is burned in one's memory, it gives you the practice needed to fulfill other positions, and it teaches you about the value of money.",
|
userAnswer:"",
|
},
|
{
|
answer:"The experience hardened my spirits and resolve and supplied me with the value of money.",
|
userAnswer:"",
|
},
|
{
|
answer:"I went to Mrs. Hudson, and asked her for the work to tend her garden.",
|
userAnswer:"",
|
},
|
{
|
answer:"My first job was to pull out weeds.",
|
userAnswer:"",
|
},
|
]
|
},
|
{
|
type:"fill",
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
answer:"couple",
|
userAnswer:"",
|
},
|
{
|
answer:"elderly",
|
userAnswer:"",
|
},
|
{
|
answer:"neighborhood",
|
userAnswer:"",
|
},
|
{
|
answer:"tedious",
|
userAnswer:"",
|
},
|
{
|
answer:"value",
|
userAnswer:"",
|
},
|
{
|
answer:"sweat",
|
userAnswer:"",
|
},
|
]
|
},
|
{
|
type:"fill",
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
answer:"couple",
|
userAnswer:"",
|
},
|
{
|
answer:"elderly",
|
userAnswer:"",
|
},
|
{
|
answer:"neighborhood",
|
userAnswer:"",
|
},
|
{
|
answer:"tedious",
|
userAnswer:"",
|
},
|
{
|
answer:"value",
|
userAnswer:"",
|
},
|
{
|
answer:"sweat",
|
userAnswer:"",
|
},
|
]
|
},
|
],
|
showAnswerOne: false,
|
showAnswerTwo: false,
|
showAnswerThree: false,
|
showAnswerFour: false,
|
imgThirteen: require("../../assets/images/grammar8-1.png"),
|
imgThirteenOne: require("../../assets/images/grammar8-2.png"),
|
correctIcon: require('@/assets/images/correct.svg'),
|
errorIcon: require('@/assets/images/error.svg'),
|
showImg: false,
|
showImgOne: false,
|
rawData: {
|
left: [
|
{
|
oldId: "FB34",
|
txt: "Martin Silk",
|
},
|
{
|
oldId: "64D6",
|
txt: "Jessica The Great Wall",
|
},
|
{
|
oldId: "2ED4",
|
txt: "Soren Chinese Food",
|
},
|
{
|
oldId: "44DE",
|
txt: "Chinese Tea",
|
},
|
],
|
right: [
|
{
|
oldId: "64D6",
|
txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
|
},
|
{
|
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.",
|
},
|
{
|
oldId: "44DE",
|
txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
|
},
|
],
|
},
|
value: [],
|
question: {
|
KnowledgePoint: "123",
|
analysis: "123",
|
answer: [
|
{
|
id: "FB34",
|
linkValue:
|
"The clothing material is quite popular among Roman women inancient times.",
|
value: "Silk",
|
},
|
{
|
id: "64D6",
|
linkValue:
|
"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
|
value: "The Great Wall",
|
},
|
{
|
id: "2ED4",
|
linkValue:
|
"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
|
value: "Chinese Food",
|
},
|
{
|
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",
|
},
|
],
|
optionStyle: undefined,
|
id: 489306,
|
options: {
|
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.",
|
},
|
{
|
oldId: "FB34",
|
txt: "The clothing material is quite popular among Roman women inancient times.",
|
},
|
{
|
oldId: "2ED4",
|
txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
|
},
|
],
|
values: [
|
{
|
oldId: "FB34",
|
txt: "Martin Silk",
|
},
|
{
|
oldId: "64D6",
|
txt: "The Great Wall",
|
},
|
{
|
oldId: "2ED4",
|
txt: "Chinese Food",
|
},
|
{
|
oldId: "44DE",
|
txt: "Chinese Tea",
|
},
|
],
|
},
|
questionType: "matching",
|
stem: {
|
stemTxt: "按顺序连线",
|
},
|
stemStyle: undefined,
|
titleDescription: "1",
|
userChoise: [],
|
value: [],
|
answerImg: require("../../assets/images/matching-one.png"),
|
},
|
questionData: {
|
reading: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
six: "",
|
seven: "",
|
eight: "",
|
nine: "",
|
ten: "",
|
},
|
table: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
six: "",
|
seven: "",
|
eight: "",
|
nine: "",
|
ten: "",
|
eleven: "",
|
twelve: "",
|
thirteen: "",
|
fourteen: "",
|
fifteen: "",
|
sixteen: "",
|
seventeen: "",
|
eighteen: "",
|
nineteen: "",
|
twenty: "",
|
twentyOne: "",
|
twentyTwo: "",
|
twentyThree: "",
|
twentyFour: "",
|
twentyFive: "",
|
twentySix: "",
|
twentySeven: "",
|
twentyEight: "",
|
twentyNine: "",
|
thirty: "",
|
thirtyOne: "",
|
thirtyTwo: "",
|
thirtyThree: "",
|
thirtyFour: "",
|
thirtyFive: "",
|
thirtySix: "",
|
thirtySeven: "",
|
thirtyEight: "",
|
thirtyNine: "",
|
forty: "",
|
fortyOne: "",
|
},
|
},
|
testData: {
|
check: {
|
isRight: null,
|
answer: ["Culture", "Cuisine", "Landscapes"],
|
value: []
|
},
|
tx: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
},
|
in: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
isRight: null,
|
answer: 'cuisine,landscapes,civilization,explore,unique'
|
},
|
line: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
},
|
ts: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
},
|
gr: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
},
|
cm: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
},
|
},
|
resource: {
|
listenOne: "",
|
readingOne: "",
|
readingTwo: "",
|
videoPathOne:'',
|
listenTwo:''
|
},
|
dropdownData: {
|
one: {
|
value: "",
|
isRight: null,
|
answer: "intercity train",
|
},
|
two: {
|
value: "",
|
isRight: null,
|
answer: "online shopping",
|
},
|
three: {
|
value: "",
|
isRight: null,
|
answer: "electronic payment",
|
},
|
four: {
|
value: "",
|
isRight: null,
|
answer: "shared bike",
|
},
|
five: {
|
value: "",
|
isRight: null,
|
answer: "take-away service",
|
},
|
six: {
|
value: "",
|
isRight: null,
|
answer: "facial recognition",
|
},
|
},
|
|
listenThree:[
|
{
|
type: "fill",
|
isComplete: false,
|
isShowAnswer: false,
|
value: [
|
{
|
answer:'clerk',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
answer:'challenging',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
answer:'numbers',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
answer:'resume',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
answer:'letter',
|
userAnswer:'',
|
isRight:null
|
},
|
]
|
}
|
],
|
noSubmitThree:[
|
{
|
type:'table',
|
value:[
|
{
|
answer:'Could you tell me a little bit about yourself?',
|
userAnswer:'',
|
isShowAnswer:false,
|
},
|
{
|
answer:'Can you tell me about that job in detail?',
|
userAnswer:''
|
},
|
{
|
answer:'Why are you applying for this job then?',
|
userAnswer:''
|
},
|
{
|
answer: 'What are your strengths?',
|
userAnswer:''
|
},
|
]
|
},
|
{
|
type:'shortAnswer',
|
value:[
|
{
|
answer:[
|
'Ask for next steps and contact information',
|
'Assess your interview performance',
|
'Write down anything you want to remember',
|
'Send a thank you note to the hiring manager',
|
'Reference a current industry event in the news or literature',
|
'Connect on social media business networking sites',
|
'Send any supporting documents',
|
'Contact your references',
|
'Get comfortable with waiting'
|
],
|
userAnswer:'',
|
isShowAnswer:false
|
},
|
{
|
answer:'A follow-up email is a good way to show your interest in the position and, most important of all, your good manners. ',
|
userAnswer:'',
|
isShowAnswer:false
|
},
|
]
|
}
|
],
|
practicalThree:[
|
{
|
type:"dropdown",
|
isShowAnswer:false,
|
isComplete:false,
|
value:[
|
{
|
stemOne:'Subject: 1.',
|
stemTwo:'',
|
answer:'1. Thanks for meeting with me',
|
userAnswer:'',
|
option:[
|
'1. Thanks for meeting with me',
|
'2. I wish I could get the job'
|
]
|
},
|
{
|
stemOne:'2.',
|
stemTwo:'Mr. Jin,',
|
answer:'2. Dear',
|
userAnswer:'',
|
option:[
|
'1. Hello',
|
'2. Dear'
|
]
|
},
|
{
|
stemOne:'3.',
|
stemTwo:'the talk earlier today. Our conversation about the Marketing Manager position was inspiring,and it was fantastic to learn more about the position.',
|
answer:'2. We had great fun in',
|
userAnswer:'',
|
option:[
|
'1. Thanks so much for',
|
'2. We had great fun in'
|
]
|
},
|
{
|
stemOne:"The job sounds exciting, and I think I would be an ideal candidate thanks to 4.",
|
stemTwo:'in the field.',
|
answer:'1. my years of experience',
|
userAnswer:'',
|
option:[
|
'1. my years of experience',
|
"2. my friends' help"
|
]
|
},
|
{
|
stemOne:'5.',
|
stemTwo:'.Thanks again for the opportunity.',
|
answer:'1. Please contact me if you want to discuss further',
|
userAnswer:'',
|
option:[
|
'1. Please contact me if you want to discuss further',
|
"2. I have great confidence that I will get the job"
|
]
|
},
|
]
|
},
|
{
|
type:'fill',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
stem:'thank for me meet taking the time to with yesterday you',
|
answer:'Thank you for taking the time to meet with me yesterday.',
|
userAnswer:'',
|
},
|
{
|
stem:'I appreciate interview me the time to took you',
|
answer:'I appreciate the time you took to interview me.',
|
userAnswer:'',
|
},
|
{
|
stem:'I about am excited joining of possibility the very you',
|
answer:'I am very excited about the possibility of joining you.',
|
userAnswer:'',
|
},
|
{
|
stem:'I about enjoyed position speaking the today with you',
|
answer:'I enjoyed speaking with you today about the position.',
|
userAnswer:'',
|
},
|
{
|
stem:'I am and for forward from hearing in interested look to very working you you',
|
answer:'I am very interested in working for you and look forward to hearing from you.',
|
userAnswer:'',
|
},
|
]
|
},
|
{
|
type:'emial',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
]
|
},
|
{
|
type:'table',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
]
|
},
|
{
|
type:'emial',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
]
|
},
|
],
|
noSubmitTwo:[
|
{
|
type:'table',
|
value:[
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
{
|
userAnswer:'',
|
},
|
]
|
},
|
{
|
type:'shortAnswer',
|
value:[
|
{
|
stem:'.Working hard is only the first part of success.Making good choices is the second part.It truly takes both to achieve success at whatever you do.What’s your interpretation of the sentence?',
|
answer:[
|
'In order to be happy, you need to love what you are doing in life. Choosing a career, here, plays an important role in determining the level of your achievements. If you land down with a career that does not suit your qualification and potential, then you will only be wasting your time and energy into something which is neither good for your career nor your life. Selecting a wrong career will hold you in an inappropriate situation which will not only affect your professional life but will have an adverse impact on your personal life too.'
|
],
|
userAnswer:'',
|
isShowAnswer:false
|
},
|
{
|
stem:'What’s your suggestion for making the “right” career choice?',
|
answer:[
|
'1) Be aware of how other factors influence you',
|
'2) Never forget your strengths',
|
'3) Volunteer in your possible professions',
|
'4) Consider how you want your career to support you financially ',
|
'5) Take your time — don’t feel like you have to rush the process',
|
'6) Be patient with yourself, and keep in mind this is a challenging task',
|
'7) Reflect on what subjects in high school you enjoyed',
|
'8) Think about your dreams in life but try to understand why'
|
],
|
userAnswer:'',
|
isShowAnswer:false
|
},
|
]
|
},
|
{
|
type:'table',
|
value:[
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
{
|
userAnswer:''
|
},
|
]
|
}
|
],
|
dropTwo:[
|
{
|
type:'dropdown',
|
isShowAnswer:false,
|
option:[
|
'identify passion','go to school'
|
],
|
value:[
|
{
|
answer:'identify passion',
|
userAnswer:''
|
},
|
{
|
answer:'go to school',
|
userAnswer:''
|
},
|
]
|
},
|
{
|
type:'dropdown',
|
isComplete:false,
|
option:[
|
'change your mind',
|
'get another job',
|
'focus on one'
|
],
|
value:[
|
{
|
answer:'focus on one',
|
userAnswer:''
|
},
|
{
|
answer:'change your mind',
|
userAnswer:''
|
},
|
{
|
answer:'get another job',
|
userAnswer:''
|
},
|
]
|
}
|
],
|
listenTwo:[
|
{
|
type:'checkbox',
|
isComplete:false,
|
isShowAnswer:false,
|
answer:['Experience','Happiness','Income','Satisfaction'],
|
option:[
|
'Education','Experience','Goals','Happiness','Interest','Satisfaction','Skills','Values'
|
],
|
value:[
|
{
|
userAnswer:[]
|
}
|
]
|
},
|
{
|
type:"dropdown",
|
isComplete:false,
|
isShowAnswer:false,
|
option:['T','F'],
|
value:[
|
{
|
stem:'When we decide on our future career,satisfaction and happiness matter a lot.',
|
answer:'T',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Positive emotions make us more productive and satisfied in our jobs.',
|
answer:'T',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Our past experiences have nothing to do with our jobs in the future.',
|
answer:'F',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Our past experiences have nothing to do with our jobs in the future.',
|
answer:'F',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Luxuries will bring enjoyment to us,but that feeling cannot last forever.',
|
answer:'T',
|
userAnswer:'',
|
isRight:null,
|
},
|
]
|
},
|
{
|
type:'fill',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
stem:'Once you find a desired occupation,you’ll notice a change even in your daily life.',
|
answer:'career',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Only a small part of the budget is spent on books.',
|
answer:'beneficial',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Happiness itself can help to shape job market results and even firm performance.',
|
answer:'outcomes',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'Those who are excited about numbers can work in the accounting field.',
|
answer:'passionate',
|
userAnswer:'',
|
isRight:null,
|
},
|
{
|
stem:'We need to leave our pleasant zone at work if we want growth opportunities.',
|
answer:'comfortable',
|
userAnswer:'',
|
isRight:null,
|
},
|
]
|
},
|
{
|
type:'fill',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
|
stemOne:'Keep your options open and everything will',
|
stemTwo:'.',
|
answer:'fall into place',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'You’d better set a long-term goal that you can',
|
stemTwo:'.',
|
answer:'be passionate about',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'Anyone hired into the company must',
|
stemTwo:'the system.',
|
answer:'be comfortable with',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'You must accept',
|
stemTwo:'the blame for this crisis.',
|
answer:'a portion of',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'the blame for this crisis.',
|
stemTwo:'.',
|
answer:'later on',
|
userAnswer:'',
|
isRight:null
|
},
|
]
|
},
|
{
|
type:'fill',
|
isComplete:false,
|
isShowAnswer:false,
|
value:[
|
{
|
|
stemOne:'Although finding a new job might not be easy,there are many different methods to find',
|
stemTwo:'effectively.',
|
answer:'one',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'As you make a decision about your career,',
|
stemTwo:'is important to reflect on your interest,skills and career goals.',
|
answer:'it',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'People will usually set a milestone in their career path,',
|
stemTwo:'that they will work for in the next five or ten years.',
|
answer:'one',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'A career aptitude test could be helpful,because',
|
stemTwo:'will give you suggestions based on the test of your personal type.',
|
answer:'it',
|
userAnswer:'',
|
isRight:null
|
},
|
{
|
|
stemOne:'We all have to work,and for most of us,if you discount weekends and sleep,',
|
stemTwo:'will take up at least half our available time.',
|
answer:'it',
|
userAnswer:'',
|
isRight:null
|
},
|
]
|
},
|
]
|
};
|
},
|
mounted() {
|
const warmUp = localStorage.getItem("english-chapter-8-warmUp");
|
if (warmUp) {
|
this.warmUp = JSON.parse(warmUp);
|
}
|
const bookQuestion = localStorage.getItem("english-book-chapter08-question-one");
|
if (bookQuestion) {
|
this.questionData = JSON.parse(bookQuestion);
|
}
|
this.getPath();
|
const listenThree = localStorage.getItem('english-chapter08-listenThree')
|
if(listenThree) this.listenThree = JSON.parse(listenThree)
|
const noSubmitThree = localStorage.getItem('english-chapter08-noSubmitThree')
|
if(noSubmitThree) this.noSubmitThree = JSON.parse(noSubmitThree)
|
const practicalThree = localStorage.getItem('english-chapter08-practicalThree')
|
if(practicalThree) this.practicalThree = JSON.parse(practicalThree)
|
const noSubmitTwo = localStorage.getItem('english-chapter08-noSubmitTwo')
|
if(noSubmitTwo) this.noSubmitTwo = JSON.parse(noSubmitTwo)
|
const dropTwo = localStorage.getItem('english-chapter08-dropTwo')
|
if(dropTwo) this.dropTwo = JSON.parse(dropTwo)
|
const listenTwo = localStorage.getItem('english-chapter08-listenTwo')
|
if(listenTwo) this.listenTwo = JSON.parse(listenTwo)
|
},
|
methods: {
|
handleWarmUp(type) {
|
if (this.warmUp[0].value[type].userAnswer.trim()) {
|
this.warmUp[0].value[type].isRight = this.warmUp[0].value[type].userAnswer.trim() == this.warmUp[0].value[type].answer
|
} else {
|
this.warmUp[0].value[type].isRight = null
|
}
|
this.setWarmUp();
|
},
|
setWarmUp() {
|
localStorage.setItem("english-chapter-8-warmUp", JSON.stringify(this.warmUp));
|
},
|
setBookQuestion() {
|
localStorage.setItem(
|
"english-book-chapter08-question-one",
|
JSON.stringify(this.questionData)
|
);
|
},
|
arrayToString(data) {
|
if (Array.isArray(data)) {
|
return data.toString()
|
} else {
|
return data
|
}
|
},
|
isTextRight(answer, data, num) {
|
let flag = null;
|
if (data) {
|
flag = answer[num] == data
|
} else {
|
flag = false
|
}
|
return flag;
|
},
|
isShowRight(answer, userAnswer, data) {
|
let flag = null;
|
if (userAnswer.indexOf(data) > -1) {
|
flag = answer.indexOf(data) > -1 ? true : false;
|
} else {
|
flag = false
|
}
|
return flag;
|
},
|
saveWord(event, word) {
|
this.$emit("saveCharacters", event, word);
|
},
|
setTestData() {
|
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
|
},
|
async getPath() {
|
this.resource.listenOne = await getResourcePath(
|
"422139A2EF66EA888C5ED1D550AE23E0"
|
);
|
this.resource.readingOne = await getResourcePath(
|
"3F442B682D84C8AB06C800B29D734920"
|
);
|
this.resource.readingTwo = await getResourcePath(
|
"E8719EC88026BCFB11D292AA999F6D3D"
|
);
|
this.resource.listenTwo = await getResourcePath(
|
"ADAFFAB7BC7A868574889809AB1166A6"
|
);
|
this.resource.videoPathOne = await getResourcePath(
|
"29A9C275EEF0BF71C52BE68D8842C0E4"
|
);
|
|
},
|
showAnswer(type) {
|
if (type == "showImg") {
|
this.showImg = !this.showImg;
|
} else if (type == "showImgOne") {
|
this.showImgOne = !this.showImgOne;
|
}
|
setTimeout(() => { this.$emit("initViewer", "") }, 500)
|
},
|
saveListenThree() {
|
localStorage.setItem('english-chapter08-listenThree',JSON.stringify(this.listenThree))
|
},
|
handleListenThree() {
|
for (let index = 0; index < this.listenThree.length; index++) {
|
const item = this.listenThree[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.saveListenThree()
|
},
|
recastListenThree() {
|
for (let index = 0; index < this.listenThree.length; index++) {
|
const item = this.listenThree[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-chapter08-listenThree')
|
},
|
viewListenThree() {
|
for (let index = 0; index < this.listenThree.length; index++) {
|
const item = this.listenThree[index];
|
item.isShowAnswer = !item.isShowAnswer
|
}
|
},
|
saveNoSubmitThree() {
|
localStorage.setItem('english-chapter08-noSubmitThree',JSON.stringify(this.noSubmitThree))
|
},
|
showNoSubmitThree(index,num) {
|
this.$set(this.noSubmitThree[index].value[num],'isShowAnswer',!this.noSubmitThree[index].value[num].isShowAnswer)
|
},
|
savePracticalThree() {
|
localStorage.setItem('english-chapter08-practicalThree',JSON.stringify(this.practicalThree))
|
},
|
handlePracticalThree(index,num) {
|
this.$set(this.practicalThree[index].value[num],'isRight',this.practicalThree[index].value[num].userAnswer == this.practicalThree[index].value[num].answer)
|
this.savePracticalThree()
|
},
|
showPracticalThree(index) {
|
this.$set(this.practicalThree[index],'isShowAnswer',!this.practicalThree[index].isShowAnswer)
|
},
|
saveNoSubmitTWo() {
|
localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
|
},
|
showNoSubmitTWo(index,num) {
|
this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
|
},
|
saveDropTwo() {
|
localStorage.setItem('english-chapter08-dropTwo',JSON.stringify(this.dropTwo))
|
},
|
handleDropTwo(index,num) {
|
this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
|
this.saveDropTwo()
|
},
|
saveListenTwo() {
|
localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
|
},
|
handleListenTwo() {
|
for (let index = 0; index < this.listenTwo.length; index++) {
|
const item = this.listenTwo[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.userAnswer == citem.answer
|
}
|
}
|
}
|
this.saveListenTwo()
|
},
|
recastListenTwo() {
|
for (let index = 0; index < this.listenTwo.length; index++) {
|
const item = this.listenTwo[index];
|
item.isComplete = false
|
item.isShowAnswer = false
|
if(item.type !== 'checkbox') {
|
for (let cindex = 0; cindex < item.value.length; cindex++) {
|
const citem = item.value[cindex];
|
citem.isRight = null
|
citem.userAnswer = null
|
}
|
}
|
}
|
localStorage.removeItem('english-chapter08-listenTwo')
|
},
|
viewListenTwo() {
|
for (let index = 0; index < this.listenTwo.length; index++) {
|
const item = this.listenTwo[index];
|
item.isShowAnswer = !item.isShowAnswer
|
}
|
}
|
},
|
};
|
</script>
|
|
<style lang="less" scoped>
|
p {
|
font-size: 16px !important;
|
}
|
|
.bodystyle {
|
margin: 0 !important;
|
}
|
|
.line-border-box {
|
margin-left: 10px;
|
display: inline-block;
|
width: 50%;
|
height: 3px;
|
background-color: #f9a71b;
|
}
|
|
.mr-20 {
|
margin-right: 20px;
|
}
|
|
.dl-box {
|
display: flex;
|
flex-wrap: wrap;
|
|
.dl-span {
|
display: inline-block;
|
text-indent: 0;
|
margin-bottom: 15px;
|
height: 20px;
|
line-height: 20px;
|
}
|
}
|
|
.btn-w {
|
font-size: 14px;
|
border-width: 1px;
|
min-width: 80px;
|
height: 30px;
|
background-color: #fff;
|
|
&:hover {
|
background-color: #0bab87;
|
color: #fff;
|
}
|
}
|
|
.banshi {
|
position: relative;
|
margin-top: 40px;
|
width: 100%;
|
height: 350px;
|
margin: 0 auto;
|
}
|
|
.pageBox {
|
z-index: 9999999999;
|
color: #999;
|
position: absolute;
|
left: 48%;
|
bottom: 0px;
|
}
|
|
select {
|
height: 24px;
|
}
|
|
.mini-audio {
|
width: 200px;
|
height: 200px;
|
position: fixed;
|
right: 0;
|
background-color: red;
|
}
|
|
.select-border {
|
border: 0;
|
border-bottom: 1px solid #767676;
|
|
&:focus {
|
outline: none;
|
}
|
}
|
.finish-box {
|
border:2px dashed #d1d2d4;
|
border-radius:3%;
|
}
|
.po-re {
|
position: relative;
|
}
|
.reality-one,.reality-two,.reality-three {
|
width:18%;
|
height:7%;
|
select {
|
width:100%;
|
height:100%;
|
}
|
}
|
.reality-one {
|
|
position:absolute;
|
right: 30%;
|
top: 30%;
|
|
}
|
.reality-two {
|
position:absolute;
|
right: 50%;
|
top: 47%;
|
}
|
.reality-three {
|
position:absolute;
|
right: 44%;
|
bottom: 6.5%;
|
}
|
</style>
|
