英语第六单元题目

闫增涛

2024-07-19 710affa2699995639cf506d2de772c6b88db9bed

英语第六单元题目

 src/books/English/assets/images/matching-9.jpg

 src/books/English/assets/images/table/c1.jpg

 src/books/English/assets/images/table/c2.jpg

 src/books/English/assets/images/table/t1.jpg

 src/books/English/assets/images/table/t2.jpg

 src/books/English/assets/images/table/t3.jpg

 src/books/English/assets/images/table/t4.jpg

 src/books/English/assets/images/table/t5.jpg

 src/books/English/assets/main.less

@@ -759,6 +759,9 @@
  .w80 {
    width: 80%;
  }
  .w80x {
    width: 80px !important;
  }
  .w50 {
    width: 50%;
  }
@@ -1212,6 +1215,9 @@
    border-bottom: 1px solid #000;
    outline: none;
  }
  .tc {
    border-color: #eace8d;
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 660px) {

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

@@ -60,7 +60,7 @@
                <p class="center">1.
                  <select class="select-border" v-model="dropDownOne[0].value[0].userAnswer" @change="saveDropdoenOne"
                    :disabled="dropDownOne[0].isComplete">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="'change' + index" :value="item">
                      {{ item}}
                    </option>
                  </select>
@@ -74,7 +74,7 @@
                <p class="center">2.
                  <select class="select-border" v-model="dropDownOne[0].value[1].userAnswer" @change="saveDropdoenOne"
                    :disabled="dropDownOne[0].isComplete">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
                    <option v-for="(item, index) in dropDownOne[0].option" :key=" 'ones' +index" :value="item">
                      {{ item}}
                    </option>
                  </select>
@@ -88,7 +88,7 @@
                <p class="center">3.
                  <select class="select-border" v-model="dropDownOne[0].value[2].userAnswer" @change="saveDropdoenOne"
                    :disabled="dropDownOne[0].isComplete">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="'noce' + index" :value="item">
                      {{ item}}
                    </option>
                  </select>
@@ -102,7 +102,7 @@
                <p class="center">4.
                  <select class="select-border" v-model="dropDownOne[0].value[3].userAnswer" @change="saveDropdoenOne"
                    :disabled="dropDownOne[0].isComplete">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
                    <option v-for="(item, index) in dropDownOne[0].option" :key="'vans' + index" :value="item">
                      {{ item }}
                    </option>
                  </select>
@@ -755,28 +755,20 @@
              A.Fill in the blanks with the proper words in the passage.The
              initial letters of the words have been given.
            </p>
            <p>
              1.Aside from the job p________ itself,one factor that is
              significantly influencing how employees feel about work is the
              work environment.
            <p v-for="(item,index) in readingOne[2].value" :key=" 'passage' + index">
              {{index + 1}}.
              {{item.stemFirst}}
              <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne" > 
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingOne[2].isComplete">
              {{item.stemLast}}
            </p>
            <p>
              2.To f_______ a positive work environment,the employer can
              motivate employees for a correct behavioral approach.
            </p>
            <p>
              3.Good behavior can not only d_________ a good and peaceful
              environment,but also promote healthy relationships among the
              staff.
            </p>
            <p>
              4.Another way to ensure a great work environment in a company is
              to show a_______ to outstanding employees.
            </p>
            <p>
              5.For employees,a positive work environment can greatly improve
              their happiness and p______ .
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[2].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingOne[2].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <p>
              B.Replace the underlined part in each of the following sentences
              with a phrase in the box below.Change the form if necessary.
@@ -787,18 +779,11 @@
                aware of
              </p>
            </div>
            <p>
              1.The manager asked me to
              <span class="u">pay close attention to</span> the monthly sales
              report of the products._____
            </p>
            <p>
              2.<span class="u">Except for</span> the low salary,it’s not a bad
              job._____
            </p>
            <p>
              3.The management team <span class="u">noticed</span> some
              inappropriate behavior in the company._____
            <p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index">
              {{index + 1}}.
              <span v-html="item.stem"></span>
              <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> 
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingOne[3].isComplete">
            </p>
          </div>
        </div>
@@ -823,36 +808,28 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              4.The graduates with a language proficiency certificate
              <span class="u">are more possible to</span> land a good job._____
            <p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index">
              {{index + 3}}.
              <span v-html="item.stem"></span>
              <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> 
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingOne[3].isComplete">
            </p>
            <p>
              5.I will
              <span class="u">help you because you have helped me</span> some
              time._____
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[3].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <p>C.Translate the following sentences into Chinese.</p>
            <ul>
              <li v-for="(item,index) in readingOne[4].value" :key="index">
            <p>
              1.Communication is quite necessary to ensure a healthy
              relationship with coworkers.
                  {{index + 1}}. {{item.stem}}
            </p>
            <p>______________________________________________</p>
            <p>
              2.A good work atmosphere can greatly increase the productivity of
              employees.
            </p>
            <p>______________________________________________</p>
            <p>
              3.Most of the candidates view company culture as the most
              important factor when choosing a job.
            </p>
            <p>______________________________________________</p>
            <p>
              4.At the annual meeting,the manager expressed the appreciation to
              the outstanding staff of the company.
            </p>
            <p>______________________________________________</p>
                <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> 
              </li>
            </ul>
            <p>
              <b>Ⅲ.Grammar focus:Inverted sentences.</b>
              <span class="btn-box" >
@@ -881,32 +858,23 @@
              A.Choose the correct version of the translation of the inverted
              sentences.
            </p>
            <p>1.公交车来了。</p>
            <p>a.There comes the bus.</p>
            <p>b.There the bus comes.</p>
            <p>2.发达国家制定规则、其他国家服从的时代已经过去了。</p>
            <ul>
              <li v-for="(item,index) in readingOne[5].value" :key="'list' + index">
            <p>
              a.Gone are the days when rich countries make the rules and
              everyone else follows.
                  {{index + 1}}.{{item.stem}}
            </p>
            <p>
              b.Gone the days are when rich countries make the rules and
              everyone else follows.
                <p v-for="(citem,cindex) in item.option" :key="'option' + cindex">
                  <input type="radio" :name="item.stem" :value="citem.value" @change="saveReadingOne">{{citem.value}}.{{citem.label}}
            </p>
            <p>3.我们刚到机场，飞机就起飞了。</p>
            <p>
              a.No sooner did we reached the airport than the plane had taken
              off.
            </p>
            <p>
              b.No sooner had we reached the airport than the plane took off.
            </p>
            <p>4.到那时他才意识到他错了。</p>
            <p>a.Only then he realized that he was wrong.</p>
            <p>b.Only then did he realize that he was wrong.</p>
            <p>5.雨停了之后他才离开房间。</p>
            <p>a.Not until the rain stopped did he leave the room.</p>
            <p>b.Not until did the rain stop he left the room.</p>
              </li>
            </ul>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[5].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
          </div>
        </div>
        <div class="preface-bottom">
@@ -936,16 +904,12 @@
              B.Put the following words in right order to make inverted
              sentences.
            </p>
            <p>1.did he it saw so and I</p>
            <p>______________________________________________</p>
            <p>2.he young is he a lot knows as</p>
            <p>______________________________________________</p>
            <p>3.no under will lend circumstances I money him to</p>
            <p>______________________________________________</p>
            <p>4.she have hardly music listen to does time to</p>
            <p>______________________________________________</p>
            <p>5.village in the front of river a was</p>
            <p>______________________________________________</p>
            <ul>
              <li v-for="(item,index) in readingOne[6].value" :key="index">
                <p>{{index + 1}}.{{item.stem}}</p>
                <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> 
              </li>
            </ul>
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev" style="width:80%">
                  <li>
@@ -999,80 +963,80 @@
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.four"
                    v-model="noSubmitData[2].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.five"
                    v-model="noSubmitData[2].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.six"
                    v-model="noSubmitData[2].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.seven"
                    v-model="noSubmitData[2].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.eight"
                    v-model="noSubmitData[2].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.nine"
                    v-model="noSubmitData[2].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.ten"
                    v-model="noSubmitData[2].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.eleven"
                    v-model="noSubmitData[2].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twelve"
                    v-model="noSubmitData[2].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirteen"
                    v-model="noSubmitData[2].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
@@ -1325,6 +1289,13 @@
                >Ⅰ.Put the following statements into the corresponding box to
                make a code of conduct for a school.</b
              >
              <span class="btn-box" @click="showdropdownTwo">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                      d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                      transform="translate(-3327.144 15329)" />
                  </svg>
              </span>
            </p>
            <div class="fieldset-5">
              <p>a.Students are supposed to arrive at the classroom on time.</p>
@@ -1335,9 +1306,99 @@
              <p>d.Keep food and drink outside of the classroom.</p>
              <p>e.Mobile phones must be on silent mode during the class.</p>
            </div>
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
            <p class="fl ju-cn">
              <table
                border="1"
                cellpadding="4"
                cellspacing=""
                style="border-color:#eace8d "
                class="fz-14 "
              >
                <tr class="tc">
                  <td class="tl-cn" colspan="2">The School Code of Conduct</td>
                </tr>
                <tr class="tc">
                  <td class="tl-cn">
                    <img src="../../assets/images/table/t1.jpg" alt="">
                  </td>
                  <td>
                    <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)"
                        :disabled="dropDownTwo[0].isComplete">
                        <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
                        {{ item }}
                        </option>
                    </select>
                    <img :src="dropDownTwo[0].value[0].isRight ? correctIcon : errorIcon"  
                      v-if="dropDownTwo[0].value[0].isRight == true || dropDownTwo[0].value[0].isRight == false">
                  </td>
                </tr>
                <tr class="tc">
                  <td class="tl-cn">
                    <img src="../../assets/images/table/t2.jpg" alt="">
                  </td>
                  <td>
                    <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer"  @change="handledropDownTwo(1)"
                        :disabled="dropDownTwo[0].isComplete">
                        <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
                        {{ item }}
                        </option>
                    </select>
                    <img :src="dropDownTwo[0].value[1].isRight ? correctIcon : errorIcon"  
                      v-if="dropDownTwo[0].value[1].isRight == true || dropDownTwo[0].value[1].isRight == false">
                  </td>
                </tr>
                <tr class="tc">
                  <td class="tl-cn">
                    <img src="../../assets/images/table/t3.jpg" alt="">
                  </td>
                  <td>
                    <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)"
                        :disabled="dropDownTwo[0].isComplete">
                        <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
                        {{ item }}
                        </option>
                    </select>
                    <img :src="dropDownTwo[0].value[2].isRight ? correctIcon : errorIcon"  
                      v-if="dropDownTwo[0].value[2].isRight == true || dropDownTwo[0].value[2].isRight == false">
                  </td>
                </tr>
                <tr class="tc">
                  <td class="tl-cn">
                    <img src="../../assets/images/table/t4.jpg" alt="">
                  </td>
                  <td>
                    <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)"
                        :disabled="dropDownTwo[0].isComplete">
                        <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
                        {{ item }}
                        </option>
                    </select>
                    <img :src="dropDownTwo[0].value[3].isRight ? correctIcon : errorIcon"  
                    v-if="dropDownTwo[0].value[3].isRight == true || dropDownTwo[0].value[3].isRight == false">
                  </td>
                </tr>
                <tr class="tc">
                  <td class="tl-cn">
                    <img src="../../assets/images/table/t5.jpg" alt="">
                  </td>
                  <td>
                    <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)"
                        :disabled="dropDownTwo[0].isComplete">
                        <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
                        {{ item }}
                        </option>
                    </select>
                  </td>
                </tr>
            </table>
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="dropDownTwo[0].isShowAnswer">
                <span>答案：</span>
                <p v-for="(item,index) in dropDownTwo[0].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </p>
            </div>
          </div>
        </div>
        <div class="preface-bottom">
