Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

2024-07-26 bd4d2df3c20c2baea23567f57556a70a38e1960d

 src/books/English/view/components/chapter008.vue

@@ -315,12 +315,12 @@
                                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>
                            <span class="word-bc">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>
                            <span class="word-bc">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.
@@ -348,40 +348,40 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>So,I
                            <span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
                            <span class="word-bc" >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>
                            <span class="word-bc">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>
                            <span class="word-bc" >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>
                            <span class="word-bc">weeds</span>
                            .I got down on my knees with
                            <span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
                            <span class="word-bc" >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>
                            <span class="word-bc" >tedious</span>
                            task,I
                            <span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
                            <span class="word-bc" >mowed</span>
                            her
                            <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
                            <span class="word-bc" >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>
                            <span class="word-bc" >harden</span>
                            spirits and
                            <span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
                            <span class="word-bc" >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>
                            <span class="word-bc" >sweat</span>
                            turned into the “cube”,it is something no one can take away.
                        </p>
                        <p class="fl al-cn mt-40">
@@ -877,120 +877,120 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.five"
                                    <textarea v-model="noSubmitTwo[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.six"
                                    <textarea v-model="noSubmitTwo[0].value[1].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                    <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="questionData.table.eight"
                                    <textarea v-model="noSubmitTwo[0].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.nine"
                                    <textarea v-model="noSubmitTwo[0].value[4].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.ten"
                                    <textarea v-model="noSubmitTwo[0].value[5].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.eleven"
                                    <textarea v-model="noSubmitTwo[0].value[6].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twelve"
                                    <textarea v-model="noSubmitTwo[0].value[7].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirteen"
                                    <textarea v-model="noSubmitTwo[0].value[8].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.fourteen"
                                    <textarea v-model="noSubmitTwo[0].value[9].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.fifteen"
                                    <textarea v-model="noSubmitTwo[0].value[10].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.sixteen"
                                    <textarea v-model="noSubmitTwo[0].value[11].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.seventeen"
                                    <textarea v-model="noSubmitTwo[0].value[12].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.eighteen"
                                    <textarea v-model="noSubmitTwo[0].value[13].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.nineteen"
                                    <textarea v-model="noSubmitTwo[0].value[14].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twenty"
                                    <textarea v-model="noSubmitTwo[0].value[15].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyOne"
                                    <textarea v-model="noSubmitTwo[0].value[16].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyTwo"
                                    <textarea v-model="noSubmitTwo[0].value[17].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyThree"
                                    <textarea v-model="noSubmitTwo[0].value[18].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyFour"
                                    <textarea v-model="noSubmitTwo[0].value[19].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyFive"
                                    <textarea v-model="noSubmitTwo[0].value[20].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -998,23 +998,23 @@
                        <div class="bk-wh">
                            <p class="dl-box">
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'dangerous')">dangerous</span>
                                    >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>
                                    >demanding</span>
                                <span class="word-bc mr-20 dl-span" >dull</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'exciting')">exciting</span>
                                    >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>
                                    >repetitive</span>
                                <span class="word-bc mr-20 dl-span" >risky</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'satisfying')">satisfying</span>
                                   >satisfying</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stimulating')">stimulating</span>
                                    >stimulating</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stressful')">stressful</span>
                                    >stressful</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'voluntary')">voluntary</span>
                                    >voluntary</span>
                            </p>

                            <p>　　　　　　　　　
@@ -1191,12 +1191,45 @@
                    <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
                        <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></p>
                                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>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /></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">
@@ -1221,18 +1254,69 @@
                    <div class="bodystyle">
                        <p><b>Road map</b>2：</p>
                        <p><b>In reality,it looks more like:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
                        <h3 id="c069"><span class="bjh3">Reading</span></h3>
                        <p>1.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?</p>
                        <p>2.What’s your suggestion for making the “right” career choice?</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.readingThree" 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>
                            <span class="word-bc" >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.
@@ -1264,13 +1348,13 @@
                        <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>
                            <span class="word-bc" >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>
                            <span class="word-bc" >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.
@@ -1278,31 +1362,31 @@
                        <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>
                            <span class="word-bc" >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>
                            <span class="word-bc" >necessities</span>
                            like food,water,clothes,and
                            <span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
                            <span class="word-bc" >shelter</span>
                            .It can also provide
                            <span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
                            <span class="word-bc" >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>
                            <span class="word-bc">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>
                            <span class="word-bc" >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>
                            <span class="word-bc" >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>
                            <span class="word-bc" >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.
