zhongshujie
2024-08-05 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a
src/books/English/view/components/chapter006.vue
@@ -26,10 +26,7 @@
      <div v-if="showPageList.indexOf(104) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -44,10 +41,8 @@
            </h2>
            <h3 id="c046"><span class="bjh3">Warm-up</span></h3>
            <p>
              <b
                >Ⅰ.Put the expressions in the box below on the corresponding
                answer line under each picture.</b
              >
              <b>Ⅰ.Put the expressions in the box below on the corresponding
                answer line under each picture.</b>
            </p>
            <div class="bk-wh">
              <p>open plan office cubicles private office SOHO</p>
@@ -64,7 +59,8 @@
                      {{ item}}
                    </option>
                  </select>
                  <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon"  v-if="dropDownOne[0].isComplete">
                  <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon"
                    v-if="dropDownOne[0].isComplete">
                </p>
              </li>
              <li class="w50">
@@ -78,7 +74,8 @@
                      {{ item}}
                    </option>
                  </select>
                  <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon"  v-if="dropDownOne[0].isComplete">
                  <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon"
                    v-if="dropDownOne[0].isComplete">
                </p>
              </li>
              <li class="w50">
@@ -92,7 +89,8 @@
                      {{ item}}
                    </option>
                  </select>
                  <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon"  v-if="dropDownOne[0].isComplete">
                  <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon"
                    v-if="dropDownOne[0].isComplete">
                </p>
              </li>
              <li class="w50">
@@ -106,12 +104,12 @@
                      {{ item }}
                    </option>
                  </select>
                  <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon"  v-if="dropDownOne[0].isComplete">
                  <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon"
                    v-if="dropDownOne[0].isComplete">
                </p>
              </li>
            </ul>
            <div class="event-header-text-bc pd-5 w100 mt-20"
              v-if="dropDownOne[0].isShowAnswer">
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer">
                <span>答案:</span>
                <span v-for="(item,index) in dropDownOne[0].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
@@ -137,18 +135,18 @@
                </ul>
            </div>
            <p>
              <b
                >Ⅱ.Pick up the words in the box below to describe the work
                environment you love and explain your reasons.</b
              >
              <b>Ⅱ.Pick up the words in the box below to describe the work
                environment you love and explain your reasons.</b>
            </p>
            <div class="bk-wh">
              <p>caring, supportive, privacy, friendly, freedom, flexible</p>
            </div>
            <ul>
              <li v-for="(item,index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px">
              <li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn"
                style="margin-bottom:10px">
                <span class="tl-right" style="width:20%">{{item.stem}}</span>
                <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea>
                <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100"
                  @input="savenoSubmitData"></textarea>
              </li>
            </ul>
          </div>
@@ -166,9 +164,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -177,42 +173,24 @@
            <h3 id="c047" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio
                :src="resource.listenOne"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
              <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </h3>
            <p>
              <b
                >Four interns are talking about the work environment they
              <b>Four interns are talking about the work environment they
                like.Listen to the recording and fill in the blanks with what
                you hear.</b
              >
                you hear.</b>
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-tr-bc">
                <td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
                <td>
                  I would prefer working in an interesting and professional
                  environment where everybody works hard and helps each other to
                  succeed as a l.
                  <input
                    :disabled="listenTable[0].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="listenTable[0].value[0].userAnswer"
                    @input="savelistenTable"
                  />
                  <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon"  v-if="listenTable[0].isComplete">
                  <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" />
                  <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon"
                    v-if="listenTable[0].isComplete">
                </td>
              </tr>
              <tr class="table-tr-bc">
@@ -220,25 +198,15 @@
                <td>
                  For me, I prefer the workplace that gives me enough space to
                  grow, There should be good 2.
                  <input
                    :disabled="listenTable[0].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="listenTable[0].value[1].userAnswer"
                    @input="savelistenTable"
                  />
                  <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon"  v-if="listenTable[0].isComplete">
                  <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" />
                  <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon"
                    v-if="listenTable[0].isComplete">
                  and mutual 3.
                  <input
                    :disabled="listenTable[0].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="listenTable[0].value[2].userAnswer"
                    @input="savelistenTable"
                  />
                  <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon"  v-if="listenTable[0].isComplete">
                  <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" />
                  <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon"
                    v-if="listenTable[0].isComplete">
                  between each team member.
                </td>
              </tr>