@@ -1363,17 +1424,27 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
            </p>
            <h3 id="c051"><span class="bjh3">Reading</span></h3>
            <ul>
              <li v-for="(item,index) in noSubmitData[3].value" :key="index">
            <p>
              1.How do you understand the Chinese saying “Nothing can be
              accomplished without norms or standards.”?
                  {{index + 1}}.{{item.stem}}
                  <span class="btn-box" @click="shownoSubmitData(3,index)">
                      <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                      <path class="a"
                          d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                          transform="translate(-3327.144 15329)" />
                      </svg>
                  </span>
            </p>
            <p>
              2.Are rules and regulations important for an organization? Why?
            </p>
                <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea>
                <div class="event-header-text-bc pd-5 w100 mt-20"
                  v-if="item.isShowAnswer">
                  答案：{{item.answer}}
                  
              </div>
              </li>
            </ul>
            <p class="center"><b>Code of Conduct in the Workplace</b></p>
            <p class="center">
              <audio
@@ -1446,7 +1517,17 @@
          <div class="bodystyle">
            <div class="fieldset-8">
              <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
              <p><b>A._______________________</b></p>
              <p>
                <b>A.</b>
                <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)"
                    :disabled="dropDownThree[0].isComplete">
                    <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
                      {{ item}}
                    </option>
                </select>
                <img :src="dropDownThree[0].value[0].isRight ? correctIcon : errorIcon"  
                    v-if="dropDownThree[0].value[0].isRight == true || dropDownThree[0].value[0].isRight == false">
              </p>
              <p>
                1.Honesty and
                <span class="word-bc" @click="saveWord($event, 'integrity')"
