英语整本（调试）

zhongshujie

2024-07-22 cd543962c87fc32e934f0d659c6b327b058baca2

英语整本（调试）

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

@@ -450,18 +450,30 @@

            <p>
              It is not a secret that a company’s success is heavily based on
              its people.An employee is defined by his/her talents,knowledge and
              abilities.This is the “visible” side of an employee.The
              “hidden”side,which is also important,is the cultural identity.The
              its people.An employee is 
              <span class="word-bc" @click="saveWord($event, 'defined')">defined</span>
               by his/her talents,knowledge and
              abilities.This is the 
              “<span class="word-bc" @click="saveWord($event, 'visible')">visible</span>”
               side of an employee.The
              “hidden”side,which is also important,is the cultural 
              <span class="word-bc" @click="saveWord($event, 'identity')">identity</span>
              .The
              culture of an employee impacts his/her views on life,work,business
              relationships and how they handle challenges.There are some issues
              that may arise when working in a cross-cultural environment.
              relationships and how they 
              <span class="word-bc" @click="saveWord($event, 'handle')">handle</span>
               challenges.There are some issues
              that may 
              <span class="word-bc" @click="saveWord($event, 'arise')">arise</span>
               when working in a cross-cultural environment.
            </p>
            <p>
              When your colleagues speak different languages,it is easy to
              misunderstand each other.When I applied for the position at an
              international trade company,during the interview,my
              interviewer,who is from Egypt,was saying “quote”,but to me,it
              interviewer,who is from Egypt,was saying
              “<span class="word-bc" @click="saveWord($event, 'quote')">quote</span>”
              ,but to me,it
              sounded like “court”.It took me a while to
            </p>
          </div>
@@ -487,7 +499,9 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              understand what he meant,and I still remember how confused I felt
              understand what he meant,and I still remember how 
              <span class="word-bc" @click="saveWord($event, 'confused')">confused</span>
               I felt
              when I had to reply without knowing what he was asking about.You
              may feel uncomfortable to ask your conversation partner to repeat
              the sentence.However,it will save you from making mistakes and
@@ -495,29 +509,45 @@
              understand him.
            </p>
            <p>
              Things that are normal or routine in one culture can be totally
              unacceptable in another culture.In my home country of Latvia,it is
              Things that are normal or 
              <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
               in one culture can be totally
              <span class="word-bc" @click="saveWord($event, 'unacceptable')">unacceptable</span>
              in another culture.In my home country of Latvia,it is
              a normal practice not to expect replies by email after normal
              working hours and I will only disturb a colleague if the matter is
              working hours and I will only 
              <span class="word-bc" @click="saveWord($event, 'disturb')">disturb</span>
               a colleague if the matter is
              very serious.However,in other countries,like Russia and Egypt,the
              tendency is to work 24/7 in response to the industry needs.Get
              <span class="word-bc" @click="saveWord($event, 'tendency')">tendency</span>
               is to work 24/7 in response to the industry needs.Get
              familiar with the behavior patterns accepted in your colleagues’
              countries,and learn about their traditions,you will finally find
              the best way to respectfully communicate.
              countries,and learn about their 
              <span class="word-bc" @click="saveWord($event, 'traditions')">traditions</span>
              ,you will finally find the best way to respectfully communicate.
            </p>
            <p>
              Language and cultural barriers can cause frustration.Don’t let
              Language and cultural 
              <span class="word-bc" @click="saveWord($event, 'barriers')">barriers</span>
               can cause 
              <span class="word-bc" @click="saveWord($event, 'frustration')">frustration</span>
               .Don’t let
              emotions take over.Think about the objective you want to
              reach,make an effort to understand the other person and use the
              most appropriate means for it.For example,email does not convey
              most 
              <span class="word-bc" @click="saveWord($event, 'appropriate')">appropriate</span>
               means for it.For example,email does not convey
              the speaker’s emotions and limits the possibility to ask
              questions.Calling someone on the phone and hearing his/her tone
              questions.Calling someone on the phone and hearing his/her 
              <span class="word-bc" @click="saveWord($event, 'tone')">tone</span>
              can make the communication more smooth,and you will be surprised
              by the level of understanding you will receive in return.
            </p>
            <p>
              Working with colleagues from other countries or cultures can at
              times be challenging,but it is so rewarding when you can learn
              times be challenging,but it is so 
              <span class="word-bc" @click="saveWord($event, 'rewarding')">rewarding</span>
               when you can learn
              from each other and open your eyes to other ways of life.
            </p>
            <p class="fl al-cn mt-40">