@@ -1414,38 +1498,42 @@
                        <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>□Education</p>
                        <p>□Experience</p>
                        <p>□Goals</p>
                        <p>□Happiness</p>
                        <p>□Interest</p>
                        <p>□Satisfaction</p>
                        <p>□Skills</p>
                        <p>□Values</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>(　) 1.When we decide on our future career,satisfaction and happiness matter a lot.</p>
                        <p>(　) 2.Positive emotions make us more productive and satisfied in our jobs.</p>
                        <p>(　) 3.Our past experiences have nothing to do with our jobs in the future.</p>
                        <p>(　) 4.There is no need to worry about what career we are going to take.</p>
                        <p>(　) 5.Luxuries will bring enjoyment to us,but that feeling cannot last forever.</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>1.Once you find a desired <i>occupation</i>,you’ll notice a change even in your daily
                            life._____________</p>
                        <p>2.Only a small <i>part</i> of the budget is spent on books._____________</p>
                        <p>3.Happiness itself can help to shape job market <i>results</i> and even firm
                            performance._____________</p>
                        <p>4.Those who are <i>excited</i> about numbers can work in the accounting field._____________
                        <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>5.We need to leave our <i>pleasant</i> zone at work if we want growth
                            opportunities._____________</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>1.Keep your options open and everything will___________.</p>
                        <p>2.You’d better set a long-term goal that you can___________.</p>
                        <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">
@@ -1468,9 +1556,12 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>3.Anyone hired into the company must___________the system.</p>
                        <p>4.You must accept___________the blame for this crisis.</p>
                        <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
                        <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"
@@ -1493,16 +1584,31 @@
                            <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>1.Although finding a new job might not be easy,there are many different methods to
                            find_______effectively.</p>
                        <p>2.As you make a decision about your career,_______is important to reflect on your
                            interest,skills and career goals.</p>
                        <p>3.People will usually set a milestone in their career path,_______that they will work for in
                            the next five or ten years.</p>
                        <p>4.A career aptitude test could be helpful,because_______will give you suggestions based on
                            the test of your personal type.</p>
                        <p>5.We all have to work,and for most of us,if you discount weekends and sleep,_______will take
                            up at least half our available time.</p>
                        <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
@@ -1546,49 +1652,49 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentySix"
                                    <textarea v-model="noSubmitTwo[2].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                    <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="questionData.table.twentyEight"
                                    <textarea v-model="noSubmitTwo[2].value[2].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyNine"
                                    <textarea v-model="noSubmitTwo[2].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirty"
                                    <textarea v-model="noSubmitTwo[2].value[4].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyOne"
                                    <textarea v-model="noSubmitTwo[2].value[5].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyTwo"
                                    <textarea v-model="noSubmitTwo[2].value[6].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyThree"
                                    <textarea v-model="noSubmitTwo[2].value[7].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -3220,10 +3326,363 @@
                    ]
                },
            ],

            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() {
     mounted() {
        const warmUp = localStorage.getItem("english-chapter-8-warmUp");
        if (warmUp) {
            this.warmUp = JSON.parse(warmUp);
@@ -3236,8 +3695,20 @@
        if (questionDataOne) {
            this.questionDataOne = JSON.parse(questionDataOne);
        }
        this.getPath();
    },
         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()) {
@@ -3326,9 +3797,6 @@
            }
            return flag;
        },
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
@@ -3353,6 +3821,9 @@
            );
            this.resource.listenThree = await getResourcePath(
                "717A3B915B114D7DC5CA9D3AAA1FC3ED"
            );
            this.resource.listenTwo = await getResourcePath(
                "ADAFFAB7BC7A868574889809AB1166A6"
            );
            this.resource.videoPathOne = await getResourcePath(
                "29A9C275EEF0BF71C52BE68D8842C0E4"
@@ -3415,7 +3886,58 @@
            this.savePracticalThree()
        },
        showPracticalThree(index) {
            this.$set(this.practicalThree[index], 'isShowAnswer', !this.practicalThree[index].isShowAnswer)
            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
            }
        }
    },
};
@@ -3598,4 +4120,32 @@
        outline: none;
    }
}
.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>