zhongshujie
2024-08-05 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a
src/books/English/view/components/chapter002.vue
@@ -65,14 +65,16 @@
                  <div class="fd-c w80">
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span class="">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -97,14 +99,16 @@
                    </div>
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span>
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -141,14 +145,16 @@
                  <div class="fd-c w80">
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span class="">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -173,14 +179,16 @@
                    </div>
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span>
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -331,90 +339,95 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                <td class="bor-b-n">
                  <input type="radio" name="ball"
                    value="A. I can understand my foreign colleagues because they are straightforward." id="1"
                    v-model="testData.check" /> A. I can
                  <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" /> A. I can
                  understand my foreign colleagues because they are straightforward.
                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ball"
                    value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
                    v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" /> B. My
                  foreign
                  colleagues just nod and agree with me when we have a discussion.
                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' ">
                </td>
              </tr>
              <!-- 第二行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballOne"
                    value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
                    v-model="testData.check" /> A. My foreign
                  <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" /> A. My
                  foreign
                  boss closely oversees our work and criticizes us for our mistakes.
                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballOne"
                    value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
                    v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" /> B. My
                  foreign
                  boss is very hands-off and gives us a lot freedom to do things.
                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'">
                </td>
              </tr>
              <!-- 第三行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballTwo"
                    value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
                    v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" /> A. My
                  Chinese
                  colleagues always stay late in the ofice or bring work home.
                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballTwo"
                    value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
                    v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" /> B. My
                  Chinese
                  colleagues manage to get their work done during working hours.
                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'">
                </td>
              </tr>
              <!-- 第四行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballThree"
                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
                    v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" /> A.
                  My Chinese
                  colleagues deal with issues more objectively
                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballThree"
                    value="B. My Chinese colleagues are likely to take things personally" id="1"
                    v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" /> B.
                  My Chinese
                  colleagues are likely to take things personally
                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'">
                </td>
              </tr>
            </table>
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer">
              <span>答案:</span>
              <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20">
                {{ item.answer }}
              </span>
            </div>
                <!-- 提交按钮 -->
                <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="saveDataOne">
                  <button class="btn-border btn-w" @click="handleRadioOne">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeQuestionDataOne" class="btn-border btn-w">
                  <button @click="changeRadioOne" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                  <button @click="viewRadioOne" class="parimary-btn">
                    查看答案
                  </button>
                </li>
@@ -1438,137 +1451,142 @@
                  <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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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/2-1、MODULE 2(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" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one )_23.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one )_24.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one )_25.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one )_26.jpg" />
                      </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/2-1、MODULE 2(lesson one )_27.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one )_28.jpg" />
                      </div>
                    </div>
                  </div>
@@ -1797,8 +1815,8 @@
            </p>
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                ></audio></p>
            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
                style="margin-left: 10px" class="audio"></audio></p>
            <p>For an
              <span class="word-bc" >individual</span>
              or a country,a period of 14 years is long enough to become calm,confident and
@@ -1990,13 +2008,13 @@
            <p>A.Read the passage and answer the following questions.</p>
            <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
            <p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6" style=" width: 92%"
                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
            <p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
            <p>
              <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6" style=" width: 92%"
                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
          </div>
        </div>
