zhongshujie
2024-08-06 b031149872368f20261f691f0136dcf673d12711
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>
@@ -326,80 +334,105 @@
                colleagues.Listen to the recording and mark the true statements
                according to the speaker.</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 w100">
              <!-- 第一行 -->
              <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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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" @change="savaRadioOne" /> 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="handleRadioOne">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeRadioOne" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="viewRadioOne" class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <h3 id="c012"><span class="bjh3">Reading</span></h3>
            <p>
              1.Culture shock is a normal part of the life when moving somewhere
@@ -445,23 +478,35 @@
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
            <p>
              It is not a secret that a company’s success is heavily based on
              its people.An employee is defined by his/her talents,knowledge and
              abilities.This is the “visible” side of an employee.The
              “hidden”side,which is also important,is the cultural identity.The
              its people.An employee is
              <span class="word-bc">defined</span>
              by his/her talents,knowledge and
              abilities.This is the
              “<span class="word-bc">visible</span>”
              side of an employee.The
              “hidden”side,which is also important,is the cultural
              <span class="word-bc">identity</span>
              .The
              culture of an employee impacts his/her views on life,work,business
              relationships and how they handle challenges.There are some issues
              that may arise when working in a cross-cultural environment.
              relationships and how they
              <span class="word-bc">handle</span>
              challenges.There are some issues
              that may
              <span class="word-bc">arise</span>
              when working in a cross-cultural environment.
            </p>
            <p>
              When your colleagues speak different languages,it is easy to
              misunderstand each other.When I applied for the position at an
              international trade company,during the interview,my
              interviewer,who is from Egypt,was saying “quote”,but to me,it
              interviewer,who is from Egypt,was saying
              “<span class="word-bc">quote</span>”
              ,but to me,it
              sounded like “court”.It took me a while to
            </p>
          </div>
@@ -487,7 +532,9 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              understand what he meant,and I still remember how confused I felt
              understand what he meant,and I still remember how
              <span class="word-bc">confused</span>
              I felt
              when I had to reply without knowing what he was asking about.You
              may feel uncomfortable to ask your conversation partner to repeat
              the sentence.However,it will save you from making mistakes and
@@ -495,36 +542,52 @@
              understand him.
            </p>
            <p>
              Things that are normal or routine in one culture can be totally
              unacceptable in another culture.In my home country of Latvia,it is
              Things that are normal or
              <span class="word-bc">routine</span>
              in one culture can be totally
              <span class="word-bc">unacceptable</span>
              in another culture.In my home country of Latvia,it is
              a normal practice not to expect replies by email after normal
              working hours and I will only disturb a colleague if the matter is
              working hours and I will only
              <span class="word-bc">disturb</span>
              a colleague if the matter is
              very serious.However,in other countries,like Russia and Egypt,the
              tendency is to work 24/7 in response to the industry needs.Get
              <span class="word-bc">tendency</span>
              is to work 24/7 in response to the industry needs.Get
              familiar with the behavior patterns accepted in your colleagues’
              countries,and learn about their traditions,you will finally find
              the best way to respectfully communicate.
              countries,and learn about their
              <span class="word-bc">traditions</span>
              ,you will finally find the best way to respectfully communicate.
            </p>
            <p>
              Language and cultural barriers can cause frustration.Don’t let
              Language and cultural
              <span class="word-bc">barriers</span>
              can cause
              <span class="word-bc">frustration</span>
              .Don’t let
              emotions take over.Think about the objective you want to
              reach,make an effort to understand the other person and use the
              most appropriate means for it.For example,email does not convey
              most
              <span class="word-bc">appropriate</span>
              means for it.For example,email does not convey
              the speaker’s emotions and limits the possibility to ask
              questions.Calling someone on the phone and hearing his/her tone
              questions.Calling someone on the phone and hearing his/her
              <span class="word-bc">tone</span>
              can make the communication more smooth,and you will be surprised
              by the level of understanding you will receive in return.
            </p>
            <p>
              Working with colleagues from other countries or cultures can at
              times be challenging,but it is so rewarding when you can learn
              times be challenging,but it is so
              <span class="word-bc">rewarding</span>
              when you can learn
              from each other and open your eyes to other ways of life.
            </p>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingTwo" controls class="audio"></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -1369,16 +1432,16 @@
            </p>
            <div class="bk-wh">
              <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating
                <span class="word-bc mr-20 dl-span">direct</span>
                <span class="word-bc mr-20 dl-span">formal</span>
                <span class="word-bc mr-20 dl-span">respect</span>
                <span class="word-bc mr-20 dl-span">privacy</span>
                <span class="word-bc mr-20 dl-span">hand-shaking</span>
                <span class="word-bc mr-20 dl-span">touch</span>
                <span class="word-bc mr-20 dl-span">comfortable</span>
                <span class="word-bc mr-20 dl-span">toast</span>
                <span class="word-bc mr-20 dl-span">chopsticks</span>
                <span class="word-bc mr-20 dl-span">seating
                  arrangement</span>
              </p>
            </div>