@@ -1941,12 +1971,12 @@
            <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
            <p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
            <p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
            <p>
              <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
          </div>
        </div>

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

@@ -1221,26 +1221,37 @@
                        <p class="center"> <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                ></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
                        <p>Work ethic is a set of standards of behavior and beliefs 
                            <span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
                             what is and isn’t
                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                            views of employees,their motivation,and overall company culture.</p>
                        <p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
                        <p><b>Example</b> 1</p>
                        <p>Angela’s director asked her to sort out data about the patients and
                            insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
                            <span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
                            .Unfortunately,Angela isn’t very familiar with processing certain insurance 
                            <span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
                            .
                        </p>
                        <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
                            the insurance department and consults her director.</p>
                        <p>In the process,she expands her skills to make sure she meets her goals.</p>
                        <p><b>Example</b> 2</p>
                        <p>Jim’s director asked him to review the financial reports from last quarter to look for
                            purchases from one guest.The director gave him this task about a month ago and asked him to
                            <span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
                             from one guest.The director gave him this task about a month ago and asked him to
                            complete it within a few weeks.</p>
                        <p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
                            early,he leaves it to the last minute and turns in an incomplete report.</p>
                        <p><b>Example</b> 3</p>
                        <p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
                            addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
                        <p>Sheila is sometimes 
                            <span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
                             by the tasks assigned by her director.However,she never
                            <span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
                            her 
                            <span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
                             to the director.Instead,she complains to her coworkers,friends,and
                        </p>
                    </div>
                </div>
@@ -1272,7 +1283,9 @@
                            for half an hour or even longer.</p>
                        <p>Instead of trying hard to change the current situation,he makes various excuses for being
                            late.</p>
                        <p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
                        <p>His 
                            <span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
                             delay shows a lack of respect for his job and coworkers.His coworkers think of
                            him as being unreliable and irresponsible as a result.</p>
                        <p>The above examples represent a set of working attitudes that regulate employees’ behavior at
                            work.And what can you do to develop strong work ethic?</p>
@@ -2061,27 +2074,85 @@
                        </div>
                        <div class="bk-13">
                            <p>Dear Jeff Bell,</p>
                            <p>Your HR department has been informed by your director that
                                <select class="select-border select-bc-t w80" @change="handleDropdownData">
                                    <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
                            <p class="tl-lf">Your HR department has been informed by your director that
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">
                                do not comply with Tech
                                Market Technology Company’s policies:
                            </p>
                            <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
                            <p>_____on January 17th,2023.</p>
                            <p>The following consequences,_____,will be applied,should you not demonstrate improvement
                            <p>     <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
                            <p class="tl-lf">The following consequences,    
                                 <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
                                or cease violation of company policies:</p>
                            <p>1.Second warning notice issued</p>
                            <p>2._____</p>
                            <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete"></p>
                            <p>3.Third and final warning notice followed by an in-person meeting</p>
                            <p>4.Termination of employment</p>
                            <p>We will do whatever to_____.</p>
                            <p class="tl-lf">We will do whatever to 
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">.</p>
                            <p>Supervisor’s signature:Jim Marche</p>
                            <p>Date:1/31/23</p>
                        </div>
                        <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
                            <div>
                                <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
                                      {{index+1}}.{{item.answer}}
                                </p>
                            </div>       
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
                                    <button class="btn-border btn-w" @click="handleWarmUpOne">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastWarmUpOne" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewWarmUpOne" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <p><b>Ⅲ.Put the following words in right order to make sentences.</b>
                            <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