@@ -1487,7 +1568,17 @@
                >
                way.
              </p>
              <p><b>B._______________________</b></p>
              <p>
                <b>B.</b>
                <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)"
                    :disabled="dropDownThree[0].isComplete">
                    <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
                      {{ item}}
                    </option>
                </select>
                <img :src="dropDownThree[0].value[1].isRight ? correctIcon : errorIcon"  
                    v-if="dropDownThree[0].value[1].isRight == true || dropDownThree[0].value[1].isRight == false">
              </p>
              <p>
                6.
                <span class="word-bc" @click="saveWord($event, 'Competence')"
@@ -1521,7 +1612,17 @@
                  >competitor</span
                >.
              </p>
              <p><b>C._______________________</b></p>
              <p>
                <b>C.</b>
                <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)"
                    :disabled="dropDownThree[0].isComplete">
                    <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
                      {{ item}}
                    </option>
                </select>
                <img :src="dropDownThree[0].value[2].isRight ? correctIcon : errorIcon"  
                    v-if="dropDownThree[0].value[2].isRight == true || dropDownThree[0].value[2].isRight == false">
              </p>
              <p>
                11.Skill and care.Act at all times with reasonable skill and
                care.
@@ -1771,17 +1872,10 @@
              passage.
            </p>
            <div class="bk-11">
              <p>(　) 1.Observe the employee handbook strictly.</p>
              <p>
                (　) 2.Get involved in activities inconsistent with company
                values.
              <p v-for="(item,index) in readingTwo[0].option" :key="index">
                <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo">
                {{index + 1}}.{{item}}
              </p>
              <p>(　) 3.Never leak personal information of the client.</p>
              <p>
                (　) 4.Advertise products and services in a professional way.
              </p>
              <p>(　) 5.Judge customers by appearance.</p>
              <p>(　) 6.Always give priority to clients’ interests.</p>
            </div>
          </div>
        </div>
@@ -1813,26 +1907,18 @@
              A.Replace the words in italics with the exact words in the passage
              and change the form if necessary.
            </p>
            <p>
              1.We may feel cheated when finding the report is actually
              <i>false</i>._____________
            <p v-for="(item,index) in readingTwo[1].value" :key="index">
              {{index + 1}}.{{item.stem}}
              <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> 
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingTwo[1].isComplete">
            </p>
            <p>
              2.A true partnership is a two-way street,and our
              <i>customers</i> embrace this philosophy._____________
            </p>
            <p>
              3.The <i>disagreements</i> at the workplace need to be resolved in
              a timely and professional manner._____________
            </p>
            <p>
              4.The company’s <i>image</i> is the reflection of its
              culture._____________
            </p>
            <p>
              5.All the staff are required to <i>follow</i> the company code of
              conduct._____________
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[1].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingTwo[1].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <p>
              B.Fill in the blanks with the proper form of the expressions given
              below.
@@ -1842,23 +1928,19 @@
                on behalf of　pay due regard to　dig into　engage in　above all
              </p>
            </div>
            <p>
              1.The manager asked the intern to_______the data and draft a
              report.
            <p v-for="(item,index) in readingTwo[2].value" :key="'engage' + index"> 
              {{index + 1}}.{{item.stemOne}}
              <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingTwo[2].isComplete">
              {{item.stemTwo}} 
            </p>
            <p>
              2.A firm must_________the interests of its customers and treat
              them fairly.
            </p>
            <p>
              3.The newly-recruited staff were asked to________the routine
              meeting on Monday.
            </p>
            <p>4._________,you shouldn’t give up without trying.</p>
            <p>
              5.She made a speech,_______the sales department,at the annual
              meeting of the corporation.
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[2].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingTwo[2].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <p>
              <b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
              <span class="btn-box" >
@@ -1884,35 +1966,25 @@
              <img class="w100" :src="imgThirteenOne" />
            </div>
            <p>A.Choose the correct modal verbs in the brackets.</p>
            <p>
              1.It’s 9 o’clock in the evening.He______(can/could) still be at
              the office.He is a workaholic.
            <p v-for="(item,index) in readingTwo[3].value" :key="'brackets' + index"> 
              {{index + 1}}.{{item.stemOne}}
              <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingTwo[3].isComplete">
              {{item.stemTwo}} 
            </p>
            <p>
              2.You should introduce yourself; your client______(can/may) not
              remember you.
            </p>
            <p>3.I thought he_____(can/might) have a meeting with his team.</p>
            <p>
              4.The customer____(can/may) be very difficult to deal with when he
              is in a bad mood.
            </p>
            <p>
              5.There is a slim chance that we______(can/might) take a rest this
              weekend.
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[3].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingTwo[3].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <p>B.Correct the misused modal verbs in the following sentences.</p>
            <p>
              1.Our boss <span class="u">can</span> be very angry when people
              don’t listen to him.______
            </p>
            <p>
              2.The new project might work,but it
              <span class="u">could</span> not.______
            </p>
            <p>
              3.The manager <span class="u">can not</span> have seen the message
              yet.______
            <p v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index">
              {{index + 1}}.
              <span v-html="item.stem"></span>
              <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingTwo[4].isComplete">
            </p>
          </div>
        </div>
@@ -1937,14 +2009,38 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              4.We <span class="u">may</span> have been colleagues if he hadn’t
              missed the interview.______
            <p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index">
              {{index + 4}}.
              <span v-html="item.stem"></span>
              <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="readingTwo[4].isComplete">
            </p>
            <p>
              5.The meeting might be cancelled for the delay of their
              plane.______
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[4].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in readingTwo[4].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev" style="width:80%">
                  <li>
                  <button class="btn-border btn-w" @click="handlereadingTwo">
                      提交
                  </button>
                  </li>
                  <li>
                  <button @click="recastreadingTwo" class="btn-border btn-w">
                      重做
                  </button>
                  </li>
                  <li>
                  <button @click="viewreadingTwo" class="parimary-btn">
                      查看答案
                  </button>
                  </li>
              </ul>
          </div>
            <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
            <p>
              Work in groups.Ask your group members about any improper behavior