@@ -1388,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>
@@ -1747,36 +1815,36 @@
            </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 style="margin-left: 10px" class="audio"
                @play="audioPlay"></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" @click="saveWord($event, 'individual')">individual</span>
              <span class="word-bc">individual</span>
              or a country,a period of 14 years is long enough to become calm,confident and
              <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
              <span class="word-bc">mature</span>
              .On
              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
            </p>
            <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
              <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
              <span class="word-bc">journalist</span>
              .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              would be the world’s first city to host both the Summer and Winter Olympics.Now it was real and I was
              simply enjoying the moment.
            </p>
            <p>Turning up as simple but
              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
              <span class="word-bc">impressive</span>
              ,the opening
              <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
              <span class="word-bc">ceremony</span>
              lasted for about two hours with less performing
              artists but more
              <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
              <span class="word-bc">audio-visual</span>
              technologies to tell the story of “togetherness” rather than introducing
              “myself” 14 years ago at the same sports field.The
              <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
              <span class="word-bc">snowflake</span>
              -shaped Olympic
              <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
              <span class="word-bc">cauldron</span>
              ,formed by the smaller
              snowflakes with names of the
              <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
              <span class="word-bc" word="participate">participating</span>
              countries and regions on them,was lit by two young Chinese
              athletes.
            </p>
@@ -1803,30 +1871,30 @@
          <div class="bodystyle">
            <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
              “
              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
              <span class="word-bc">exceptional</span>
              ”,not only because of the
              <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
              <span class="word-bc">pandemic</span>
              situation but also a different China now —more confident in
              its culture.
            </p>
            <p>In the summer 14 years ago,I was like a
              <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
              <span class="word-bc">festivalgoer</span>
              full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
              <span class="word-bc" @click="saveWord($event, 'track')">track</span>
              <span class="word-bc">track</span>
              due to injury.In the
              winter of 2022,I shared my passion in the Olympics in another way —more serious at work,fitter self
              —thanks to regular exercise and a positive view of sports
              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
              <span class="word-bc">competition</span>
              .
            </p>
            <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we
              <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
              <span class="word-bc" word="impress">impressed</span> the
              world while in 2022 we became people-centered —for athletes and the people.”
            </p>
            <p>I failed to control myself the moments when the Chinese national
              <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
              <span class="word-bc">anthem</span>
              was played and when images of
              people from all walks of life were displayed during the scene of “Paying Tribute to the People”.It is this
              country and its people that made the Olympics happen.I’m as tearful as usual for now I’m deeply in love.
@@ -1836,7 +1904,7 @@
              <span class="line-border-box"></span>
            </p>
            <!-- 视频 -->
            <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> 个人;个体</p>
            <div class="bkbj">
              <p><i>a person considered separately rather than as part of a group</i></p>
@@ -1940,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="margin-left: 40px; 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="margin-left: 40px; 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>
@@ -2659,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>
@@ -2803,28 +2852,30 @@
            <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
              </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>
            <!-- 答案 -->