@@ -247,37 +215,26 @@
                <td>
                  I'd like to work in an environment that gives me learning
                  opportunities as well as spacefor personal 4.
                  <input
                    :disabled="listenTable[0].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="listenTable[0].value[3].userAnswer"
                    @input="savelistenTable"
                  />
                  <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon"  v-if="listenTable[0].isComplete">
                  <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" />
                  <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon"
                    v-if="listenTable[0].isComplete">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc">Li Tao</td>
                <td>
                  I hope it's a workplace where there is 5.
                  <input
                    :disabled="listenTable[0].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="listenTable[0].value[4].userAnswer"
                    @input="savelistenTable"
                  />
                  <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon"  v-if="listenTable[0].isComplete">
                  <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" />
                  <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon"
                    v-if="listenTable[0].isComplete">
                  for people's ideas as well as appreciationfor good work and
                  elfort.
                </td>
              </tr>
            </table>
            <div class="event-header-text-bc pd-5 w100 mt-20"
              v-if="listenTable[0].isShowAnswer">
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer">
                <span>答案:</span>
                <span v-for="(item,index) in listenTable[0].value" :key="index" class="mr-20">
                    {{index + 1}}.{{  item.answer }}
@@ -313,7 +270,8 @@
                  </svg>
              </span>
            </p>
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100"
              @input="savenoSubmitData"></textarea>
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer">
                答案:{{noSubmitData[1].value[0].answer}}
            </div>
@@ -326,20 +284,15 @@
                  </svg>
              </span>
            </p>
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
            <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100"
              @input="savenoSubmitData"></textarea>
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer">
                答案:{{noSubmitData[1].value[1].answer}}
            </div>
            <p class="center"><b>A Positive Work Environment</b></p>
            <p class="center">
              <audio
                :src="resource.readingOne"
                controls
                controlslist="noplaybackrate nodownload"
                style="margin-left: 10px"
                class="audio"
              ></audio>
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
                style="margin-left: 10px" class="audio"></audio>
            </p>
            <p>
              How do we exactly define a positive work environment? When asked
@@ -349,14 +302,10 @@
            </p>
            <p>
              Gone are those times when
              <span class="word-bc" word="candidate"
                >candidates</span
              >
              <span class="word-bc" word="candidate">candidates</span>
              only considered the salary at the time of joining a
              company.Nowadays,apart from the job
              <span class="word-bc"
                >prospect</span
              >
              <span class="word-bc">prospect</span>
              itself,one factor that is greatly influencing how employees feel
              about work is the environment being provided by the employer.The
              work environment here includes everything,such as the relationship
@@ -368,26 +317,16 @@
            </p>
            <p>
              An effective way to
              <span class="word-bc"
                >ensure</span
              >
              <span class="word-bc">ensure</span>
              a positive work environment is to motivate employees for a correct
              <span class="word-bc"
                >behavioral</span
              >&nbsp;
              <span class="word-bc"
                >approach</span
              >
              <span class="word-bc">behavioral</span>&nbsp;
              <span class="word-bc">approach</span>
              .Good behavior also
              <span class="word-bc"
                >determines</span
              >
              <span class="word-bc">determines</span>
              good and peaceful environment.Another way is to ensure healthy
              relationships among the staff; that is why communication is quite
              necessary.Keeping an eye on staff
              <span class="word-bc"
                >interaction</span
              >
              <span class="word-bc">interaction</span>
              doesn’t cost much time for the management team.They only
            </p>
          </div>
@@ -402,10 +341,7 @@
      <div v-if="showPageList.indexOf(106) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -421,70 +357,45 @@
              the message from the behavior of the management team,so the
              management team should also be aware of the power of their
              behavior and always
              <span class="word-bc"
                >maintain</span
              >
              <span class="word-bc">maintain</span>
              &nbsp;
              <span class="word-bc"
                >dignity</span
              >.
              <span class="word-bc">dignity</span>.
            </p>
            <p>
              Another important way to make a great work environment for a
              company is to show
              <span class="word-bc"
                >appreciation</span
              >
              <span class="word-bc">appreciation</span>
              of
              <span class="word-bc"
                >outstanding</span
              >
              <span class="word-bc">outstanding</span>
              employees.Workers are more likely to stay in the company,work hard
              and provide years of excellent service when knowing that they have
              a clear opportunity for
              <span class="word-bc" >
                advancement</span
              >
                advancement</span>
              .When employees know they are valued,they tend to return the favor
              by being the best at their job.A positive work environment is a
              place that promises to advance
              <span class="word-bc"
                >gifted</span
              >
              <span class="word-bc">gifted</span>
              employees and keep that promise.
            </p>
            <p>
              The work environment can greatly influence how the employees feel
              about their jobs.Because of this,it’s important to find an
              employer that
              <span class="word-bc"
                >fosters</span
              >
              <span class="word-bc">fosters</span>
              a positive atmosphere and encourages employees
              <span class="word-bc"
                >consistently</span
              >
              <span class="word-bc">consistently</span>
              .A positive work environment can improve employees’
              happiness,increase the
              <span class="word-bc"
                >productivity</span
              >
              <span class="word-bc">productivity</span>
              and motivate those around them.
            </p>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px"
                >Words &amp; Expressions</span
              >
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio
              :src="resource.readingTwo"
              controls
              controlslist="noplaybackrate nodownload"
              style="margin-left: 10px"
              class="audio"
            ></audio>
            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
              style="margin-left: 10px" class="audio"></audio>
            <p>candidate /ˈkændɪdət/ <i>n.</i> 应聘者</p>
            <div class="bkbj">
              <p><i>a person who is applying for a job</i></p>