@@ -1981,80 +2077,80 @@
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.fourteen"
                    v-model="noSubmitData[4].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.fifteen"
                    v-model="noSubmitData[4].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.sixteen"
                    v-model="noSubmitData[4].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.seventeen"
                    v-model="noSubmitData[4].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.eighteen"
                    v-model="noSubmitData[4].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.nineteen"
                    v-model="noSubmitData[4].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twenty"
                    v-model="noSubmitData[4].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyOne"
                    v-model="noSubmitData[4].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="questionData.table.twentyTwo"
                    v-model="noSubmitData[4].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyThree"
                    v-model="noSubmitData[4].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
@@ -2226,23 +2322,25 @@
                (F).</b
              >
            </p>
            <p>
              (　) 1.A positive workplace might have the same details for
              everybody.
            <p v-for="(item,index) in listenThree[0].value" :key="index">
              (
                <select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
                    :disabled="listenThree[0].isComplete">
                    <option v-for="(item, index) in listenThree[0].option" :key="'change' + index" :value="item">
                      {{ item}}
                    </option>
                  </select>
              )
              {{index + 1}}.{{item.stem}}
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenThree[0].isComplete">
            </p>
            <p>
              (　) 2.It should be a place where the management team enjoys
              coming to work.
            </p>
            <p>
              (　) 3.The happier people are at work,the better they will
              perform.
            </p>
            <p>
              (　) 4.The better the company culture is,the greater the
              reputation it enjoys.
            </p>
            <p>(　) 5.Most employees succeed in a positive atmosphere.</p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="listenThree[0].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
                </span>
            </div>
          </div>
        </div>
        <div class="preface-bottom">
@@ -2284,8 +2382,10 @@
            >
              <tr class="table-tr-bc">
                <td class="tl-cn wh-no table-th-bc">Sally</td>
                <td>
                  
                <td class="fl de-cl al-cn ju-cn">
                  <img src="../../assets/images/table/c2.jpg" alt="">
                  <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne"  ref="choiceDropdownOne" />
                  <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon"  v-if="listenThree[1].isComplete">
                </td>
                <td rowspan="2">
                  <p class="table-p">
@@ -2311,15 +2411,63 @@
              </tr>
              <tr class="table-tr-bc">
                <td class="table-th-bc tl-cn">Ross</td>
                <td>
                  
                <td class="fl de-cl al-cn ju-cn">
                  <img src="../../assets/images/table/c1.jpg" alt="">
                  <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" />
                  <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon"  v-if="listenThree[1].isComplete">
                </td>
              </tr>
            </table>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="listenThree[1].isShowAnswer">
                <span>答案：</span>
                <span v-for="(item,index) in listenThree[1].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  arrayToString(item.answer)  }}
                </span>
            </div>
            <div class="w100 fl ju-cn">
                <ul class="fl ju-ev" style="width:80%">
                    <li>
                    <button class="btn-border btn-w" @click="handleListenThree">
                        提交
                    </button>
                    </li>
                    <li>
                    <button @click="recastListenThree" class="btn-border btn-w">
                        重做
                    </button>
                    </li>
                    <li>
                    <button @click="viewListenThree" class="parimary-btn">
                        查看答案
                    </button>
                    </li>
                </ul>
            </div>
            <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
            <p>Work with your partner to discuss the following questions.</p>
            <p>1.Why do we need to take the minutes?</p>
            <p>2.What should we take down in the minutes?</p>
            <ul>
              <li v-for="(item,index) in noSubmitData[5].value" :key="index">
                <p>
                  {{index + 1}}.{{item.stem}}
                  <span class="btn-box" @click="showNoSubmitAnswer(5,index)">
                      <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                      <path class="a"
                          d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                          transform="translate(-3327.144 15329)" />
                      </svg>
                  </span>
                </p>
                <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
                <div class="event-header-text-bc pd-5 w100 mt-20"
                    v-if="item.isShowAnswer">
                    <span>答案：</span>
                    <span v-for="(citem,cindex) in item.answer" :key="'list' + cindex" class="mr-20">
                        {{cindex + 1}}.{{  citem }}
                    </span>
                </div>
              </li>
            </ul>
            <p><b>Ⅰ.Read the following tips and learn about the minutes.</b></p>
            <p>
              Minutes can be defined as the record of what is said and decided
@@ -2368,7 +2516,23 @@
            <p>
              1. <span class="u">Underline</span> the time,date and place of the
              meeting.
              <span class="btn-box" @click="showNoSubmitAnswer(6,0)">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                      d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                      transform="translate(-3327.144 15329)" />
                  </svg>
              </span>
            </p>
            
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="noSubmitData[6].value[0].isShowAnswer">
                <span>答案：</span>
                <span v-for="(citem,cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20">
                    {{cindex + 1}}.{{  citem }}
                </span>
            </div>
            <p>
              2.<img
                class="inline1"
@@ -2376,11 +2540,39 @@
                src="../../assets/images/0123-1.jpg"
              />
              the attendees.
              <span class="btn-box" @click="showNoSubmitAnswer(6,1)">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                      d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                      transform="translate(-3327.144 15329)" />
                  </svg>
              </span>
            </p>
            <p>3.Summarize the main points discussed at the meeting.</p>
            <p class="center">
              <img class="img-f" alt="" src="../../assets/images/0123-2.jpg" />
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="noSubmitData[6].value[1].isShowAnswer">
                <span>答案：</span>
                <span v-for="(citem,cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20">
                    {{cindex + 1}}.{{  citem }}
                </span>
            </div>
            <p>3.Summarize the main points discussed at the meeting.
              <span class="btn-box" @click="showNoSubmitAnswer(6,2)">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                      d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                      transform="translate(-3327.144 15329)" />
                  </svg>
              </span>
            </p>
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="noSubmitData[6].value[2].isShowAnswer">
                <span>答案：</span>
                <span v-for="(citem,cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20">
                    {{cindex + 1}}.{{  citem }}
                </span>
            </div>
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
            </p>