@@ -2709,139 +2727,120 @@
                  <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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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/2-2、MODULE 2(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" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_23.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
@@ -2860,21 +2859,23 @@
              </tr>
              <tr class="table-tr-bc">
                <td>When is it?</td>
                <td>1.On<input type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
                <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
              </tr>
              <tr class="table-tr-bc">
                <td>Why do we celebrate it?</td>
                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" />
                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.eleven" @change="setBookQuestion" />
                  Understanding the concept of culture.
                  Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race,
                  Getting to know each other through the differences in language,3.<input type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve"
                    @change="setBookQuestion" />race,
                  religion and other elements.
                  Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture.
                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
                    style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own
                  culture.
                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
              </tr>
            </table>
            <!-- 答案 -->
@@ -2884,7 +2885,7 @@
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
              Lecture on Ancient Chinese History
              <span>
@@ -2914,7 +2915,7 @@
                </svg>
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &amp;
              Painting Demonstration
              <span>
@@ -2945,7 +2946,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
                v-model="check.value" />Traditional Chinese Music
                v-model="check.value" @change="setCheck" />Traditional Chinese Music
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -2974,7 +2975,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
                v-model="check.value" />Sichuan Opera
                v-model="check.value" @change="setCheck" />Sichuan Opera
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3003,7 +3004,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
                v-model="check.value" />Chinese Cuisine
                v-model="check.value" @change="setCheck" />Chinese Cuisine
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3032,7 +3033,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
                v-model="check.value" />Tea Ceremony
                v-model="check.value" @change="setCheck" />Tea Ceremony
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3061,7 +3062,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
                v-model="check.value" />Tai Chi
                v-model="check.value" @change="setCheck" />Tai Chi
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3090,7 +3091,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
                id="8" v-model="check.value" />Traditional Chinese Medicine
                id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3119,7 +3120,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
                v-model="check.value" />Traditional Chinese Crafts
                v-model="check.value" @change="setCheck" />Traditional Chinese Crafts
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3247,15 +3248,16 @@
                Chinese in the brackets.</b></p>
                <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" />
                <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one"
                    @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3264,8 +3266,8 @@
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3281,15 +3283,16 @@
                  <p class="table-p">9:30a.m.-11:30a.m.</p>
                </td>
                <td>
                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" />
                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two"
                      @change="setTableBlanksData" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3298,13 +3301,14 @@
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span> </p>
                    </span>
                  </p>
                  <p class="table-p">(中国书法绘画股)</p>    
                  <p class="table-p">(Chinese Snacks Provided)</p>        
                </td>
@@ -3314,15 +3318,16 @@
              </tr>
              <tr class="table-tr-bc">
                <td>        
                   <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" />
                  <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three"
                      @change="setTableBlanksData" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3331,13 +3336,14 @@
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span> </p>
                    </span>
                  </p>
                  <p class="table-p">(5月16日星期二)</p>    
                  <p class="table-p">9:30a.m.-1l:30a.m.</p> 
                </td>
@@ -3359,14 +3365,14 @@
                </td>
                <td>
                  4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" />
                    style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3375,8 +3381,8 @@
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3391,15 +3397,16 @@
                </td>
                <td>
                  <p class="table-p">Workshop</p> 
                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" />
                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five"
                      @change="setTableBlanksData" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3408,13 +3415,14 @@
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>(茶道)</p>
                    </span>(茶道)
                  </p>
                  <p class="table-p">Tai Chi</p>    
                  <p class="table-p">Traditional Chinese CmAs</p>
                </td>
@@ -3512,8 +3520,8 @@
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3522,8 +3530,8 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3546,8 +3554,8 @@
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3556,8 +3564,8 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3575,8 +3583,8 @@
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3585,8 +3593,8 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3599,15 +3607,16 @@
              </tr>
              <tr class="table-tr-bc">
                <td>Friday</td>
                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" />
                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four"
                    @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3616,13 +3625,14 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>Buy souvenirs</td>
                  </span>Buy souvenirs
                </td>
                <td>
                  Panda Base 5.
                  <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
@@ -3632,8 +3642,8 @@
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3642,8 +3652,8 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3661,8 +3671,8 @@
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
@@ -3671,8 +3681,8 @@
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
@@ -3979,137 +3989,72 @@
                  <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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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/2-3、MODULE 2(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" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_14.jpg" />
                      </div>
                    </div>
                  </div>
@@ -4143,6 +4088,8 @@
  },
  data() {
    return {
      correctIcon: require('@/assets/images/correct.svg'),
      errorIcon: require('@/assets/images/error.svg'),
      imgThirteen: require("../../assets/images/grammar2-1.png"),
      imgThirteenOne: require("../../assets/images/grammar2-2.png"),
      showAnswerOne: false,
@@ -4408,7 +4355,6 @@
        value: [],
      },
      testData: {
        check: [],
        tx: {
          one: "",
          two: "",
@@ -4719,7 +4665,36 @@
          six: "",
          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
        },
      },
      radioOne: [
        {
          type: 'radio',
          isComplete: false,
          isShowAnswer: false,
          value: [
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
          ]
      }
      ]
    };
  },
  mounted() {
@@ -4768,6 +4743,7 @@
    if (dropdownData) {
      this.dropdownData = JSON.parse(dropdownData);
    }
    this.getPath();
  },
  methods: {
@@ -4934,7 +4910,6 @@
      this.showAnswerTwelve = false
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
@@ -5148,6 +5123,44 @@
      }
      return flag;
    },
    savaRadioOne() {
      localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne));
    },
    handleRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isShowAnswer = true
        item.isComplete = true
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          if (citem.userAnswer != "") {
            citem.isRight = citem.answer == citem.userAnswer
          } else {
            citem.isRight = null
          }
        }
        this.savaRadioOne()
      }
    },
    changeRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isComplete = false
        item.isShowAnswer = false
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          citem.isRight = null
          citem.userAnswer = ""
        }
      }
      localStorage.removeItem("englis-chapter02-radioOne");
    },
    viewRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isShowAnswer = !item.isShowAnswer
      }
    }
  },
};
</script>