@@ -504,10 +415,8 @@
            <p>approach /əˈprəʊtʃ/ <i>n.</i> 方法;路径</p>
            <div class="bkbj">
              <p>
                <i
                  >a way of doing or thinking about sth.such as a problem or a
                  task</i
                >
                <i>a way of doing or thinking about sth.such as a problem or a
                  task</i>
              </p>
            </div>
            <p>
@@ -516,10 +425,8 @@
            </p>
            <div class="bkbj">
              <p>
                <i
                  >to make sth.happen in a particular way or be of a particular
                  type</i
                >
                <i>to make sth.happen in a particular way or be of a particular
                  type</i>
              </p>
            </div>
            <p>interaction /ɪntərˈækʃn/ <i>n.</i> 交流;沟通;合作</p>
@@ -529,10 +436,8 @@
            <p>clue /kluː/ <i>n.</i> 线索;端倪</p>
            <div class="bkbj">
              <p>
                <i
                  >a fact or a piece of evidence that helps to solve a problem
                  or reveal the truth in an investigation</i
                >
                <i>a fact or a piece of evidence that helps to solve a problem
                  or reveal the truth in an investigation</i>
              </p>
            </div>
            <p>maintain /meɪn’teɪn/ <i>v.</i> 保持;维持</p>
@@ -556,9 +461,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -599,20 +502,16 @@
            <p>consistently /kənˈsɪstəntli/ <i>adv.</i> 始终;一贯地</p>
            <div class="bkbj">
              <p>
                <i
                  >in a way that does not change and continues for a period of
                  time</i
                >
                <i>in a way that does not change and continues for a period of
                  time</i>
              </p>
            </div>
            <p>productivity /ˈprɒdʌkˈtɪvəti/ <i>n.</i> 生产率;生产能力</p>
            <div class="bkbj">
              <p>
                <i
                  >the rate at which a worker,a company or a country produces
                <i>the rate at which a worker,a company or a country produces
                  goods,and the amount produced,compared with how much time,work
                  and money is needed to produce them</i
                >
                  and money is needed to produce them</i>
              </p>
            </div>
            <ul class="fl fw-wr">
@@ -632,13 +531,8 @@
              the passage.
            </p>
            <p v-for="(item,index) in readingOne[0].option" :key="index">
              <input type="checkbox"
                :value="item"
                name="change"
                v-model="readingOne[0].value[0].userAnswer"
                :disabled="readingOne[0].isComplete"
                @input="saveReadingOne"
              >
              <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer"
                :disabled="readingOne[0].isComplete" @input="saveReadingOne">
              {{item}}
            </p>
          </div>
@@ -653,10 +547,7 @@
      <div v-if="showPageList.indexOf(108) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -677,13 +568,7 @@
              <p>2.What does positive work environment refer to?</p>
              <p>3.How do employers maintain a positive work environment?</p>
            </div>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Paragraphs</td>
                <td class="wh-no tl-cn">Related Questions</td>
@@ -692,61 +577,34 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Para. 1-2</td>
                <td class="wh-no tl-cn">
                  <input
                    :disabled="readingOne[1].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="readingOne[1].value[0].userAnswerOne"
                    @input="saveReadingOne"
                  />
                  <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" />
                </td>
                <td style="width: 80%">
                  <textarea
                    v-model="readingOne[1].value[0].userAnswerTwo"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"
                  ></textarea>
                  <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">Para. 3-4</td>
                <td class="tl-cn">
                  <input
                    :disabled="readingOne[1].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="readingOne[1].value[1].userAnswerOne"
                    @input="saveReadingOne"
                  />
                  <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" />
                </td>
                <td>
                  <textarea
                    v-model="readingOne[1].value[1].userAnswerTwo"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"
                  ></textarea>
                  <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">Para. 5</td>
                <td class="tl-cn">
                  <input
                    :disabled="readingOne[1].isComplete"
                    type="text"
                    class="input-bottom-border input-bc-t"
                    style="width: 70px"
                    v-model="readingOne[1].value[2].userAnswerOne"
                    @input="saveReadingOne"
                  />
                  <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" />
                </td>
                <td>
                  <textarea
                    v-model="readingOne[1].value[2].userAnswerTwo"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"
                  ></textarea>
                  <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
                    @input="saveReadingOne"></textarea>
                </td>
              </tr>
            </table>
