From 3bc1c9bc880697288e5be99f8a25fd6373651bc3 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 七月 2024 18:51:17 +0800
Subject: [PATCH] 英语(图片显示)

---
 src/books/English/view/components/chapter002.vue |  275 +++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 198 insertions(+), 77 deletions(-)

diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 1218b6e..80f5edf 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -223,7 +223,7 @@
                 </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="showAnswerTwo">
               绛旀锛�(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
@@ -637,7 +637,20 @@
               <p>3銆佷粬浠氨濡備綍鍦ㄥ伐浣滀腑姝g‘澶勭悊鏂囧寲宸紓缁欎簡鎴戜滑涓�浜涘缓璁��</p>
               <p>4銆佸湪鍔炲叕瀹ょ┛鐫�鍚堥�傜殑琛f湇浼氳浣犳劅鍒拌垝閫傚拰鑷俊銆�</p>
             </div>
-            <p><b>鈪�.Grammar focus:鈥渋t鈥� as formal subject.</b></p>
+            <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>
+            <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.
@@ -787,33 +800,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>
@@ -849,22 +862,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>
@@ -945,16 +958,33 @@
             <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
+            <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
+            <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>
@@ -978,16 +1008,29 @@
         <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
+              鈥�
+              <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 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
+            <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
+            <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 anthem was played and when images of
+            <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>
@@ -1151,11 +1194,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>
@@ -1234,7 +1277,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" />
@@ -1284,17 +1340,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"
+                  <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>
@@ -1328,21 +1384,21 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+                  <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"
+                  <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>
@@ -1576,55 +1632,55 @@
               </tr>
               <tr class="table-tr-bc">
                 <td>
-                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
+                  <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 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 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 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 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 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>
@@ -1674,139 +1730,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 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 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 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 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 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 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 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 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 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 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 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 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>
@@ -1841,13 +1897,15 @@
   },
   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,
+      showImgOne:false,
       showLessonOneQuestionAnswer: false,
       rawData: {
         left: [
@@ -2015,6 +2073,66 @@
           seven: "",
           enight: "",
           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:"",
         },
       },
       testData: {
@@ -2218,7 +2336,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