@@ -2418,27 +2610,7 @@
                translation.</b
              >
            </p>
            <div class="fieldset-8">
              <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
              <p>2.A vote was taken to approve the amended</p>
              <p>Code of Conduct for employees.</p>
              <p>
                3.The meeting agenda was unanimously approved by all attendees.
              </p>
              <p>4.The meeting adjourned at 5:00 p.m.</p>
              <p>
                5.All attendees were given an agenda prior to the meeting via
                email.
              </p>
            </div>
            <div class="fieldset-8">
              <p>a.投票同意修订后的《员工行为守则》。</p>
              <p>b.格林先生于上午10点宣布会议开始。</p>
              <p>c.下午5点休会。</p>
              <p>d.全体参会人员一致同意本次会议事项。</p>
              <p>e.会议前已通过邮件将会议事项发</p>
              <p>给了全体参会人员。</p>
            </div>
            <matching :rawData="rawData" :question="question" />
            <p>
              Ⅳ<b
                >.The HR department has been assigned the task to prepare the
@@ -2504,6 +2676,70 @@
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
            </p>
            <div class="weekly" style="padding:0 20px">
               <p class="weekly-p">
                I.MEETING DETAILS
               </p>
               <ul class="fl fw-wr ju-bt" >
                <li>
                  <p>Meeting Leader: Samuel Birch</p>
                  <p>Date: September 26,2023</p>
                  <p>Location: Room 202</p>
                </li>
                <li>
                  <p>Note Taker: Rachel Green</p>
                  <p>Time: 3 p. m.</p>
                </li>
               </ul>
               <p class="weekly-p">
                Ⅱ.ATTENDANCE
               </p>
               <p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p>
               <p>Absent: None</p>
               <p class="weekly-p">
                Ⅲ.CALLTO ORDER
               </p>
               <p>
                Samuel Birch called the meeting to 1.
                <input type="text"  v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> 
                at 3 p.m.
               </p>
               <p>
                All attendees were given an agenda 2.
                <input type="text"  v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px"> 
                via email. The agenda was
                unanimously approved by all attendees at 3:20 p.m.
               </p>
               <p class="weekly-p">
                Ⅳ.BUSINESS DISCUSSED
               </p>
               <p>
                Tim Shaw discussed about the 3.
                <input type="text"  v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px"> 
                .A vote was
                taken to approve the budget plan of the training.
               </p>
               <p>
                4.
                <input type="text"  v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> 
                discussed about the reservation of the lecture hall and mentioned that the
                projector wasn't 5.
                <input type="text"  v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> 
                He suggested renting one
               </p>
               <p class="weekly-p">
                Ⅴ.ADJOURNMENT
               </p>
               <p>
                The meeting 6.
                <input type="text"  v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> 
                at 5 p.m..
               </p>
               <p class="fl fw-wr ju-bt" >
                <span>Submitted by: Rachel Green</span>
                <span>Approved by: Samuel Birch</span>
               </p>
            </div>
            <div class="un-h2">
              <h2 id="b024">Unit Project</h2>
            </div>
@@ -2592,23 +2828,23 @@
                <td class="tl-cn">2</td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyFour"
                    v-model="noSubmitData[8].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyFive"
                    v-model="noSubmitData[8].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentySix"
                    v-model="noSubmitData[8].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
@@ -2616,23 +2852,23 @@
                <td class="tl-cn">3</td>
                <td>
                  <textarea
                    v-model="questionData.table.twentySeven"
                    v-model="noSubmitData[8].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyEight"
                    v-model="noSubmitData[8].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.twentyNine"
                    v-model="noSubmitData[8].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
@@ -2687,90 +2923,90 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="questionData.table.thirty"
                    v-model="noSubmitData[9].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyOne"
                    v-model="noSubmitData[9].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyTwo"
                    v-model="noSubmitData[9].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="questionData.table.thirtyThree"
                    v-model="noSubmitData[9].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="questionData.table.thirtyFour"
                    v-model="noSubmitData[9].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtyFive"
                    v-model="noSubmitData[9].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtySix"
                    v-model="noSubmitData[9].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtySeven"
                    v-model="noSubmitData[9].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="questionData.table.thirtyEight"
                    v-model="noSubmitData[9].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.thirtyNine"
                    v-model="noSubmitData[9].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.forty"
                    v-model="noSubmitData[9].value[10].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
                <td>
                  <textarea
                    v-model="questionData.table.fortyOne"
                    v-model="noSubmitData[9].value[11].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"
                    @input="savenoSubmitData"
                  ></textarea>
                </td>
              </tr>
@@ -2948,10 +3184,11 @@
</template>
<script>
import matching from "@/components/matching/matching.vue";
import dropdown from '@/components/dropdown/index.vue'
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapterSix",
  components: { matching },
  components: { matching,dropdown },
  props: {
    showPageList: {
      type: Array,
@@ -2969,37 +3206,45 @@
        left: [
          {
            oldId: "FB34",
            txt: "Martin　　　　Silk",
            txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
          },
          {
            oldId: "64D6",
            txt: "Jessica　　The Great Wall",
            txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
          },
          {
            oldId: "2ED4",
            txt: "Soren　　Chinese Food",
            txt: "3.The meeting agenda was unanimously approved by all attendees.",
          },
          {
            oldId: "44DE",
            txt: "Chinese　　　　Tea",
            txt: "4.The meeting adjourned at 5:00 p.m.",
          },
          {
            oldId: "88ND",
            txt: "5.All attendees were given an agenda prior to the meeting via email.",
          },
        ],
        right: [
          {
            oldId: "64D6",
            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            txt: "a.投票同意修订后的《员工行为守则》。",
          },
          {
            oldId: "FB34",
            txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
          },
          {
            oldId: "2ED4",
            txt: "The clothing material is quite popular among Roman women inancient times.",
            txt: "b.格林先生于上午10点宣布会议开始。",
          },
          {
            oldId: "44DE",
            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            txt: "c.下午5点休会。",
          },
          {
            oldId: "2ED4",
            txt: "d.全体参会人员一致同意本次会议事项。",
          },
          {
            oldId: "88ND",
            txt: "e.会议前已通过邮件将会议事项发给了全体参会人员。",
          },
        ],
      },
@@ -3011,26 +3256,32 @@
          {
            id: "FB34",
            linkValue:
              "The clothing material is quite popular among Roman women inancient times.",
            value: "Silk",
              "b.格林先生于上午10点宣布会议开始。",
            value: "1.Mr.Green called the meeting to order at 10:00 a.m.",
          },
          {
            id: "64D6",
            linkValue:
              "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            value: "The Great Wall",
              "a.投票同意修订后的《员工行为守则》。",
            value: "2.A vote was taken to approve the amended Code of Conduct for employees.",
          },
          {
            id: "2ED4",
            linkValue:
              "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            value: "Chinese Food",
              "d.全体参会人员一致同意本次会议事项。",
            value: "3.The meeting agenda was unanimously approved by all attendees.",
          },
          {
            id: "44DE",
            linkValue:
              "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
            value: "Chinese Tea",
              "c.下午5点休会。",
            value: "4.The meeting adjourned at 5:00 p.m.",
          },
          {
            id: "88ND",
            linkValue:
              "e.会议前已通过邮件将会议事项发给了全体参会人员。",
            value: "5.All attendees were given an agenda prior to the meeting via email.",
          },
        ],
        optionStyle: undefined,