@@ -758,12 +616,12 @@
            <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" >
              <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>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[2].isShowAnswer">
            <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 }}
@@ -782,7 +640,8 @@
            <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">
              <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>
@@ -800,9 +659,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -811,11 +668,11 @@
            <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">
              <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 class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[3].isShowAnswer">
            <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 }}
@@ -827,27 +684,19 @@
                <p>
                  {{index + 1}}. {{item.stem}}
                </p>
                <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
                <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" >
                <svg
                  t="1717037443722"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="30864"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20"
                  height="20"
                >
              <span class="btn-box" @click="showAnswer('showImg')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"
                  ></path>
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
@@ -864,12 +713,12 @@
                  {{index + 1}}.{{item.stem}}
                </p>
                <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}}
                  <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer"
                    @change="saveReadingOne">{{ citem.value }}.{{ citem.label }}
                </p>
              </li>
            </ul>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingOne[5].isShowAnswer">
            <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 }}
@@ -887,10 +736,7 @@
      <div v-if="showPageList.indexOf(110) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -907,7 +753,8 @@
            <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">
                <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">
@@ -936,19 +783,9 @@
              work environment and explain the reasons for your choice.
            </p>
            <p class="left">
              <img
                class="img-gn"
                alt=""
                src="../../assets/images/dy1-worksheet.jpg"
              />
              <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Elements</td>
                <td class="tl-cn">Reasons for the Choice</td>
@@ -962,82 +799,52 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[2].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
            </table>
@@ -1056,209 +863,147 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="left">
              <img
                class="img-gn"
                alt=""
                src="../../assets/images/dy1-wordbank.jpg"
              />
              <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
            </p>
            <div class="bk-wh">
              <p class="dl-box">
                <span
                  class="word-bc mr-20 dl-span"
                  >relationship</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >communication</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >productivity</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >respect</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >pleasure</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >professional</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >team spirit</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >job satisfaction</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >personal development</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >job prospect</span
                >
                <span
                  class="word-bc mr-20 dl-span"
                  >modern decor</span
                >
                <span class="word-bc mr-20 dl-span">relationship</span>
                <span class="word-bc mr-20 dl-span">communication</span>
                <span class="word-bc mr-20 dl-span">productivity</span>
                <span class="word-bc mr-20 dl-span">respect</span>
                <span class="word-bc mr-20 dl-span">pleasure</span>
                <span class="word-bc mr-20 dl-span">professional</span>
                <span class="word-bc mr-20 dl-span">team spirit</span>
                <span class="word-bc mr-20 dl-span">job satisfaction</span>
                <span class="word-bc mr-20 dl-span">personal development</span>
                <span class="word-bc mr-20 dl-span">job prospect</span>
                <span class="word-bc mr-20 dl-span">modern decor</span>
              </p>
            </div>
            <div
              class="resource-primary-border"
              style="padding: 8px; margin: 5% 0%"
            >
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_17.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_18.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_19.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_20.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_21.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_22.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/6-1、MODULE 6(lesson one)_23.jpg" />
                      </div>
                    </div>
                  </div>
@@ -1274,10 +1019,8 @@
            </h2>
            <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
            <p>
              <b
                >Ⅰ.Put the following statements into the corresponding box to
                make a code of conduct for a school.</b
              >
              <b>Ⅰ.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"
@@ -1296,13 +1039,7 @@
              <p>e.Mobile phones must be on silent mode during the class.</p>
            </div>
            <p class="fl ju-cn">
              <table
                border="1"
                cellpadding="4"
                cellspacing=""
                style="border-color:#eace8d "
                class="fz-14 "
              >
            <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>
@@ -1311,8 +1048,8 @@
                    <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">
                  <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>
@@ -1326,8 +1063,8 @@
                    <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">
                  <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>
@@ -1341,8 +1078,8 @@
                    <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">
                  <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>
@@ -1356,8 +1093,8 @@
                    <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">
                  <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>
@@ -1371,18 +1108,19 @@
                    <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">
                  <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>
                  <img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon"
                    v-if="dropDownTwo[0].value[4].isRight == true || dropDownTwo[0].value[4].isRight == false">
                  </td>
                </tr>
            </table>
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="dropDownTwo[0].isShowAnswer">
            <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 }}
@@ -1400,10 +1138,7 @@
      <div v-if="showPageList.indexOf(112) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -1426,9 +1161,9 @@
                      </svg>
                  </span>
                </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">
                <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>