@@ -3381,6 +3452,11 @@
                            isRight: null,
                        },
                        {
                            answer: 'in order of escalation',
                            userAnswer: '',
                            isRight: null,
                        },
                        {
                            answer: 'job suspension without pay for one workweek',
                            userAnswer: '',
                            isRight: null,
@@ -3417,6 +3493,11 @@
        const warmUp = localStorage.getItem("english-chapter-7-warmUp");
        if (warmUp) {
            this.warmUp = JSON.parse(warmUp);
        }

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

        const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
@@ -3686,6 +3767,44 @@
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        handleWarmUpOne() {
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[index];
                item.isComplete = true;
                item.isShowAnswer = true;
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = citem.answer == citem.userAnswer;
                }
            }
        },
        setWarmUpOne() {
            localStorage.setItem(
                "english-chapter-7-warmUpOne",
                JSON.stringify(this.warmUpOne)
            );
        },
        recastWarmUpOne() {
            localStorage.removeItem("english-chapter-7-warmUpOne");
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[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 = "";
                }

            }
        },
        viewWarmUpOne() {
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },

        handleQuestionDataTwo() {
            for (let index = 0; index < this.questionDataTwo.length; index++) {
                const item = this.questionDataTwo[index];

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

@@ -276,10 +276,14 @@
                                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 &nbsp; (2).Explore alternate career options &nbsp; (3).Strengthen resume &nbsp;
                            (4).Develop work ethic skills &nbsp; (5).Create opportunities for socializing &nbsp; (6).Enhance communication skills &nbsp;
                            (7).Build networking opportunities &nbsp; (8).Gain independence &nbsp; (9).Get a stable cash flow &nbsp; (10).Learn money management skills &nbsp;
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerThree">
                            答案：(1).Gain confidence and responsibility &nbsp; (2).Explore alternate career options &nbsp;
                            (3).Strengthen resume &nbsp;
                            (4).Develop work ethic skills &nbsp; (5).Create opportunities for socializing &nbsp;
                            (6).Enhance communication skills &nbsp;
                            (7).Build networking opportunities &nbsp; (8).Gain independence &nbsp; (9).Get a stable cash
                            flow &nbsp; (10).Learn money management skills &nbsp;
                        </p>
                        <p>2.If you’re considering a part-time job,what’s your expectation of it?
                            <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
@@ -296,16 +300,18 @@
                                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 &nbsp; (2).a regular working time &nbsp; (3).a friendly working team &nbsp;
                            (4).comfortable working environment 
                            
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerFour">
                            答案：(1).a good salary &nbsp; (2).a regular working time &nbsp; (3).a friendly working team
                            &nbsp;
                            (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 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
                        <p class="center"> <audio :src="resource.readingOne" 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
@@ -382,9 +388,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; 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><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>
@@ -475,12 +480,21 @@
                        </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 v-for="(item, index) in questionDataOne[0].value" :key="'one' + index">
                            <p class="tl-lf">{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
                                    style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[0].value" :key="'oneanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -505,33 +519,110 @@
                    <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>
                        <div class="center poster-img">
                            <img class="img-a" alt="" src="../../assets/images/0150-1.jpg" />
                            <input type="text" class="poster-input-box-one"
                                v-model="questionDataOne[1].value[0].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-two"
                                v-model="questionDataOne[1].value[1].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-six"
                                v-model="questionDataOne[1].value[2].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-three"
                                v-model="questionDataOne[1].value[3].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-four"
                                v-model="questionDataOne[1].value[4].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-five"
                                v-model="questionDataOne[1].value[5].userAnswer" @change="setQuestionDataOne" />
                        </div>
                        <p>The answer to each question:</p>
                        <p>1.________________________________________________</p>
                        <p>2.________________________________________________</p>
                        <p>3.________________________________________________</p>
                        <p>4.________________________________________________</p>
                        <p>5.________________________________________________</p>
                        <div v-for="(item, index) in questionDataOne[2].value" :key="'two' + index">
                            <p>{{ index + 1 }}.<input :disabled="questionDataOne[2].isComplete" type="text"
                                    class="input-bottom-border" style="width: 90%" v-model="item.userAnswer"
                                    @input="setQuestionDataOne" /></p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[2].value" :key="'twoanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
                        <p>The first job experience is burned into our memories for a c
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[0].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[0].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            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
                            e <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[1].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[1].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">

                            people with their gardens,so he went to Mrs.Hudson who just lived in his n
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[2].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[2].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">.
                            Although his job of pulling out weeds there was t
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[3].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[3].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            , 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>
                            v
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[4].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[4].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            of money through his s
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[5].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[5].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            .
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[3].value" :key="'threeanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <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 v-for="(item, index) in questionDataOne[4].value" :key="'three' + index">
                            <p>{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6" style=" width: 92%"
                                    class="fz-16 fm-son" @change="setQuestionDataOne">
                            </textarea>
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[4].value" :key="'fouranswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">146</span>
                    <span class="contet-num-box">140</span>
                </div>
            </div>
        </div>
@@ -551,17 +642,21 @@
                <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>
                        <div v-for="(item, index) in questionDataOne[5].value" :key="'four' + index">
                            <p>{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <input :disabled="questionDataOne[5].isComplete" type="text" class="input-bottom-border"
                                    style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[5].value" :key="'fiveanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                        <p><b>Ⅲ.Grammar focus:The simple present &amp; past tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -579,58 +674,153 @@
                        <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>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[0].userAnswer"
                                @input="setQuestionDataOne" />）
                            2.I <span class="u">wanted</span> to buy a new speed cube.
                            <img :src="questionDataOne[6].value[0].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[1].userAnswer"
                                @input="setQuestionDataOne" />）3.I <span class="u">went</span> to the oldest person I
                            knew in my neighborhood.
                            <img :src="questionDataOne[6].value[1].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[2].userAnswer"
                                @input="setQuestionDataOne" />）4.It <span class="u">seems</span> these experiences
                            harden our spirits and resolve.
                            <img :src="questionDataOne[6].value[2].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[3].userAnswer"
                                @input="setQuestionDataOne" />）5.When I <span class="u">was</span> about sixteen years
                            old, I <span class="u">wanted
                            </span>to buy a new speed cube.
                            <img :src="questionDataOne[6].value[3].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[4].userAnswer"
                                @input="setQuestionDataOne" />）6.I <span class="u">think</span> everyone should get down
                            on one’s knees and pull weeds.
                            <img :src="questionDataOne[6].value[4].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[6].value" :key="'sixanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <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">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
                            <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 class="tl-cn">give
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 40%"
                                        v-model="questionDataOne[7].value[0].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[0].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">spend
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[1].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[1].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[2].userAnswer" @input="setQuestionDataOne" />
                                    had
                                    <img :src="questionDataOne[7].value[2].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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" />
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[3].userAnswer" @input="setQuestionDataOne" />
                                    went
                                    <img :src="questionDataOne[7].value[3].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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" />
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[4].userAnswer" @input="setQuestionDataOne" />
                                    began
                                    <img :src="questionDataOne[7].value[4].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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 class="tl-cn">say
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[5].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[5].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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 class="tl-cn">get
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[6].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[6].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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 class="tl-cn">think
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[7].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[7].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </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 class="tl-cn">asy
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[8].userAnswer" @input="setQuestionDataOne" />
                                    chose
                                    <img :src="questionDataOne[7].value[8].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[7].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[7].value" :key="'sixanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
                                    <button class="btn-border btn-w" @click="handleQuestionDataOne">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastQuestionDataOne" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewQuestionDataOne" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <h3 id="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>
@@ -1038,7 +1228,7 @@
                            sentence?</p>
                        <p>2.What’s your suggestion for making the “right” career choice?</p>
                        <p class="center"><b>Choose a Career You Love</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                        <p class="center"><audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></p>
                        <p>We spend a large
@@ -1121,7 +1311,7 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio"></audio>
                        <p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
                        <div class="bkbj">
@@ -1551,29 +1741,43 @@
                        </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> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio"></audio></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">
                            <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">
                            <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">
                            <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">
                            <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">
                            <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!
@@ -1581,19 +1785,19 @@
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev" style="width:80%">
                                <li>
                                <button class="btn-border btn-w" @click="handleListenThree">
                                    提交
                                </button>
                                    <button class="btn-border btn-w" @click="handleListenThree">
                                        提交
                                    </button>
                                </li>
                                <li>
                                <button @click="recastListenThree" class="btn-border btn-w">
                                    重做
                                </button>
                                    <button @click="recastListenThree" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                <button @click="viewListenThree" class="parimary-btn">
                                    查看答案
                                </button>
                                    <button @click="viewListenThree" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
@@ -1624,14 +1828,18 @@
                                Ⅱ.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)" />
                            <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>
                        <p > <audio :src="resource.listenThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></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>
@@ -1684,47 +1892,48 @@
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20"
                            v-if="noSubmitThree[0].value[0].isShowAnswer">
                        <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 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)" />
                            <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">
                        <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 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)" />
                            <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>
                        <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>
@@ -1763,65 +1972,70 @@
                <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
                            <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 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>
                        <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}}
                            <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}}
                                <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">
                        <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 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 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}}
                            <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" > 
                                <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">
                        <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 v-for="(item, index) in practicalThree[1].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </p>
                        </div>
                    </div>
