From d321f94fc74743a79f38e3901a88b78b13fb5845 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 12 七月 2024 09:38:13 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter002.vue | 1000 ++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 827 insertions(+), 173 deletions(-)

diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index e7de1ab..3a5af09 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -51,6 +51,44 @@
             <p class="center">
               <img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
             </p>
+            <div class="fl bor-g">
+              <div class="w45">
+                <div>
+                  France
+                  <span>
+                    123
+          <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+                  style="width: 8%">
+                  <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+                    :value="item">
+                    {{ item }}
+                  </option>
+                </select> -->
+                  </span>
+                  <span>
+                    456
+                    <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+                  style="width: 8%">
+                  <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+                    :value="item">
+                    {{ item }}
+                  </option>
+                </select> -->
+                  </span>
+                </div>
+                <div>
+                  China
+                </div>
+              </div>
+              <div class="w45">
+                <div>
+                  ltaly
+                </div>
+                <div>
+                  Brazil
+                </div>
+              </div>
+            </div>
             <p>
               <b>鈪�.What are the customs and cultures of other countries you
                 know? Work with your partner to complete the table below.</b>
@@ -97,7 +135,7 @@
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.enight"
+                  <textarea v-model="questionData.table.eight"
                     class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -138,13 +176,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
+                  <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
                   understand my foreign colleagues because they are straightforward.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+                  <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
                   colleagues just nod and agree with me when we have a discussion.
                 </td>
               </tr>
@@ -152,13 +194,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
+                  <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
                   boss closely oversees our work and criticizes us for our mistakes.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+                  <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
                   boss is very hands-off and gives us a lot freedom to do things.
                 </td>
               </tr>
@@ -166,13 +212,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+                  <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
                   colleagues always stay late in the ofice or bring work home.
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+                  <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
                   colleagues manage to get their work done during working hours.
                 </td>
               </tr>
@@ -180,13 +230,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                 <td class="bor-b-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+                  <input type="radio" name="ballThree"
+                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
+                    v-model="testData.check" /> A. My Chinese
                   colleagues deal with issues more objectively
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="bor-t-n">
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+                  <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
                   colleagues are likely to take things personally
                 </td>
               </tr>
@@ -196,7 +250,7 @@
               1.Culture shock is a normal part of the life when moving somewhere
               new,such as travelling abroad,or studying abroad.So,what鈥檚 the
               definition of culture shock?
-              <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
+              <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
                 <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                   <path class="a"
                     d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -206,7 +260,7 @@
             </p>
             <textarea v-model="questionData.reading.one" 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="showAnswerThree">
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerOne">
               绛旀锛欳ulture shock is a normal process of adapting to a new culture" ltis a time when a person becomes aware
               of the differences orconflicts in values and customs between their home culture andthe new culture they
               are in,Common feelings may be anxiety,confusion, homesickness or anger.
@@ -215,7 +269,7 @@
               2.Can you offer some examples of culture shock in regard to
               different languages,different table manners or different food
               customs?
-              <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
+              <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
                 <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                   <path class="a"
                     d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -223,9 +277,9 @@
                 </svg>
               </span>
             </p>