@@ -1436,14 +1171,8 @@
            </ul>
            <p class="center"><b>Code of Conduct in the Workplace</b></p>
            <p class="center">
              <audio
                :src="resource.readingThree"
                controls
                controlslist="noplaybackrate nodownload"
                style="margin-left: 10px"
                class="audio"
              ></audio>
              <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
                style="margin-left: 10px" class="audio"></audio>
            </p>
            <p>
              A company code of conduct is a set of rules and standards all
@@ -1454,18 +1183,12 @@
            </p>
            <p>
              Often,a company uses its
              <span class="word-bc"
                >core</span
              >
              <span class="word-bc">core</span>
              values,including its mission,to guide the creation of these
              codes.These guidelines
              <span class="word-bc"
                >outline</span
              >
              <span class="word-bc">outline</span>
              how the organization operates,how employees
              <span class="word-bc"
                >conduct</span
              >
              <span class="word-bc">conduct</span>
              themselves daily,and how they work with others on behalf of the
              organization.
            </p>
@@ -1473,9 +1196,7 @@
              You can usually find a company’s code of conduct in an employee
              handbook.Each company has different rules in its code of
              conduct,and each company has its own policies for
              <span class="word-bc"
                >enforcing</span
              >
              <span class="word-bc">enforcing</span>
              this code.
            </p>
            <p>
@@ -1496,9 +1217,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -1508,8 +1227,8 @@
              <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
              <p>
                <b>A.</b>
                <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)"
                    :disabled="dropDownThree[0].isComplete">
                <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>
@@ -1519,28 +1238,20 @@
              </p>
              <p>
                1.Honesty and
                <span class="word-bc"
                  >integrity</span
                >
                <span class="word-bc">integrity</span>
                .Above all,treat clients fairly.
              </p>
              <p>
                2.Maintain the good
                <span class="word-bc"
                  >reputation</span
                >
                <span class="word-bc">reputation</span>
                of the company.
              </p>
              <p>
                3.
                <span class="word-bc"
                  >Conflicts</span
                >
                <span class="word-bc">Conflicts</span>
                and interest.Manage conflicts of interest fairly and do not act
                in a manner
                <span class="word-bc"
                  >inconsistent</span
                >
                <span class="word-bc">inconsistent</span>
                with the company mission and values.
              </p>
              <p>
@@ -1548,19 +1259,15 @@
              </p>
              <p>
                5.Advertising.Products should not be
                <span class="word-bc"
                  >advertised</span
                >
                <span class="word-bc">advertised</span>
                in a
                <span class="word-bc"
                  >misleading</span
                >
                <span class="word-bc">misleading</span>
                way.
              </p>
              <p>
                <b>B.</b>
                <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)"
                    :disabled="dropDownThree[0].isComplete">
                <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>
@@ -1570,13 +1277,9 @@
              </p>
              <p>
                6.
                <span class="word-bc"
                  >Competence</span
                >
                <span class="word-bc">Competence</span>
                .Advise clients only on matters in which they are
                <span class="word-bc"
                  >competent</span
                >
                <span class="word-bc">competent</span>
                .
              </p>
              <p>
@@ -1589,22 +1292,18 @@
              </p>
              <p>
                9.
                <span class="word-bc"
                  >Suitability</span
                >
                <span class="word-bc">Suitability</span>
                of advice.Advice should be suitable for the clients’ needs.
              </p>
              <p>
                10.Activities.Do not engage in activities that will bring direct
                or indirect profit to a
                <span class="word-bc"
                  >competitor</span
                >.
                <span class="word-bc">competitor</span>.
              </p>
              <p>
                <b>C.</b>
                <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)"
                    :disabled="dropDownThree[0].isComplete">
                <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>
@@ -1618,27 +1317,19 @@
              </p>
              <p>
                12.Professional
                <span class="word-bc"
                  >discipline</span
                >
                <span class="word-bc">discipline</span>
                .Organize business in a responsible and effective way.
              </p>
              <p>
                13.Company guidance.Be familiar and seek to
                <span class="word-bc"
                  >observe</span
                >
                <span class="word-bc">observe</span>
                the company
                <span class="word-bc"
                  >guidance</span
                >
                <span class="word-bc">guidance</span>
                .
              </p>
              <p>
                14.
                <span class="word-bc"
                  >Complaints</span
                >
                <span class="word-bc">Complaints</span>
                .Handle the complaints fairly and quickly.
              </p>
              <p>
@@ -1647,19 +1338,11 @@
              </p>
            </div>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px"
                >Words &amp; Expressions</span
              >
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio
              :src="resource.readingFour"
              controls
              controlslist="noplaybackrate nodownload"
              style="margin-left: 10px"
              class="audio"
            ></audio>
            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
              style="margin-left: 10px" class="audio"></audio>
            <p>core /kɔː(r)/ <i>adj</i>.核心的</p>
            <div class="bkbj">
              <p><i>the most important or central part of sth.</i></p>