@@ -3039,37 +3290,45 @@
          linkValues: [
            {
              oldId: "64D6",
              txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            },
            {
              oldId: "44DE",
              txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
              txt: "a.投票同意修订后的《员工行为守则》。",
            },
            {
              oldId: "FB34",
              txt: "The clothing material is quite popular among Roman women inancient times.",
              txt: "b.格林先生于上午10点宣布会议开始。",
            },
            {
              oldId: "44DE",
              txt: "c.下午5点休会。",
            },
            {
              oldId: "2ED4",
              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
              txt: "d.全体参会人员一致同意本次会议事项。",
            },
            {
              oldId: "88ND",
              txt: "e.会议前已通过邮件将会议事项发给了全体参会人员。",
            },
          ],
          values: [
            {
              oldId: "FB34",
              txt: "Martin  Silk",
              txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
            },
            {
              oldId: "64D6",
              txt: "The Great Wall",
              txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
            },
            {
              oldId: "2ED4",
              txt: "Chinese Food",
              txt: "3.The meeting agenda was unanimously approved by all attendees.",
            },
            {
              oldId: "44DE",
              txt: "Chinese Tea",
              txt: "4.The meeting adjourned at 5:00 p.m.",
            },
            {
              oldId: "88ND",
              txt: "5.All attendees were given an agenda prior to the meeting via email.",
            },
          ],
        },