@@ -2833,8 +2884,8 @@
              &nbsp;
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <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>
@@ -2864,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>
@@ -2895,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 &&
@@ -2924,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 &&
@@ -2953,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 &&
@@ -2982,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 &&
@@ -3011,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 &&
@@ -3040,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 &&
@@ -3069,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 &&
@@ -3104,7 +3155,7 @@
              Painting Demonstration &nbsp; (3)Traditional Chinese
              Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
              &nbsp;
            </p>
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
@@ -3159,7 +3210,7 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
              </p>
            </p>
            <textarea v-model="questionData.reading.eight" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
@@ -3173,7 +3224,7 @@
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
              </span>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
@@ -3195,33 +3246,34 @@
            </div>
            <p><b>Ⅱ.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
                Chinese in the brackets.</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 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">
                  <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>
                </svg>
                <svg v-if="
                   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">
                  <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>
            </td>
                <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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
                <td class="wh-no tl-cn">Activities</td>
                <td class="tl-cn">Location</td>
              </tr>
@@ -3231,69 +3283,73 @@
                  <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" />
              <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">
                  <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>
                </svg>
                <svg v-if="
                   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">
                  <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>
                  <p class="table-p">(中国书法绘画股)</p>
                  <p class="table-p">(Chinese Snacks Provided)</p>
                  <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">
                        <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>
                      </svg>
                      <svg v-if="
                        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">
                        <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>
                  <p class="table-p">(中国书法绘画股)</p>
                  <p class="table-p">(Chinese Snacks Provided)</p>
                </td>
                <td>
                  Fine Arts Gallery
                </td>
              </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" />
              <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">
                  <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>
                </svg>
                <svg v-if="
                   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">
                  <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>
                  <p class="table-p">(5月16日星期二)</p>
                  <p class="table-p">9:30a.m.-1l:30a.m.</p>
                <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="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">
                        <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>
                      </svg>
                      <svg v-if="
                        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">
                        <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>
                  <p class="table-p">(5月16日星期二)</p>
                  <p class="table-p">9:30a.m.-1l:30a.m.</p>
                </td>
                <td>
                  <p class="table-p">Aeademic Lecture</p>
                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
                  <p class="table-p">Aeademic Lecture</p>
                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
                </td>
                <td>
                  Conference Hall
@@ -3301,7 +3357,7 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <p class="table-p">Wednesday 05/17</p>
                  <p class="table-p">Wednesday 05/17</p>
                  <p class="table-p">6:30p.mm.-8:00p.m.</p>
                </td>
                <td>
@@ -3309,63 +3365,65 @@
                </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" />
              <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">
                  <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>
                </svg>
                <svg v-if="
                   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">
                  <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>(音乐厅)
                    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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>(音乐厅)
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <p class="table-p">Thursday 05/18</p>
                  <p class="table-p">Thursday 05/18</p>
                  <p class="table-p">2:00p.m.-4:00p.m.</p>
                </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" />
              <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">
                  <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>
                </svg>
                <svg v-if="
                   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">
                  <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>
                  <p class="table-p">Tai Chi</p>
                  <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="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">
                        <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>
                      </svg>
                      <svg v-if="
                        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">
                        <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>
                  <p class="table-p">Tai Chi</p>
                  <p class="table-p">Traditional Chinese CmAs</p>
                </td>
                <td>
@@ -3376,10 +3434,10 @@
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
              答案:(1)Time &nbsp; (2)Chinese Calligraphy & Painting Demonstration &amp;
              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony
              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony
              &nbsp;
            </p>
          <!-- 提交按钮 -->
            <!-- 提交按钮 -->
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
@@ -3456,29 +3514,29 @@
              <tr class="table-tr-bc">
                <td style="text-wrap: nowrap">
                  1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
                <td>Attend the festival activities</td>
                <td>
@@ -3490,58 +3548,58 @@
                <td>Climb the mountain</td>
                <td>
                  2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Thursday</td>
                <td>Visit attractions in the downtown
                  3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
                <td>
                  Wuhou Temple & Jinsha Site MuseumShunxing Tea House