@@ -1667,10 +1350,8 @@
            <p>outline /ˈaʊtlaɪn/ <i>v</i>.概述</p>
            <div class="bkbj">
              <p>
                <i
                  >to give a description of the main facts or points involved in
                  sth.</i
                >
                <i>to give a description of the main facts or points involved in
                  sth.</i>
              </p>
            </div>
            <p>conduct /kənˈdʌkt/ <i>v</i>.举止;表现</p>
@@ -1686,10 +1367,7 @@
      <div v-if="showPageList.indexOf(114) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -1711,19 +1389,15 @@
            <p>integrity /ɪnˈteɡrəti/ <i>n</i>.诚实正直</p>
            <div class="bkbj">
              <p>
                <i
                  >the quality of being honest and having strong moral
                  principles</i
                >
                <i>the quality of being honest and having strong moral
                  principles</i>
              </p>
            </div>
            <p>client /ˈklaɪənt/ <i>n</i>.客户</p>
            <div class="bkbj">
              <p>
                <i
                  >a person who uses the services or advice of a professional
                  person or organization</i
                >
                <i>a person who uses the services or advice of a professional
                  person or organization</i>
              </p>
            </div>
            <p>reputation /ˌrepjuˈteɪʃn/ <i>n</i>.名誉;名声</p>
@@ -1735,10 +1409,8 @@
            <p>conflict /ˈkɒnflɪkt/ <i>n</i>.冲突;争论</p>
            <div class="bkbj">
              <p>
                <i
                  >a situation in which people,groups or countries are involved
                  in a serious disagreement or argument</i
                >
                <i>a situation in which people,groups or countries are involved
                  in a serious disagreement or argument</i>
              </p>
            </div>
            <p>
@@ -1751,28 +1423,22 @@
            <p>confidentiality /ˌkɒnfɪˌdenʃiˈæləti/ <i>n</i>.保密;机密</p>
            <div class="bkbj">
              <p>
                <i
                  >a situation in which you expect sb.to keep information
                  secret</i
                >
                <i>a situation in which you expect sb.to keep information
                  secret</i>
              </p>
            </div>
            <p>advertise /ˈædvətaɪz/ <i>v</i>.做广告;做宣传</p>
            <div class="bkbj">
              <p>
                <i
                  >to tell the public about a product or a service in order to
                  encourage people to buy or to use it</i
                >
                <i>to tell the public about a product or a service in order to
                  encourage people to buy or to use it</i>
              </p>
            </div>
            <p>misleading /ˌmɪsˈliːdɪŋ/ <i>adj</i>.误导的;引入歧途的</p>
            <div class="bkbj">
              <p>
                <i
                  >giving the wrong idea or impression and making you believe
                  sth.that is not true</i
                >
                <i>giving the wrong idea or impression and making you believe
                  sth.that is not true</i>
              </p>
            </div>
            <p>competence /ˈkɒmpɪtəns/ <i>n</i>.能力;胜任</p>
@@ -1793,19 +1459,15 @@
            </p>
            <div class="bkbj">
              <p>
                <i
                  >a person or an organization that compete against
                  others,esp.in business</i
                >
                <i>a person or an organization that compete against
                  others,esp.in business</i>
              </p>
            </div>
            <p>discipline /ˈdɪsəplɪn/ <i>n</i>.自制力</p>
            <div class="bkbj">
              <p>
                <i
                  >the ability to control your behavior or the way you
                  live,work,etc.</i
                >
                <i>the ability to control your behavior or the way you
                  live,work,etc.</i>
              </p>
            </div>
          </div>
@@ -1823,9 +1485,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -1862,7 +1522,8 @@
            </p>
            <div class="bk-11">
              <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">
                <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer"
                  @change="saveReadingTwo">
                {{index + 1}}.{{item}}
              </p>
            </div>
@@ -1878,10 +1539,7 @@
      <div v-if="showPageList.indexOf(116) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -1898,11 +1556,11 @@
            </p>
            <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">
              <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>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[1].isShowAnswer">
            <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 }}
@@ -1919,12 +1577,12 @@
            </div>
            <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">
              <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>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[2].isShowAnswer">
            <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 }}
@@ -1932,22 +1590,13 @@
            </div>
            <p>
              <b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
              <span class="btn-box" >
                <svg
                  t="1717037443722"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="30864"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20"
                  height="20"
                >
              <span class="btn-box" @click="showAnswer('showImgOne')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"
                  ></path>
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
@@ -1957,12 +1606,12 @@
            <p>A.Choose the correct modal verbs in the brackets.</p>
            <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">
              <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>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[3].isShowAnswer">
            <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 }}