-            <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+            <textarea v-model="questionData.reading.two" 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="showAnswerThree">
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwo">
               绛旀锛�(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
               disrespectful
               (2)German tends to be a more direct language, while English speakers often use indirectlanguage for
@@ -510,7 +564,8 @@
               cross-cultural environment.
             </p>
             <!-- 绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+              v-if="showLessonOneQuestionAnswer">
               绛旀锛� 1.F &nbsp; 2.F &nbsp; 3.F &nbsp; 4.T &nbsp; 5.F &nbsp; 6.T
             </p>
             <p><b>鈪�.Language focus.</b></p>
@@ -570,7 +625,8 @@
                 style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
               moment?
             </p>
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+              v-if="showLessonOneQuestionAnswer">
               绛旀锛� 1.rewarding &nbsp; 2.traditions &nbsp; 3.unacceptable &nbsp; 4.colleague &nbsp; 5.arise &nbsp;
               6.disturb
             </p>
@@ -580,34 +636,24 @@
             </p>
             <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
-            <!-- 渚嬪彞 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              渚嬪彞锛� I would like to apply for the position of sales assistant in your company.
-            </p>
             <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
-            <!-- 渚嬪彞 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              渚嬪彞锛� The product was developed in response to customer demand.
-            </p>
             <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
-            <!-- 渚嬪彞 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              渚嬪彞锛� It is important to get familiar with the company鈥檚 missions and values.
-            </p>
             <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
-            <!-- 渚嬪彞 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              渚嬪彞锛� As employees, we shouldn鈥檛 let negative thoughts take over.
-            </p>
             <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
             <!-- 渚嬪彞 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              渚嬪彞锛歍he company is making an effort to improve its services for local markets.
-            </p>
+            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+              v-if="showLessonOneQuestionAnswer">
+              <span>渚嬪彞锛�</span>
+              <p>1銆両 would like to apply for the position of sales assistant in your company.</p>
+              <p>2銆乀he product was developed in response to customer demand.</p>
+              <p>3銆両t is important to get familiar with the company鈥檚 missions and values.</p>
+              <p>4銆丄s employees, we shouldn鈥檛 let negative thoughts take over.</p>
+              <p>5銆乀he company is making an effort to improve its services for local markets.</p>
+            </div>
             <p>C.Translate the following sentences into Chinese.</p>
             <p>
               1.When working in a cross-cultural setting,there can be some
@@ -615,10 +661,6 @@
             </p>
             <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" /></p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛氬湪璺ㄦ枃鍖栫幆澧冧腑宸ヤ綔锛屽憳宸ヤ箣闂村彲鑳戒細瀛樺湪璇█闅滅銆�
-            </p>
             <p>
               2.You could go for a walk or jog to manage your frustration at
               work.
@@ -626,20 +668,12 @@
             <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />
             </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛氫綘鍙互閫氳繃鏁f鎴栨參璺戞潵璋冭妭宸ヤ綔涓殑娌抚鎯呯华銆�
-            </p>
             <p>
               3.They gave us some advice on how to correctly handle cultural
               differences in the workplace.
             </p>
             <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />
-            </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛氫粬浠氨濡備綍鍦ㄥ伐浣滀腑姝g‘澶勭悊鏂囧寲宸紓缁欎簡鎴戜滑涓�浜涘缓璁��
             </p>
             <p>
               4.Wearing appropriate clothes in the office will make you feel
@@ -649,10 +683,28 @@
                 v-model="testData.in.one" @change="setTestData" />
             </p>
             <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛氬湪鍔炲叕瀹ょ┛鐫�鍚堥�傜殑琛f湇浼氳浣犳劅鍒拌垝閫傚拰鑷俊銆�
+            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+              v-if="showLessonOneQuestionAnswer">
+              <span> 绛旀锛�</span>
+              <p>1銆佸湪璺ㄦ枃鍖栫幆澧冧腑宸ヤ綔锛屽憳宸ヤ箣闂村彲鑳戒細瀛樺湪璇█闅滅銆�</p>
+              <p>2銆佷綘鍙互閫氳繃鏁f鎴栨參璺戞潵璋冭妭宸ヤ綔涓殑娌抚鎯呯华銆�</p>
+              <p>3銆佷粬浠氨濡備綍鍦ㄥ伐浣滀腑姝g‘澶勭悊鏂囧寲宸紓缁欎簡鎴戜滑涓�浜涘缓璁��</p>
+              <p>4銆佸湪鍔炲叕瀹ょ┛鐫�鍚堥�傜殑琛f湇浼氳浣犳劅鍒拌垝閫傚拰鑷俊銆�</p>
+            </div>
+            <p><b>鈪�.Grammar focus:鈥渋t鈥� as formal subject.</b>
+              <span class="btn-box" @click="showAnswer('showImg')">
+                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                    p-id="30865"></path>
+                </svg>
+              </span>
             </p>
-            <p><b>鈪�.Grammar focus:鈥渋t鈥� as formal subject.</b></p>
+            <div class="openImgBox" v-if="showImg">
+              <img class="w100" :src="imgThirteen" />
+            </div>
             <p>
               A.Read the example and underline the real subject that 鈥渋t鈥�
               represents in the following sentences.
@@ -717,18 +769,10 @@
               <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />.
             </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛欼t makes us feel good to share new ideas with others.
-            </p>
             <p>2.To get along well with colleagues is really important.</p>
             <p>
               <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />.
-            </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛欼t is really important to get along well with colleagues.
             </p>
             <p>
               3.To have an open mind towards a new culture is necessary in the
@@ -738,10 +782,6 @@
               <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />.
             </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛欼t is necessary to have an open mind towards a new culture in the workplace.
-            </p>
             <p>
               4.To think twice before acting is always necessary for everyone.
             </p>
@@ -749,19 +789,21 @@
               <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />.
             </p>
-            <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛欼t is always necessary for everyone to think twice before acting.
-            </p>
             <p>5.You are very kind to help me with my sales report.</p>
             <p>
               <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                 v-model="testData.in.one" @change="setTestData" />.
             </p>
             <!--绛旀 -->
-            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛欼t鈥檚 very kind of you to help me with my sales report.
-            </p>
+            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+              v-if="showLessonOneQuestionAnswer">
+              <span> 绛旀锛�</span>
+              <p>1銆両t makes us feel good to share new ideas with others.</p>
+              <p>2銆両t is really important to get along well with colleagues.</p>
+              <p>3銆両t is necessary to have an open mind towards a new culture in the workplace.</p>
+              <p>4銆両t is always necessary for everyone to think twice before acting.</p>
+              <p>5銆両t鈥檚 very kind of you to help me with my sales report.</p>
+            </div>
             <!-- 鎻愪氦鎸夐挳 -->
             <div class="w100 fl">
               <ul class="fl ju-ar w100">
@@ -776,7 +818,7 @@
                   </button>
                 </li>
                 <li>
-                  <button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
+                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                     鏌ョ湅绛旀
                   </button>
                 </li>
@@ -812,33 +854,33 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn">Eye Contact</td>
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
+                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="wh-no tl-cn">Gift Exchange</td>
                 <td>
-                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="wh-no tl-cn">Table Manners</td>
                 <td>
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -874,22 +916,22 @@
               <tr class="table-tr-bc" style="width: 40%">
                 <td class="wh-no tl-cn">Gift Exchange</td>
                 <td class="tl-w-45">
-                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td class="tl-w-45">
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td class="wh-no tl-cn">Table Manners</td>
                 <td class="tl-w-45">
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td class="tl-w-45">
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -898,10 +940,166 @@
               <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
             </p>
             <div class="bk-wh">
-              <p>
-                direct銆�formal銆�respect銆�privacy銆�hand-shaking銆�touch銆�comfortable銆�toast銆�chopsticks銆�seating
-                arrangement
+              <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
+                  arrangement</span>
               </p>
+            </div>
+            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+              <div class="banshi openImgBox">
+                <div class="swiper-container swiper_ppt">
+                  <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_01.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_02.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_03.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_04.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_05.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_06.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_07.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_08.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_09.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_10.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_11.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_12.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_13.png" />
+                      </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" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                  <div class="pageBox"></div>
+                </div>
+                <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+              </div>
             </div>
             <h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
             <h3 id="c014" class="fl al-cn">
@@ -970,17 +1168,37 @@
             <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>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
-              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
+            <p>For an
+              <span class="word-bc" @click="saveWord($event, 'individual')">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>
+              .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
-              journalist.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
+              <span class="word-bc" @click="saveWord($event, 'journalist')">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鈥檚 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 impressive,the opening ceremony lasted for about two hours with less performing
-              artists but more audio-visual technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
-              鈥渕yself鈥� 14 years ago at the same sports field.The snowflake-shaped Olympic cauldron,formed by the smaller
-              snowflakes with names of the participating countries and regions on them,was lit by two young Chinese
-              athletes.</p>
+              simply enjoying the moment.
+            </p>
+            <p>Turning up as simple but
+              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
+              ,the opening
+              <span class="word-bc" @click="saveWord($event, 'ceremony')">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>
+              technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
+              鈥渕yself鈥� 14 years ago at the same sports field.The
+              <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
+              -shaped Olympic
+              <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
+              ,formed by the smaller
+              snowflakes with names of the
+              <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
+              countries and regions on them,was lit by two young Chinese
+              athletes.
+            </p>
           </div>
         </div>
         <div class="preface-bottom">
@@ -1003,16 +1221,32 @@
         <div class="padding-93">
           <div class="bodystyle">
             <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
-              鈥渆xceptional鈥�,not only because of the pandemic situation but also a different China now 鈥攎ore confident in
-              its culture.</p>
-            <p>In the summer 14 years ago,I was like a festivalgoer full of energy rushing for work but also making
-              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the track due to injury.In the
+              鈥�
+              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
+              鈥�,not only because of the
+              <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
+              situation but also a different China now 鈥攎ore 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>
+              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>
+              due to injury.In the
               winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
-              鈥攖hanks to regular exercise and a positive view of sports competition.</p>
+              鈥攖hanks to regular exercise and a positive view of sports
+              <span class="word-bc" @click="saveWord($event, 'competition')">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.鈥淚n 2008 we impressed the
-              world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p>
-            <p>I failed to control myself the moments when the Chinese national anthem was played and when images of
+            <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
+              <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
+              world while in 2022 we became people-centered 鈥攆or 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>
+              was played and when images of
               people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
               country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
             </p>
@@ -1176,11 +1410,11 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.one"
+                  <textarea v-model="questionData.table.nineteen"
                     class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.two"
+                  <textarea v-model="questionData.table.twenty"
                     class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -1259,7 +1493,20 @@
               绛旀锛�(1) due to &nbsp; (2) focuses on &nbsp; (3)failed to &nbsp; (4)paid tribute to &nbsp; (5) move away
               &nbsp;
             </p>
-            <p><b>鈪�.Grammar focus:Active and passive voice.</b></p>
+            <p><b>鈪�.Grammar focus:Active and passive voice.</b>
+              <span class="btn-box" @click="showAnswer('showImgOne')">
+                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                    p-id="30865"></path>
+                </svg>
+              </span>
+            </p>
+            <div class="openImgBox" v-if="showImgOne">
+              <img class="w100" :src="imgThirteenOne" />
+            </div>
             <p>Complete the passage using the correct form of the verbs in the brackets.</p>
             <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
                 class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
@@ -1283,9 +1530,10 @@
               (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                 style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
               clothes not only in New York,but also in cities around the world.</p>
-              <!-- 绛旀 -->
-              <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
-              绛旀锛�(1)was named  &nbsp; (2) taught &nbsp; (3)told &nbsp; (4)were introduced &nbsp; (5) is seen &nbsp; (6) moved &nbsp; (7) were placed &nbsp; (8) sells
+            <!-- 绛旀 -->
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+              绛旀锛�(1)was named &nbsp; (2) taught &nbsp; (3)told &nbsp; (4)were introduced &nbsp; (5) is seen &nbsp; (6)
+              moved &nbsp; (7) were placed &nbsp; (8) sells
               &nbsp;
             </p>
             <h3 id="c016"><span class="bjh3">Mini-project</span></h3>
@@ -1308,17 +1556,17 @@
               <tr class="table-tr-bc">
                 <td class="tl-cn">Chinses Art</td>
                 <td>
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
+                  <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyTwo"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea "
+                  <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -1352,26 +1600,173 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyFour"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td style="width: 90%;">
-                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
+                  <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.sex" class="w100 table-tr-bc b0 table-textarea textarea-box"
-                    @change="setBookQuestion"></textarea>
+                  <textarea v-model="questionData.table.twentyFix"
+                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                 </td>
                 <td style="width: 90%;">
-                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
+                  <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
             </table>
-            <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
+            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+              <div class="banshi openImgBox">
+                <div class="swiper-container swiper_ppt">
+                  <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_01.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_02.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_03.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_04.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_05.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_06.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_07.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_08.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_09.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_10.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_11.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_12.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_13.png" />
+                      </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" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                  <div class="pageBox"></div>
+                </div>
+                <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+              </div>
+            </div>
+            <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>
@@ -1381,18 +1776,32 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>When is it?</td>
-                <td>1.On_______21st</td>
+                <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Why do we celebrate it?</td>
-                <td>Recognizing cultural 2._______
+                <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
+                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
+                    @change="setTestData" />
                   Understanding the concept of culture.
-                  Getting to know each other through the differences in language,3._______race,
+                  Getting to know each other through the differences in language,3.<input
+                    :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
                   religion and other elements.
-                  Giving people a sense of 4._______in their own culture.
-                  .Leading to community 5._______and personal growth.</td>
+                  Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
+                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
+                    @change="setTestData" />in their own culture.
+                  .Leading to community 5.<input :disabled="testData.isComplete" type="text"
+                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
+                    @change="setTestData" />and personal growth.</td>
               </tr>
             </table>
+            <!-- 绛旀 -->
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+              绛旀锛�(1) May &nbsp; (2) differences &nbsp; (3)values &nbsp; (4)pride &nbsp; (5) progress
+              &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 type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
@@ -1409,6 +1818,13 @@
               Medicine</p>
             <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
               Crafts</p>
+            <!-- 绛旀 -->
+            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+              绛旀锛�(1) Lecture on Ancient Chinese History &nbsp; (2)Calligraphy &amp;
+              Painting Demonstration &nbsp; (3)Traditional Chinese
+              Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
+              &nbsp;
+            </p>
           </div>
         </div>
         <div class="preface-bottom">
@@ -1434,7 +1850,19 @@
             <h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
             <p>Work with your partner to discuss the following questions.</p>
             <p>1.Why is a schedule important for everyone attending the event?</p>
+            <textarea v-model="questionData.reading.one" 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="showAnswerThree">
+              绛旀锛�(1)Save time and stress &nbsp; (2)Organize all detail &nbsp; (3) Meet your objectives &nbsp; (4)Manage
+              time for extra tasks
+            </p>
             <p>2.What are the elements of a schedule?</p>
+            <textarea v-model="questionData.reading.one" 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="showAnswerThree">
+              绛旀锛欼t includes dates, locations, programming start and end time.
+            </p>
+
             <p><b>鈪�.Read the following tips for making a schedule of an event and find out how you can improve your
                 schedule.</b></p>
             <p>An event schedule is a document that organizers provide for the attendees and participants.It usually
@@ -1503,7 +1931,10 @@
                 <td class="tl-cn">Place</td>
               </tr>
               <tr class="table-tr-bc">
-                <td>1._________</td>
+                <td style="text-wrap: nowrap">
+                  1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+                </td>
                 <td>Attend the festival activities</td>
                 <td>
                   The International Intangible Cultural Heritage Park
@@ -1513,27 +1944,33 @@
                 <td>Wednesday</td>
                 <td>Climb the mountain</td>
                 <td>
-                  2.___________
+                  2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Thursday</td>
                 <td>Visit attractions in the downtown
-                  3.____________ </td>
+                  3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
                 <td>
                   Wuhou Temple & Jinsha Site MuseumShunxing Tea House
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Friday</td>
-                <td> 4.____________ Buy souvenirs</td>
+                <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
                 <td>
-                  Panda Base 5.____________
+                  Panda Base 5.
+                  <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>Saturday</td>
-                <td>6.___________</td>
+                <td>6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
+                    style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
                 <td>
                   Shuangliu International Airport
                 </td>
@@ -1558,55 +1995,55 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -1656,139 +2093,139 @@
               </tr>
               <tr class="table-tr-bc">
                 <td rowspan="3">
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fortyTwo" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fortyThree" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fortyFour" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fortyFive" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fortySix" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fortySeven" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fortyEight" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fortyNine" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td rowspan="3">
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fifty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fiftyOne" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fiftyTwo" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fiftyThree" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fiftyFour" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fiftyFive" class="w100 table-tr-bc b0 table-textarea "
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.fiftySix" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fiftySeven" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fiftyEight" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.fiftyNine" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td rowspan="3">
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.sixty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.sixtyOne" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixtyTwo" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.sixtyThree" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixtyFour" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.sixtyFive" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <textarea v-model="questionData.table.sixtySix" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixtySeven" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixtyEight" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
                 <td>
-                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+                  <textarea v-model="questionData.table.sixtyNine" class="w100 table-tr-bc b0 table-textarea"
                     @change="setBookQuestion"></textarea>
                 </td>
               </tr>
@@ -1799,6 +2236,153 @@
                 photos show 鈥�</p>
               <p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
                 City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys 鈥�</p>
+            </div>
+            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+              <div class="banshi openImgBox">
+                <div class="swiper-container swiper_ppt">
+                  <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_01.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_02.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_03.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_04.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_05.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_06.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_07.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_08.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_09.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_10.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_11.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_12.png" />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/ppt/ppt_13.png" />
+                      </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" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                  <div class="pageBox"></div>
+                </div>
+                <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+              </div>
             </div>
           </div>
         </div>
@@ -1823,14 +2407,16 @@
   },
   data() {
     return {
-      imgThirteen: require("../../assets/images/grammar.jpg"),
+      imgThirteen: require("../../assets/images/grammar2-1.png"),
+      imgThirteenOne: require("../../assets/images/grammar2-2.png"),
       showAnswerOne: false,
       showAnswerTwo: false,
       showAnswerThree: false,
       showAnswerFour: false,
       showAnswerFive: false,
       showImg: false,
-      showQuestionAnswer: false,
+      showImgOne: false,
+      showLessonOneQuestionAnswer: false,
       rawData: {
         left: [
           {
@@ -1995,9 +2581,74 @@
           five: "",
           six: "",
           seven: "",
-          enight: "",
+          eight: "",
           nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+          fourteen: "",
+          fifteen: "",
+          sixteen: "",
+          seventeen: "",
+          eighteen: "",
+          nineteen: "",
+          twenty: "",
+          twentyOne: "",
+          twentyTwo: "",
+          twentyThree: "",
+          twentyFour: "",
+          twentyFive: "",
+          twentySix: "",
+          twentySeven: "",
+          twentyEight: "",
+          twentyNine: "",
+          thirty: "",
+          thirtyOne: "",
+          thirtyTwo: "",
+          thirtyThree: "",
+          thirtyFour: "",
+          thirtyFive: "",
+          thirtySix: "",
+          thirtySeven: "",
+          thirtyEight: "",
+          thirtyNine: "",
+          forty: "",
+          fortyOne: "",
+          fortyTwo: "",
+          fortyThree: "",
+          fortyFour: "",
+          fortyFive: "",
+          fortySix: "",
+          fortySeven: "",
+          fortyEight: "",
+          fortyNine: "",
+          fifty: "",
+          fiftyOne: "",
+          fiftyTwo: "",
+          fiftyThree: "",
+          fiftyFour: "",
+          fiftyFive: "",
+          fiftySix: "",
+          fiftySeven: "",
+          fiftyEight: "",
+          fiftyNine: "",
+          sixty: "",
+          sixtyOne: "",
+          sixtyTwo: "",
+          sixtyThree: "",
+          sixtyFour: "",
+          sixtyFive: "",
+          sixtySix: "",
+          sixtySeven: "",
+          sixtyEight: "",
+          sixtyNine: "",
         },
+      },
+      radio: {
+        isRight: null,
+        answer: ["", "Date and time", "Address", "Organizer"],
+        value: [],
       },
       testData: {
         check: [],
@@ -2200,7 +2851,10 @@
     showAnswer(type) {
       if (type == "showImg") {
         this.showImg = !this.showImg;
+      } else if (type == "showImgOne") {
+        this.showImgOne = !this.showImgOne;
       }
+      setTimeout(() => { this.$emit("initViewer", "") }, 500)
     },
     handleQuestion(type) {
       if (type == "one") {

--
Gitblit v1.9.1