@@ -1851,37 +2065,32 @@
                        <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" > 
                                <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" > 
                                <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" > 
                                <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>
                            <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>
                        <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
@@ -1891,11 +2100,9 @@
                        <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>
                        <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">
@@ -1923,16 +2130,19 @@
                            <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" > 
                                        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" > 
                                        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" > 
                                        Email:
                                        <input type="text" v-model="practicalThree[3].value[2].userAnswer"
                                            class="input-bottom-border input-bc-t" @input="savePracticalThree">
                                    </p>
                                </td>
                            </tr>
@@ -1977,18 +2187,22 @@
                        <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" > 
                                <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" > 
                                <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" > 
                                <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>
                            <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[4].value[3].userAnswer"
                                class="w100" @input="savePracticalThree"></textarea>
                        </div>
                    </div>
                </div>
@@ -2192,7 +2406,7 @@
        return {
            warmUp: [
                {
                    type: "fill",
                    type: "fills",
                    isShowAnswer: false,
                    value: [
                        {
@@ -2228,137 +2442,262 @@
                    ]
                },
            ],
            questionDataOn:[
            questionDataOne: [
                {
                    type:"fill",
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {   
                            stem:"What job did the author take?",
                            answer:"Pulling out weeds",
                            userAnswer:"",
                    type: "fills",
                    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: "How did he describe his job?",
                            answer: "Tedious",
                            userAnswer: "",
                        },
                        {
                            stem:"What can be a proper title for this passage?",
                            answer:"My first job",
                            userAnswer:"",
                            stem: "What can be a proper title for this passage?",
                            answer: "My first job",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type:"fill",
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:"",
                        },
                        {   
                            userAnswer:"",
                        },
                        {   
                            userAnswer:"",
                            userAnswer: "",
                        },
                        {
                            userAnswer:"",
                            userAnswer: "",
                        },
                        {
                            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:"",
                    type: "fills",
                    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 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: "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: "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:"",
                            answer: "My first job was to pull out weeds.",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type:"fill",
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {   
                            answer:"couple",
                            userAnswer:"",
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "couple",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer:"elderly",
                            userAnswer:"",
                            answer: "elderly",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer:"neighborhood",
                            userAnswer:"",
                            answer: "neighborhood",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer:"tedious",
                            userAnswer:"",
                            answer: "tedious",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer:"value",
                            userAnswer:"",
                            answer: "value",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer:"sweat",
                            userAnswer:"",
                            answer: "sweat",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
                {
                    type:"fill",
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {   
                            answer:"couple",
                            userAnswer:"",
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: "out of nowher",
                            answer: "Success never comes out of nowhere.",
                            userAnswer: "",

                        },
                        {
                            answer:"elderly",
                            userAnswer:"",
                            stem: "as to",
                            answer: "We might have questions as to where we could get a job.",
                            userAnswer: "",
                        },
                        {
                            answer:"neighborhood",
                            userAnswer:"",
                            stem: "build up",
                            answer: "Salesperson should build up a good relationship with the customers.",
                            userAnswer: "",
                        },
                        {
                            answer:"tedious",
                            userAnswer:"",
                            stem: "at least",
                            answer: "Full-time employees usually work at least 5 days a week.",
                            userAnswer: "",
                        },
                        {
                            answer:"value",
                            userAnswer:"",
                            stem: "take away",
                            answer: "When a project wraps up, you are sure to take away some experience and new knowledge.",
                            userAnswer: "",
                        }
                    ]
                },
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: "Wang Jinxi,the “Iron Man”,successfully fulfilled his job under incredible difficulties.",
                            answer: "“铁人”王进喜在极端困难的条件下成功地完成了他的工作。",
                            userAnswer: "",

                        },
                        {
                            answer:"sweat",
                            userAnswer:"",
                            stem: "Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her school.",
                            answer: "张桂梅老师把她所有的钱都花在为学校的女孩子购买所需的物品上了。",
                            userAnswer: "",
                        },
                        {
                            stem: "Wu Dajing impressed the whole nation when fighting to supply his teammates with a better position in the lane.",
                            answer: "武大靖在赛场上奋力为队友争得有利位置的事迹，让全国人民都为之感动。",
                            userAnswer: "",
                        },
                        {
                            stem: "Wang Yaping with resolve won her family’s support to be the first woman in China’s new space station.",
                            answer: "王亚萍的坚持为她赢得了家人的支持，让她成为中国新空间站的第一位女航天员。",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "present",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: " past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "present",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "gave",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "spent",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "have",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "go",
                            userAnswer: "",
                            isRight: null,
                        },
                        {

                            answer: "begin",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "said",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "got",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "thought",
                            userAnswer: "",
                            isRight: null,
                        },
                        {

                            answer: "choose",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
@@ -2600,9 +2939,13 @@
            },
            resource: {
                listenOne: "",
                listenTwo: "",
                listenThree: "",
                readingOne: "",
                readingTwo: "",
                videoPathOne:''
                readingThree: "",
                readingFour: "",
                videoPathOne: ''
            },
            dropdownData: {
                one: {
@@ -2636,69 +2979,69 @@
                    answer: "facial recognition",
                },
            },
            
            listenThree:[

            listenThree: [
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer:'clerk',
                            userAnswer:'',
                            isRight:null
                            answer: 'clerk',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'challenging',
                            userAnswer:'',
                            isRight:null
                            answer: 'challenging',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'numbers',
                            userAnswer:'',
                            isRight:null
                            answer: 'numbers',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'resume',
                            userAnswer:'',
                            isRight:null
                            answer: 'resume',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer:'letter',
                            userAnswer:'',
                            isRight:null
                            answer: 'letter',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                }
            ],
            noSubmitThree:[
            noSubmitThree: [
                {
                    type:'table',
                    value:[
                    type: 'table',
                    value: [
                        {
                            answer:'Could you tell me a little bit about yourself?',
                            userAnswer:'',
                            isShowAnswer:false,
                            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: 'Can you tell me about that job in detail?',
                            userAnswer: ''
                        },
                        {
                            answer:'Why are you applying for this job then?',
                            userAnswer:''
                            answer: 'Why are you applying for this job then?',
                            userAnswer: ''
                        },
                        {
                            answer: 'What are your strengths?',
                            userAnswer:''
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type:'shortAnswer',
                    value:[
                    type: 'shortAnswer',
                    value: [
                        {
                            answer:[
                            answer: [
                                'Ask for next steps and contact information',
                                'Assess your interview performance',
                                'Write down anything you want to remember',
@@ -2709,170 +3052,170 @@
                                'Contact your references',
                                'Get comfortable with waiting'
                            ],
                            userAnswer:'',
                            isShowAnswer:false
                            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
                            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:[
            practicalThree: [
                {
                    type:"dropdown",
                    isShowAnswer:false,
                    isComplete:false,
                    value:[
                    type: "dropdown",
                    isShowAnswer: false,
                    isComplete: false,
                    value: [
                        {
                            stemOne:'Subject: 1.',
                            stemTwo:'',
                            answer:'1. Thanks for meeting with me',
                            userAnswer:'',
                            option:[
                            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:[
                            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:[
                            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:[
                            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:[
                            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:[
                    type: 'fill',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:''
                            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: '',
                        },
                        {
                            userAnswer:''
                            stem: 'I　appreciate　interview　me　the　time　to　took　you',
                            answer: 'I appreciate the time you took to interview me.',
                            userAnswer: '',
                        },
                        {
                            userAnswer:''
                            stem: 'I　about　am　excited　joining　of　possibility　the　very　you',
                            answer: 'I am very excited about the possibility of joining you.',
                            userAnswer: '',
                        },
                        {
                            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:'table',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'emial',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type:'emial',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                    type: 'table',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer:''
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type: 'emial',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
@@ -2888,6 +3231,10 @@
        const bookQuestion = localStorage.getItem("english-book-chapter08-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const questionDataOne = localStorage.getItem("english-chapter-08-questionDataOne");
        if (questionDataOne) {
            this.questionDataOne = JSON.parse(questionDataOne);
        }
        this.getPath();
    },
@@ -2908,6 +3255,51 @@
                "english-book-chapter08-question-one",
                JSON.stringify(this.questionData)
            );
        },
        handleQuestionDataOne() {
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isComplete = true;
                item.isShowAnswer = true;
                if (item.type == "fill") {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = citem.answer == citem.userAnswer;
                    }
                }
            }
        },
        setQuestionDataOne() {
            localStorage.setItem(
                "english-chapter-08-questionDataOne",
                JSON.stringify(this.questionDataOne)
            );
        },
        recastQuestionDataOne() {
            localStorage.removeItem("english-chapter-08-questionDataOne");
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isComplete = false;
                item.isShowAnswer = false;
                if (item.type == "fill") {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = null;
                        citem.userAnswer = "";
                    }
                } else {
                    for (let dindex = 0; dindex < item.value.length; dindex++) {
                        const ditem = item.value[dindex];
                        ditem.userAnswer = "";
                    }
                }
            }
        },
        viewQuestionDataOne() {
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        arrayToString(data) {
            if (Array.isArray(data)) {
@@ -2942,18 +3334,30 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "0D60202A6F614D6B23AF7C48AFC39AB6"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "8C19582CDE35B48FDA735B7E0C206F77"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "946A5702CC80B0DB657CCFD66DEE1515"
            );
            this.resource.readingThree = await getResourcePath(
                "ADAFFAB7BC7A868574889809AB1166A6"
            );
            this.resource.readingFour = await getResourcePath(
                "966C8CEB3448A41D92BDF9B494F02B88"
            );
            this.resource.listenTwo = await getResourcePath(
                "76546423FCFAB4B861BC8B94C97D24A2"
            );
            this.resource.listenThree = await getResourcePath(
                "717A3B915B114D7DC5CA9D3AAA1FC3ED"
            );
            this.resource.videoPathOne = await getResourcePath(
                "29A9C275EEF0BF71C52BE68D8842C0E4"
            );
            

        },
        showAnswer(type) {
            if (type == "showImg") {
@@ -2964,7 +3368,7 @@
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        saveListenThree() {
            localStorage.setItem('english-chapter08-listenThree',JSON.stringify(this.listenThree))
            localStorage.setItem('english-chapter08-listenThree', JSON.stringify(this.listenThree))
        },
        handleListenThree() {
            for (let index = 0; index < this.listenThree.length; index++) {
@@ -2998,20 +3402,20 @@
            }
        },
        saveNoSubmitThree() {
            localStorage.setItem('english-chapter08-noSubmitThree',JSON.stringify(this.noSubmitThree))
            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)
        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))
            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)
        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)
            this.$set(this.practicalThree[index], 'isShowAnswer', !this.practicalThree[index].isShowAnswer)
        }
    },
};
@@ -3100,8 +3504,98 @@
        outline: none;
    }
}

.finish-box {
    border:2px dashed #d1d2d4;
    border-radius:3%;
    border: 2px dashed #d1d2d4;
    border-radius: 3%;
}

.poster-img {
    width: 100%;
    position: relative;
}

.poster-input-box-one {
    width: 18%;
    height: 12%;
    position: absolute;
    top: 49%;
    left: 3%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-two {
    width: 23%;
    height: 12%;
    position: absolute;
    top: 14%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-six {
    width: 23%;
    height: 12%;
    position: absolute;
    top: 30.5%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-three {
    width: 23%;
    height: 11%;
    position: absolute;
    top: 49%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-four {
    width: 23%;
    height: 12%;
    position: absolute;
    bottom: 22.5%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-five {
    width: 23%;
    height: 12%;
    position: absolute;
    bottom: 5.4%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}
</style>

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

@@ -213,7 +213,7 @@

    // 测试页面跳转
     setTimeout(() => {
      this.gotoPage(9,142);
      this.gotoPage(6,83);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",