@@ -1972,7 +1621,8 @@
            <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">
              <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>
@@ -1990,9 +1640,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -2001,11 +1649,11 @@
            <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">
              <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 class="event-header-text-bc pd-5 w100 mt-20"
                v-if="readingTwo[4].isShowAnswer">
            <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 }}
@@ -2037,19 +1685,9 @@
              conduct.Share your opinions with the class.
            </p>
            <p class="left">
              <img
                class="img-gn"
                alt=""
                src="../../assets/images/dy1-worksheet.jpg"
              />
              <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn wh-no">Improper Behavior</td>
                <td class="tl-cn">Talking Loudly</td>
@@ -2065,82 +1703,52 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[4].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
            </table>
@@ -2150,137 +1758,117 @@
                      <div class="swiper-wrapper">
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_01.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_02.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_03.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_04.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_05.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_06.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_07.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_08.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_09.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_10.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_11.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_12.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_13.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_14.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_15.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_16.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_17.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_17.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_18.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_18.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_19.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_19.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_20.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_20.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_21.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_21.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_22.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_22.jpg" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_23.png" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_24.png" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_25.png" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_26.png" />
                              </div>
                          </div>
                          <div class="swiper-slide">
                              <div class="imgBox" style="width: 100%; height: 100%">
                                  <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/6-2、MODULE 6(lesson two)_23.jpg" />
                              </div>
                          </div>
                      </div>
@@ -2299,18 +1887,11 @@
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
            </h3>
            <p>
              <b
                >Ⅰ.Listen to the monologue about the perfect workplace and
              <b>Ⅰ.Listen to the monologue about the perfect workplace and
                decide whether the following statements are true (T) or false
                (F).</b
              >
                (F).</b>
            </p>
            <audio
                :src="resource.listenTwo"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <p v-for="(item,index) in listenThree[0].value" :key="index">
              (
                <select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
@@ -2323,8 +1904,7 @@
              {{index + 1}}.{{item.stem}}
              <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenThree[0].isComplete">
            </p>
            <div class="event-header-text-bc pd-5 w100 mt-20"
                v-if="listenThree[0].isShowAnswer">
            <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 }}
@@ -2342,10 +1922,7 @@
      <div v-if="showPageList.indexOf(118) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -2356,31 +1933,20 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              <b
                >Ⅱ.Listen to the conversation about the dress code between Sally
              <b>Ⅱ.Listen to the conversation about the dress code between Sally
                and Ross and match the following information with the
                corresponding speaker.</b
              >
                corresponding speaker.</b>
            </p>
            <audio
                :src="resource.listenThree"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-tr-bc">
                <td class="tl-cn wh-no table-th-bc">Sally</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">
                  <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne"
                    ref="choiceDropdownOne" :userAnswer="listenThree[1].value[0].userAnswer" />
                  <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon"
                    v-if="listenThree[1].isComplete">
                </td>
                <td rowspan="2">
                  <p class="table-p">
@@ -2408,13 +1974,14 @@
                <td class="table-th-bc tl-cn">Ross</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">
                  <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">
            <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)  }}
@@ -2453,9 +2020,9 @@
                      </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">
                <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 }}
@@ -2477,11 +2044,7 @@
              <p>◆Who attended the meeting and who was absent</p>
              <p>◆What happened at the meeting in detail</p>
              <p class="center">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0122-2.jpg"
                />
                <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" />
              </p>
            </div>
          </div>
@@ -2499,9 +2062,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -2520,20 +2081,16 @@
              </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">
            <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"
                alt=""
                src="../../assets/images/0123-1.jpg"
              />
              2.<img class="inline1" alt="" 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">
@@ -2543,9 +2100,9 @@
                  </svg>
              </span>
            </p>
            <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">
            <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 }}
@@ -2560,9 +2117,9 @@
                  </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">
            <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 }}
@@ -2583,10 +2140,7 @@
      <div v-if="showPageList.indexOf(120) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -2600,26 +2154,16 @@
              <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
            </p>
            <p>
              <b
                >Ⅲ.Match the following sentences with the correct
                translation.</b
              >
              <b>Ⅲ.Match the following sentences with the correct
                translation.</b>
            </p>
            <matching :rawData="rawData" :question="question" />
            <p>
              Ⅳ<b
                >.The HR department has been assigned the task to prepare the
              Ⅳ<b>.The HR department has been assigned the task to prepare the
                in-service training for the newly recruited employees.Complete
                the following minutes based on the information provided.</b
              >
                the following minutes based on the information provided.</b>
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" style="width: 86%">Interviewees</td>
                <td class="tl-cn">Presented By</td>
@@ -2660,9 +2204,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -2696,12 +2238,14 @@
               </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">
                <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">
                <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>