@@ -3081,7 +3340,7 @@
        titleDescription: "1",
        userChoise: [],
        value: [],
        answerImg: require("../../assets/images/matching-one.png"),
        answerImg: require("../../assets/images/matching-9.jpg"),
      },
      questionData: {
        warnUp: {
@@ -3331,6 +3590,224 @@
              isShowAnswer:false
            },
          ]
        },
        {
          type:'table',
          value:[
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
          ]
        },
        {
          type:'shortAnswer',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'How do you understand the Chinese saying “Nothing can be accomplished without norms or standards.”?',
              answer:'The saying "Nothing can be accomplished without norms or standards" means that having rules and guidelines is important for getting things done. These norms make things clear, help us work well together, and show us how to do things right.',
              isShowAnswer:false,
              userAnswer:''
            },
            {
              stem:'Are rules and regulations important for an organization? Why?',
              answer:'Rules and regulations are very important for an organization. They play a crucial role in maintaining order, promoting fairness, and ensuring the success of the organization. ',
              isShowAnswer:false,
              userAnswer:''
            }
          ]
        },
        {
          type:'table',
          value:[
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
          ]
        },
        {
          type:"shortAnswer",
          value:[
            {
              stem:'Why do we need to take the minutes?',
              isShowAnswer:false,
              answer:['It serves as an official record of the discussions, decisions, and actions taken during the meeting.',
                'Minutes help those who were unable to attend the meeting to catch up on any decisions.',
                'Minutes provide a means to verify the accuracy of what was discussed and agreed upon.',
                'Minutes can be used as evidence in case of disputes or legal matters.'
              ],
              userAnswer:''
            },
            {
              stem:'What should we take down in the minutes?',
              isShowAnswer:false,
              answer:['Date and time','Location of the meeting',"Attendees' names, roles, and organizations","The agenda items and topics discussed along with any proposals, suggestions, or decisions made"],
              userAnswer:''
            }
          ]
        },
        {
          type:'shortAnswer',
          value:[
            {
              isShowAnswer:false,
              userAnswer:'',
              answer:['Date: September 19, 2023','Time: 2:00 p.m.','Location: FASTGO Headquarters, Meeting Room 105'],
            },
            {
              isShowAnswer:false,
              userAnswer:'',
              answer:['Present: Jim Baker (CEO), Robert Smith (General Manager), Samuel Birch (HR Manager), Rachel Green (Secretary)',
              ''],
            },
            {
              isShowAnswer:false,
              userAnswer:'',
              answer:['Updates of Code of Conduct ','In-Service Training ']
            }
          ]
        },
        {
          type:'fill',
          value:[
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
          ]
        },
        {
          type:'table',
          value:[
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
          ]
        },
        {
          type:'table',
          value:[
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
            {
              userAnswer:''
            },
          ]
        }
      ],
      readingOne:[
@@ -3370,13 +3847,512 @@
          isShowAnswer:false,
          value:[
            {
              answer:'',
              stemFirst:'Aside from the job p',
              stemLast:'itself,one factor that is significantly influencing how employees feel about work is the work environment.',
              answer:'rospect',
              userAnswer:'',
              isRight:null
            },

            {
              stemFirst:'To f',
              stemLast:'a positive work environment,the employer can motivate employees for a correct behavioral approach.',
              answer:'oster',
              userAnswer:'',
              isRight:null
            },
            {
              stemFirst:'Good behavior can not only d',
              stemLast:'a good and peaceful environment,but also promote healthy relationships among the staff.',
              answer:'etermine',
              userAnswer:'',
              isRight:null
            },
            {
              stemFirst:'Another way to ensure a great work environment in a company is to show a',
              stemLast:'to outstanding employees.',
              answer:'ppreciation',
              userAnswer:'',
              isRight:null
            },
            {
              stemFirst:'For employees,a positive work environment can greatly improve their happiness and p',
              stemLast:'.',
              answer:'roductivity',
              userAnswer:'',
              isRight:null
            },
          ]
        },
        {
          type:'fill',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'The manager asked me to<span class="u">pay close attention to</span> the monthly sales report of the products.',
              userAnswer:'',
              answer:'keep an eye on',
              isRight:null
            },
            {
              stem:'<span class="u">Except for</span> the low salary,it’s not a bad job.',
              userAnswer:'',
              answer:'Apart from',
              isRight:null
            },
            {
              stem:'The management team <span class="u">noticed</span> some inappropriate behavior in the company.',
              userAnswer:'',
              answer:'was aware of',
              isRight:null
            },
            {
              stem:'The graduates with a language proficiency certificate <span class="u">are more possible to</span> land a good job.',
              userAnswer:'',
              answer:'are likely to',
              isRight:null
            },
            {
              stem:'I will <span class="u">help you because you have helped me</span> some time.',
              userAnswer:'',
              answer:'return the favor',
              isRight:null
            },
          ]
        },
        {
          type:'translate',
          isShowAnswer:false,
          isComplete:false,
          value:[
            {
              stem:'Communication is quite necessary to ensure a healthy relationship with coworkers.',
              userAnswer:'',
            },
            {
              stem:'A good work atmosphere can greatly increase the productivity of employees.',
              userAnswer:'',
            },
            {
              stem:'Most of the candidates view company culture as the most important factor when choosing a job.',
              userAnswer:'',
            },
            {
              stem:'At the annual meeting,the manager expressed the appreciation to the outstanding staff of the company.',
              userAnswer:'',
            },
          ]
        },
        {
          type:'radio',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'公交车来了。',
              option:[
                {
                  label:'There comes the bus.',
                  value:'a',
                },
                {
                  label:'There the bus comes.',
                  value:'b'
                }
              ],
              answer:'',
              userAnswer:''
            },
            {
              stem:'发达国家制定规则、其他国家服从的时代已经过去了。',
              option:[
                {
                  label:'Gone are the days when rich countries make the rules and everyone else follows.',
                  value:'a',
                },
                {
                  label:'Gone the days are when rich countries make the rules and everyone else follows.',
                  value:'b'
                }
              ],
              answer:'',
              userAnswer:''
            },
            {
              stem:'我们刚到机场，飞机就起飞了。',
              option:[
                {
                  label:'No sooner did we reached the airport than the plane had taken off.',
                  value:'a',
                },
                {
                  label:'No sooner had we reached the airport than the plane took off.',
                  value:'b'
                }
              ],
              answer:'',
              userAnswer:''
            },
            {
              stem:'到那时他才意识到他错了。',
              option:[
                {
                  label:'Only then he realized that he was wrong.',
                  value:'a',
                },
                {
                  label:'Only then did he realize that he was wrong.',
                  value:'b'
                }
              ],
              answer:'',
              userAnswer:''
            },
            {
              stem:'雨停了之后他才离开房间。',
              option:[
                {
                  label:'Not until the rain stopped did he leave the room.',
                  value:'a',
                },
                {
                  label:'Not until did the rain stop he left the room.',
                  value:'b'
                }
              ],
              answer:'',
              userAnswer:''
            },
          ]
        },
        {
          type:'montage',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'did he it saw so and I',
              userAnswer:''
            },
            {
              stem:'he young is he a lot knows as',
              userAnswer:''
            },
            {
              stem:'no under will lend circumstances I money him to',
              userAnswer:''
            },
            {
              stem:'she have hardly music listen to does time to',
              userAnswer:''
            },
            {
              stem:'village in the front of river a was',
              userAnswer:''
            },
          ]
        }
      ],
      dropDownTwo:[
        {
          type:'dropdown',
          isShowAnswer:false,
          option:[
            'a.Students are supposed to arrive at the classroom on time.',
            'b.Students are required to come to school in a neat uniform.',
            'c.Students should treat others with respect.',
            'd.Keep food and drink outside of the classroom.',
            'e.Mobile phones must be on silent mode during the class.'
          ],
          value:[
            {
              answer:'a.Students are supposed to arrive at the classroom on time.',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'d.Keep food and drink outside of the classroom.',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'c.Students should treat others with respect.',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'b.Students are required to come to school in a neat uniform.',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'e.Mobile phones must be on silent mode during the class.',
              userAnswer:'',
              isRight:null,
            },
          ]
        }
      ],
      dropDownThree:[
        {
          type:'dropdown',
          isShowAnswer:false,
          option:[
            'a.BEST INTEREST OF CLIENTS',
            'b.INTEGRITY',
            'c.COLLABORATIVE',
            'd.STANDARDS OF SERVICES',
            'e.REWARDING'
          ],
          value:[
            {
              answer:'b.INTEGRITY',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'a.BEST INTEREST OF CLIENTS',
              userAnswer:'',
              isRight:null,
            },
            {
              answer:'d.STANDARDS OF SERVICES',
              userAnswer:'',
              isRight:null,
            },
          ]
        }
      ],
      readingTwo:[
        {
          type:'checkbox',
          isComplete:false,
          isRight:false,
          option:[
            'Observe the employee handbook strictly.',
            'Get involved in activities inconsistent with company values.',
            'Never leak personal information of the client.',
            'Advertise products and services in a professional way.',
            'Judge customers by appearance.',
            'Always give priority to clients’ interests.'
          ],
          value:[
            {
              userAnswer:[]
            }
          ]
        },
        {
          type:'fill',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'We may feel cheated when finding the report is actually false.',
              answer:'misleading',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'A true partnership is a two-way street,and our customers embrace this philosophy.',
              answer:'clients',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'The disagreements at the workplace need to be resolved in a timely and professional manner.',
              answer:'conflicts',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'The company’s image is the reflection of its culture.',
              answer:'reputation',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'All the staff are required to follow the company code of conduct.',
              answer:'observe',
              userAnswer:'',
              isRight:null
            },
          ]
        },
        {
          type:'fill',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stemOne:'The manager asked the intern to',
              stemTwo:'the data and draft a report.',
              answer:'dig into',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'A firm must',
              stemTwo:'the interests of its customers and treat them fairly.',
              answer:'pay due regard to',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'The newly-recruited staff were asked to',
              stemTwo:'the routine meeting on Monday.',
              answer:'engage in',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'',
              stemTwo:',you shouldn’t give up without trying.',
              answer:'Above all',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'She made a speech,',
              stemTwo:'the sales department,at the annual meeting of the corporation.',
              answer:'on behalf of',
              userAnswer:'',
              isRight:null
            },
          ]
        },
        {
          type:'fill',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stemOne:'It’s 9 o’clock in the evening.He',
              stemTwo:'(can/could) still be at the office.He is a workaholic.',
              answer:'could',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'You should introduce yourself; your client',
              stemTwo:'(can/may) not remember you.',
              answer:'may',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'I thought he',
              stemTwo:'(can/might) have a meeting with his team.',
              answer:'might',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'The customer',
              stemTwo:'(can/may) be very difficult to deal with when he is in a bad mood.',
              answer:'can',
              userAnswer:'',
              isRight:null
            },
            {
              stemOne:'There is a slim chance that we',
              stemTwo:'(can/might) take a rest this weekend.',
              answer:'might',
              userAnswer:'',
              isRight:null
            },
          ]
        },
        {
          type:'fill',
          isComplete:false,
          isShowAnswer:false,
          value:[
            {
              stem:'Our boss <span class="u">can</span> be very angry when people don’t listen to him.',
              answer:'T',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'The new project might work,but it <span class="u">could</span> not.',
              answer:'F',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'The manager <span class="u">can not</span> have seen the message yet.',
              answer:'F',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'We <span class="u">may</span> have been colleagues if he hadn’t missed the interview.',
              answer:'F',
              userAnswer:'',
              isRight:null
            },
            {
              stem:'The meeting might be cancelled for the delay of their plane.',
              answer:'T',
              userAnswer:'',
              isRight:null
            },
          ]
        },
      ],
      listenThree:[
        {
          type:'dropdown',
          isComplete:false,
          isShowAnswer:false,
          option:['T','F'],
          value:[
            {
              stem:'A positive workplace might have the same details for everybody.',
              answer:'F',
              userAnswer:''
            },
            {
              stem:'It should be a place where the management team enjoys coming to work.',
              answer:'F',
              userAnswer:''
            },
            {
              stem:'The happier people are at work,the better they will perform.',
              answer:'F',
              userAnswer:''
            },
            {
              stem:'The better the company culture is,the greater the reputation it enjoys.',
              answer:'T',
              userAnswer:''
            },
            {
              stem:'Most employees succeed in a positive atmosphere.',
              answer:'T',
              userAnswer:''
            },
          ]
        },
        {
          type:'select',
          isComplete:false,
          isShowAnswer:false,
          option:['a','b','c','d','e'],
          value:[
            {
              answer:['d','e'],
              userAnswer:[],
              isRight:null
            },
            {
              answer:['a','b','c'],
              userAnswer:[],
              isRight:null
            },
          ]
        },
      ]
    };
  },