@@ -3549,99 +3607,101 @@
              </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" />
              <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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                <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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                <td>
                  Panda Base 5.
                  <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Saturday</td>
                <td>6.
                  <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  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">
                  <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>
                </svg>
                <svg v-if="
                    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">
                  <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>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      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">
                      <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>
                    </svg>
                    <svg v-if="
                      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">
                      <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>
                </td>
                <td>
                  Shuangliu International Airport
                </td>
              </tr>
            </table>
             <!-- 答案 -->
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
              答案:(1)Tuesday &nbsp; (2)Mt. Qingcheng &nbsp;
              (3)Watch Sichuan opera &nbsp; (4)See giant pandas &nbsp; (5)Jinli Old Street &nbsp;
              (6)Return to Kuala Lumpur
            </p>
            <!-- 提交按钮 -->
           <div class="w100 fl  ju-cn">
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaDataTableOne">
@@ -3929,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>
@@ -4093,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,
@@ -4272,8 +4269,8 @@
          five: "",
          six: "",
          seven: "",
          eight:"",
          nine:"",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
@@ -4358,7 +4355,6 @@
        value: [],
      },
      testData: {
        check: [],
        tx: {
          one: "",
          two: "",
@@ -4646,7 +4642,7 @@
        value: [],
      },
      //page 34 表格内填空
      tableBlanksData:{
      tableBlanksData: {
        isComplete: false,
        rs: {
          one: "",
@@ -4658,7 +4654,7 @@
        },
      },
      //page 37 表格内填空
      tableBlanksDataOne:{
      tableBlanksDataOne: {
        isComplete: false,
        ma: {
          one: "",
@@ -4667,9 +4663,38 @@
          four: "",
          five: "",
          six: "",
          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
          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() {
@@ -4703,14 +4728,14 @@
      this.tableBlanksData = JSON.parse(tableBlanksData)
    }
    const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
    if (tableBlanksDataOne ) {
    if (tableBlanksDataOne) {
      this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
    }
    const testData = localStorage.getItem("english-testOne");
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
@@ -4718,12 +4743,14 @@
    if (dropdownData) {
      this.dropdownData = JSON.parse(dropdownData);
    }
    const radioOne = localStorage.getItem("englis-chapter02-radioOne");
    if (radioOne) {
      this.radioOne = JSON.parse(radioOne);
    }
    this.getPath();
  },
  methods: {
    saveWord(event, word) {
      this.$emit("saveCharacters", event, word);
    },
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
@@ -4852,7 +4879,7 @@
      this.check = Check;
      this.showAnswerEight = false
    },
    changeTable(){
    changeTable() {
      localStorage.removeItem("english-tableBlanksData");
      const tableBlanksDatas = this.tableBlanksData
      for (let key in tableBlanksDatas) {
@@ -4869,7 +4896,7 @@
      this.$set(this.tableBlanksData, "isComplete", false);
      this.showAnswerEleven = false
    },
    changeTableOne(){
    changeTableOne() {
      localStorage.removeItem("english-tableBlanksDataOne");
      const tableBlanksDataOnes = this.tableBlanksDataOne
      for (let key in tableBlanksDataOnes) {
@@ -4887,9 +4914,8 @@
      this.showAnswerTwelve = false
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        "english-book-chapter02-question-one",
        JSON.stringify(this.questionData)
      );
    },
@@ -4911,15 +4937,15 @@
    setCheck() {
      localStorage.setItem("english-check", JSON.stringify(this.check));
    },
    setTableBlanksData(){
    setTableBlanksData() {
      localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
    },
    setTableBlanksDataOne(){
    setTableBlanksDataOne() {
      localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "D96D6F8082786B037A2B1842860BC0C4 "
        "D96D6F8082786B037A2B1842860BC0C4"
      );
      this.resource.readingOne = await getResourcePath(
        "E51F6E052B08F00B19819E4D5504219F"
@@ -5037,15 +5063,15 @@
      this.isShowRight;
      this.showAnswerEight = true
    },
    savaDataTable(){
    savaDataTable() {
      this.$set(this.tableBlanksData, "isComplete", true);
      this.setTableBlanksData();
      this.isTextRight;
      this.showAnswerEleven = true;
    },
    savaDataTableOne(){
    savaDataTableOne() {
      this.$set(this.tableBlanksDataOne, "isComplete", true);
      this.setTableBlanksDataOne();
      this.setTableBlanksDataOne();
      this.isTextRight;
      this.showAnswerTwelve = true;
    },
@@ -5101,6 +5127,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>