@@ -2710,16 +2254,19 @@
               </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">
                <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">
                <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">
                <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">
@@ -2727,7 +2274,8 @@
               </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">
                <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" >
@@ -2761,10 +2309,7 @@
      <div v-if="showPageList.indexOf(122) > -1">
        <!-- 头部 -->
        <div class="w100 mb-20" style="padding-right: 20px">
          <div
            class="event-header-bc-unit6 fl al-end"
            style="height: 100px; padding-left: 40px"
          >
          <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
            <div class="preface-header-box event-header-text-bc-unit6">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text event-text-color-unit6">基础模块一</span>
@@ -2787,19 +2332,9 @@
            </p>
            <p class="img">Picture 3</p>
            <p class="left">
              <img
                class="img-gn"
                alt=""
                src="../../assets/images/dyworksheet1.jpg"
              />
              <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" />
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Pictures</td>
                <td class="tl-cn">Problems</td>
@@ -2822,49 +2357,31 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">2</td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">3</td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[8].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
            </table>
@@ -2883,9 +2400,7 @@
          <li class=""></li>
          <li class="fz-18">
            <span class="chapter-left-bc-unit6">MODULE 6</span>
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
              >A GLIMPSE OF THE WORK ENVIRONMENT</span
            >
            <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
          </li>
        </ul>
        <!-- 内容 -->
@@ -2896,19 +2411,9 @@
              know,and then work with your partner to finish Worksheet 2.
            </p>
            <p class="left">
              <img
                class="img-gn"
                alt=""
                src="../../assets/images/dyworksheet2.jpg"
              />
              <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" />
            </p>
            <table
              border="1"
              cellpadding="4"
              cellspacing="0"
              style="border-color: #fff"
              class="fz-14"
            >
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Respondents</td>
                <td class="tl-cn">Problems</td>
@@ -2917,92 +2422,56 @@
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="noSubmitData[9].value[0].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="noSubmitData[9].value[1].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="noSubmitData[9].value[2].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td class="tl-lf">
                  <textarea
                    v-model="noSubmitData[9].value[3].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="noSubmitData[9].value[4].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[5].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[6].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[7].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="tl-cn">
                  <textarea
                    v-model="noSubmitData[9].value[8].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[9].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[10].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
                <td>
                  <textarea
                    v-model="noSubmitData[9].value[11].userAnswer"
                    class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"
                  ></textarea>
                  <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea"
                    @input="savenoSubmitData"></textarea>
                </td>
              </tr>
            </table>
@@ -3027,137 +2496,92 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/6-3、MODULE 6(lesson three)_18.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -3188,6 +2612,15 @@
    showPageList: {
      type: Array,
    },
  },
  watch: {
    showPageList: {
      handler(newVal) {
        console.log(123, newVal, this.$refs);
      },
      immediate: true
    }
  },
  data() {
    return {
@@ -4357,22 +3790,34 @@
  },
  mounted() {
    this.getPath();
    const dropDownOne =  localStorage.getItem('english-chapter04-dropDownOne')
    const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne')
    if(dropDownOne) this.dropDownOne = JSON.parse(dropDownOne)
    const listenTable =  localStorage.getItem('english-chapter06-listenTable')
    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)
    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)
    if (listenThree) {
      this.listenThree = JSON.parse(listenThree)
    }
  },
  methods: {
    arrayToString(data) {
@@ -4405,6 +3850,14 @@
        "625FDB71EC5BD35CF489AA4DE6730373"
      );
    },
    showAnswer(type) {
      if (type == "showImg") {
        this.showImg = !this.showImg;
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(() => { this.$emit("initViewer", "") }, 500)
    },
    saveDropdoenOne() {
      localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))
@@ -4490,7 +3943,7 @@
        item.isComplete = true
        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];
            const citem = item.value[cindex];
            citem.isRight = citem.answer == citem.userAnswer
          }
        }
@@ -4503,13 +3956,15 @@
        item.isShowAnswer = false
        item.isComplete = false
          for (let cindex = 0; cindex < item.value.length; cindex++) {
            const citem = array[cindex];
            citem.isRight = null
          const citem = item.value[cindex];
            if(item.type == 'checkbox') {
              citem.userAnswer = []
            } else if(item.type == 'table') {
              citem.userAnswerOne = '',
              citem.userAnswerTwo = ''
          } else if (item.type == 'fill') {
            citem.isRight = null
            citem.userAnswer = ''
            } else {
              citem.userAnswer = ''
            }
@@ -4734,10 +4189,12 @@
    outline: none;
  }
}
.weekly {
  border: 2px dotted #935987;
  border-radius: 6px;
  width: 100%;
  .weekly-p {
    background-color: #d2d2d2;
  }