@@ -3388,6 +4364,16 @@
    if(listenTable) this.listenTable = JSON.parse(listenTable)
    const noSubmitData =  localStorage.getItem('english-chapter06-noSubmitData')
    if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
    const readingOne = localStorage.getItem('english-chapter06-readingOne')
    if(readingOne) this.readingOne = JSON.parse(readingOne)
    const dropdownTwo =  localStorage.getItem('english-chapter06-dropdownTwo')
    if(dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo)
    const dropdownThree =  localStorage.getItem('english-chapter06-dropdownThree')
    if(dropdownThree) this.dropdownThree = JSON.parse(dropdownThree)
    const readingTwo = localStorage.getItem('english-chapter06-readingTwo')
    if(readingTwo) this.readingTwo = JSON.parse(readingTwo)
    const listenThree = localStorage.getItem('english-chapter06-listenThree')
    if(listenThree) this.listenThree = JSON.parse(listenThree)
  },
  methods: {
    isTextRight(answer, data, num) {
@@ -3405,16 +4391,6 @@
    },
    saveWord(event, word) {
      this.$emit("saveCharacters", event, word);
    },
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
      );
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
@@ -3509,20 +4485,164 @@
        const item = this.readingOne[index];
        item.isShowAnswer = true
        item.isComplete = true
        if(item.type !== 'checkbox' && item.type !== 'table') {
        if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') {
          for (let cindex = 0; cindex < item.value.length; cindex++) {
            const citem = array[cindex];
            
            citem.isRight = citem.answer == citem.userAnswer
          }
        }

      }
      this.saveReadingOne()
    },
    recastReadingOne() {

      for (let index = 0; index < this.readingOne.length; index++) {
        const item = this.readingOne[index];
        item.isShowAnswer = false
        item.isComplete = false
          for (let cindex = 0; cindex < item.value.length; cindex++) {
            const citem = array[cindex];
            citem.isRight = null
            if(item.type == 'checkbox') {
              citem.userAnswer = []
            } else if(item.type == 'table') {
              citem.userAnswerOne = '',
              citem.userAnswerTwo = ''
            } else {
              citem.userAnswer = ''
            }
          }
      }
      localStorage.removeItem('english-chapter06-readingOne')
    },
    viewReadingOne() {
      for (let index = 0; index < this.readingOne.length; index++) {
        const item = this.readingOne[index];
        item.isShowAnswer = !item.isShowAnswer
      }
    },
    handledropDownTwo(num) {
      for (let index = 0; index < this.dropDownTwo.length; index++) {
        const item = this.dropDownTwo[index];
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          if(cindex == num) {
            citem.isRight = citem.answer == citem.userAnswer
          }
        }
      }
      localStorage.setItem('english-chapter06-dropdownTwo',JSON.stringify(this.dropDownTwo))
    },
    showdropdownTwo() {
      this.$set(this.dropDownTwo[0],'isShowAnswer',!this.dropDownTwo[0].isShowAnswer)
    },
    shownoSubmitData(num,number) {
      this.$set(this.noSubmitData[num].value[number],'isShowAnswer',!this.noSubmitData[num].value[number].isShowAnswer)
    },
    handleDropdownThree(num) {
      for (let index = 0; index < this.dropDownThree.length; index++) {
        const item = this.dropDownThree[index];
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          if(cindex == num) {
            citem.isRight = citem.answer == citem.userAnswer
          }
        }
      }
      localStorage.setItem('english-chapter06-dropdownThree',JSON.stringify(this.dropDownThree))
    },
    saveReadingTwo() {
      localStorage.setItem('english-chapter06-readingTwo',JSON.stringify(this.readingTwo))
    },
    handlereadingTwo() {
      for (let index = 0; index < this.readingTwo.length; index++) {
        const item = this.readingTwo[index];
        item.isComplete = true
        item.isShowAnswer = true
        if(item.type !== 'checkbox') {
          for (let cindex = 0; cindex < item.value.length; cindex++) {
            const citem = item.value[cindex];
            citem.isRight = citem.answer == citem.userAnswer
          }
        }
      }
      this.saveReadingTwo()
    },
    recastreadingTwo() {
      for (let index = 0; index < this.readingTwo.length; index++) {
        const item = this.readingTwo[index];
        item.isComplete = false
        item.isShowAnswer = false
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          if(item.type !== 'checkbox') {
            citem.userAnswer = ''
            citem.isRight = null
          } else {
            citem.userAnswer = []
          }

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

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

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

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