From 98672d35b55d82335c4bd05f6434f6a6cf83c733 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 08 七月 2024 11:54:03 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter004.vue |  417 ++++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 326 insertions(+), 91 deletions(-)

diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 1a99f0b..aa1f6f6 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -21,7 +21,7 @@
             </div>
         </div>
         <!-- 59 -->
-        <!-- <div class="page-box" page="65">
+        <div class="page-box" page="65">
             <div v-if="showPageList.indexOf(65) > -1">
 
                 <ul class="preface-odd-header w100 fl ju-bt">
@@ -32,7 +32,7 @@
                             VOLUNTEERS</span>
                     </li>
                 </ul>
-            
+
                 <div class="padding-93">
                     <div class="bodystyle">
                         <h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
@@ -64,11 +64,11 @@
                     <span class="contet-num-box">59</span>
                 </div>
             </div>
-        </div> -->
+        </div>
         <!-- 60 -->
-        <!-- <div class="page-box" page="66">
+        <div class="page-box" page="66">
             <div v-if="showPageList.indexOf(66) > -1">
-        
+
                 <div class="w100 mb-20" style="padding-right: 20px">
                     <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                         <div class="preface-header-box event-header-text-bc-unit4">
@@ -80,12 +80,16 @@
 
                 <div class="padding-93">
                     <div class="bodystyle">
-                        <h3 id="c029"><span class="bjh3">Listening</span></h3>
+                        <h3 id="c029" class="fl al-cn">
+                            <span class="bjh3">Listening</span>
+                            <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
+                        </h3>
+
                         <p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
                         </p>
-                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
+                        <matching :rawData="rawData" :question="question"></matching>
                         <h3 id="c030"><span class="bjh3">Reading</span></h3>
                         <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                             @play="audioPlay"></audio>
@@ -93,17 +97,35 @@
                         </p>
                         <p>2.How can robots help humans today in daily life and work?</p>
                         <p class="center"><b>Robots in Action</b></p>
+                        <p class="center">
+                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+                                class="audio" @play="audioPlay"></audio>
+                        </p>
                         <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
-                            soon be used to study sea creatures up close.These robots can blend right in with underwater
-                            habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
+                            soon be used to study sea
+
+                            <span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
+                            up close.These robots can
+                            <span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
+                            blend right in with underwater
+                            <span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
+                            .Robots take on tasks to make our life easier and safer.Scientists keep coming up
                             with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
-                            look at the latest robots.</p>
+                            look at the latest robots.
+                        </p>
                         <p><b>Super Swimmer</b></p>
-                        <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
+                        <p>The Octobot is perfectly named.Its design is based on the
+                            <span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
+                            .The robot is the size of a
                             shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
                             inches per second.That is close to the speed of an octopus.The Octobot moves through water
-                            by slowly opening its soft rubber arms and then snapping them shut.During tests,fish swam
-                            alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
+                            by slowly opening its soft
+                            <span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
+                            arms and then
+                            <span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
+                            them shut.During tests,fish swam
+                            alongside the Octobot.Researchers can use the robot to study sea creatures.
+                        </p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
                     </div>
                 </div>
@@ -128,30 +150,51 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p><b>See Spot Run</b></p>
-                        <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play fetch.Boston Dynamics
-                            created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
+                        <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play
+                            <span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
+                            .Boston Dynamics
+                            created the four-legged,160-pound
+                            <span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
+                            dog.It can climb mountains.It can cross
                             woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
-                            balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
-                            facilities.</p>
+                            <span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
+                            .In the future,Spot may be used for search-and-
+                            <span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
+                            <span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
+                            and to carry heavy
+                            <span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
+                            .
+                        </p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
                         <p><b>Hotel Helper</b></p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
                         <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
                             the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
-                            asks for an item,a clerk places it in Mingo鈥檚 lid and enters the room number onto a
-                            screen.Guests are always very excited when Mingo arrives with a delivery.</p>
+                            asks for an item,a clerk places it in Mingo鈥檚
+                            <span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
+                            and enters the room number onto a
+                            screen.Guests are always very excited when Mingo arrives with a delivery.
+                        </p>
                         <p><b>Big in Japan</b></p>
-                        <p>In Japan,scientists are leading the way in creating humanoid robots.SoftBank introduced
-                            Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
-                            frown,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
-                            bigger plans for Pepper.It may one day keep humans company and help teach children.</p>
+                        <p>In Japan,scientists are leading the way in creating
+                            <span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
+                            robots.SoftBank introduced
+                            Pepper,a four-foot-tall robot who can talk with humans and
+                            <span class="word-bc" @click="saveWord($event, 'react')">react</span>
+                            to emotions.If you
+                            <span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
+                            ,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
+                            bigger plans for Pepper.It may one day keep humans
+                            <span class="word-bc" @click="saveWord($event, 'company')">company</span>
+                            and help teach children.
+                        </p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <p class="center"> <audio :src="resource.listenOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
                         <p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
                         <div class="bkbj">
                             <p><i>a living thing that can move around,such as an animal</i></p>
@@ -312,7 +355,7 @@
         </div>
         <!-- 64 -->
         <div class="page-box" page="70">
-            <div v-if="showPageList.indexOf(71) > -1">
+            <div v-if="showPageList.indexOf(70) > -1">
                 <!-- 澶撮儴 -->
                 <div class="w100 mb-20" style="padding-right: 20px">
                     <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
@@ -333,9 +376,59 @@
                         <p>__________________________________________________</p>
                         <p>4.Food processors are great tools for blending vegetables and fruits.</p>
                         <p>__________________________________________________</p>
-                        <p><b>鈪�.Grammar focus:The comparative degree.</b></p>
+                        <p><b>鈪�.Grammar focus:The comparative degree.</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.Write the comparative form for each word below.</p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-tr-bc">
+                                <td class="tl-lf" style="width: 33%;">l. often 鈫�<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 class="tl-lf" style="width: 33%;">2. go0d 鈫�<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 class="tl-lf" style="width: 33%;">3. bad 鈫�<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 class="tl-lf">4. early 鈫�<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 class="tl-lf">5. heavy 鈫�<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 class="tl-lf">6. late 鈫�<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 class="tl-lf">7. dangerous 鈫�<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 class="tl-lf">8. thin 鈫�<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 class="tl-lf">9. far 鈫�<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>
+                        </table>
                         <p>B.Fill in the blanks with the correct comparatives from the above.</p>
                         <p>1.The new car model may be launched _______ than expected.</p>
                         <p>2.The higher we go above the earth,the _______ the air is.</p>
@@ -376,7 +469,37 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0075-1.jpg" /></p>
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">The differences between humanoid robotsand human beings
+                                </td>
+                                <td class="tl-lf">
+                                    <p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
+                                    <textarea v-model="questionData.table.nineteen"
+                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">
+                                    The things that robots can't do but humans
+                                </td>
+                                <td>
+                                    <p class="table-p">1. Do creative work.</p>
+                                    <textarea v-model="questionData.table.nineteen"
+                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">
+                                    The functions of your designed robot
+                                </td>
+                                <td>
+                                    <p class="table-p">1. Fold clothes for you.</p>
+                                    <textarea v-model="questionData.table.nineteen"
+                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                        </table>
                         <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                         <div class="bk-wh">
                             <p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative
@@ -450,18 +573,23 @@
                         <p><i>It appears that most students</i>鈥�</p>
                         <p><i>What surprised me is that</i>鈥�</p>
                         <h3 id="c033"><span class="bjh3">Reading</span></h3>
-                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
                         <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
                         </p>
                         <p>2.What is your dream about space exploration?</p>
                         <p class="center"><b>Fresh Face of Science</b></p>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                         <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
-                        <p>According to Zhao Hongzhou,founder of China鈥檚 scientometrics,scientists typically make their
+                        <p>According to Zhao Hongzhou,founder of China鈥檚
+                            <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
+                            ,scientists typically make their
                             biggest achievements between the ages of 25 and 45,which is true of the scientists and
-                            engineers working on FAST(Five-hundred-meter Aperture Spherical Telescope).Its engineering
+                            engineers working on FAST(Five-hundred-meter Aperture Spherical
+                            <span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
+                            ).Its engineering
                             and operation team has an average age of 39,while its on-site team has an average age of
-                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.</p>
+                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
+                        </p>
                         <p>As the world鈥檚 largest radio telescope,it has been </p>
                     </div>
                 </div>
@@ -485,38 +613,66 @@
                 <!-- 鍐呭 -->
                 <div class="padding-93">
                     <div class="bodystyle">
-                        <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
-                            2016.It has also contributed to helping human beings better understand the origin of fast
-                            radio
-                            bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
+                        <p>quite helpful in the discovery of around 340
+                            <span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
+                            ,since becoming operational in September
+                            2016.It has also contributed to helping human beings better understand the
+                            <span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
+                            of fast radio
+                            <span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
+                            ,extremely brief but powerful flashes in the
+                            <span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
+                            .FAST was listed by the journals
                             <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
                         </p>
-                        <p>The construction of FAST pushed the team to its physical and intellectual limits,including
+                        <p>The construction of FAST pushed the team to its physical and
+                            <span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
+                            limits,including
                             creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of
-                            28,Yao Rui,a researcher behind FAST鈥檚 feed cabin,was responsible for creating the 鈥減upil鈥� of
+                            28,Yao Rui,a researcher behind FAST鈥檚 feed
+                            <span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
+                            ,was responsible for creating the 鈥�
+                            <span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>鈥� of
                             the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing
                             the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving
-                            enough room to fill it with as much complex and sensitive equipment as possible.Yao鈥檚
-                            solution was to change the shape of the cabin to a diamond structure.The redesign was
-                            daring,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
+                            enough room to fill it with as much
+                            <span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
+                            and sensitive equipment as possible.Yao鈥檚
+                            solution was to change the shape of the cabin to a
+                            <span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
+                            structure.The redesign was
+                            <span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
+                            ,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
                             problems,because wherever there is a problem,there is a chance for further research,鈥� she
                             said.鈥淎s a young scientist,I am lucky to associate my personal passions with the needs of
-                            the nation,so I can improve and grow together with the country.鈥�</p>
+                            the nation,so I can improve and grow together with the country.鈥�
+                        </p>
                         <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
                             giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only
-                            needed to be precise and sensitive in its applications,but it should also be beautiful to
+                            needed to be
+                            <span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
+                            and sensitive in its applications,but it should also be beautiful to
                             look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He
                             spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
-                            rewarded him with confidence as he overcame many difficulties and setbacks.</p>
-                        <p>The 鈥淪ky Eye鈥� is open to the world and offers more observation possibilities to the global
-                            scientific community,contributing Chinese wisdom to building a community of a shared future
-                            for humanity.</p>
+                            <span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
+                            ded him with confidence as he
+                            <span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
+                            many difficulties and setbacks.
+                        </p>
+                        <p>The 鈥淪ky Eye鈥� is open to the world and offers more
+                            <span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
+                            possibilities to the global
+                            scientific
+                            <span class="word-bc" @click="saveWord($event, 'community')">community</span>
+                            ,contributing Chinese wisdom to building a community of a shared future
+                            for humanity.
+                        </p>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <p class="center"> <audio :src="resource.listenOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
                         <p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁¢噺瀛�</p>
                         <div class="bkbj">
                             <p><i>the science of measuring and analyzing science</i></p>
@@ -651,7 +807,45 @@
                         <div class="bk-wh">
                             <p>15銆�28銆�30銆�38銆�39銆�340銆�2016</p>
                         </div>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
+                        <p class="center">
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">The FAST Team</td>
+                                <td style="width: 65%;">
+                                    <p class="table-p">
+                                        The engineering and operation team has an average age of 1.
+                                        while the on-site team has an average age of 2.
+                                    </p>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">Achievements</td>
+                                <td style="width: 65%;">
+                                    <p class="table-p">He would like to provide the world's 5.<input
+                                            :disabled="testData.isComplete" type="text"
+                                            class="input-bottom-border input-bc-t" style="width: 70px"
+                                            v-model="testData.in.one" @change="setTestData" />least developed countries
+                                        with engineers.</p>
+                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
+                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+                                            v-model="testData.in.one" @change="setTestData" />people.</p>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
+                                <td style="width: 65%;">
+                                    <p class="table-p">He would like to provide the world's 5.<input
+                                            :disabled="testData.isComplete" type="text"
+                                            class="input-bottom-border input-bc-t" style="width: 70px"
+                                            v-model="testData.in.one" @change="setTestData" />least developed countries
+                                        with engineers.</p>
+                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
+                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+                                            v-model="testData.in.one" @change="setTestData" />people.</p>
+                                </td>
+                            </tr>
+                        </table>
+                        </p>
                         <p>B.Decide whether the following statements are true (T) or false (F).</p>
                         <p>(銆�) 1.According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest
                             achievements before the age of 45.</p>
@@ -704,7 +898,20 @@
                             _______ it.</p>
                         <p>4.All drivers _______ their vehicles鈥攅ven when it鈥檚 a self-driving car accident.</p>
                         <p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
-                        <p><b>鈪�.Grammar focus:The superlative degree.</b></p>
+                        <p><b>鈪�.Grammar focus:The superlative degree.</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 sentences with the superlative form of the words in the brackets.</p>
                         <p>1.He is probably the _______ (creative) designer in our company.</p>
                         <p>2.This automated store offers the _______ (wide) variety of products.</p>
@@ -1006,7 +1213,7 @@
                     <span class="contet-num-box">76</span>
                 </div>
             </div>
-        </div> -->
+        </div>
     </div>
 </template>
 <script>
@@ -1022,50 +1229,60 @@
     },
     data() {
         return {
-            imgThirteen: require("../../assets/images/grammar.jpg"),
+            imgThirteen: require("../../assets/images/grammar4-1.png"),
+            imgThirteenOne: require("../../assets/images/grammar4-2.png"),
             showAnswerOne: false,
             showAnswerTwo: false,
             showAnswerThree: false,
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
+            showImgOne: false,
             showQuestionAnswer: false,
             rawData: {
                 left: [
                     {
                         oldId: "FB34",
-                        txt: "Martin銆�銆�銆�銆�Silk",
+                        txt: "1. My phone",
                     },
                     {
                         oldId: "64D6",
-                        txt: "Jessica銆�銆�The Great Wall",
+                        txt: "2. We can pay for almost anything",
                     },
                     {
                         oldId: "2ED4",
-                        txt: "Soren銆�銆�Chinese Food",
+                        txt: "3. Now almost nobody uses",
                     },
                     {
                         oldId: "44DE",
-                        txt: "Chinese銆�銆�銆�銆�Tea",
+                        txt: "4. We rely on mobile phones",
                     },
+                    {
+                        oldId: "J20B",
+                        txt: "5. Mobile phones have changed",
+                    }
                 ],
                 right: [
                     {
-                        oldId: "64D6",
-                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
-                    },
-                    {
-                        oldId: "FB34",
-                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
-                    },
-                    {
                         oldId: "2ED4",
-                        txt: "The clothing material is quite popular among Roman women inancient times.",
+                        txt: "a.a fixed-line telephone.",
                     },
                     {
                         oldId: "44DE",
-                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        txt: "b. all the time now.",
                     },
+                    {
+                        oldId: "64D6",
+                        txt: "c. online or by using an App on the phone.",
+                    },
+                    {
+                        oldId: "FB34",
+                        txt: "d. is almost dead.",
+                    },
+                    {
+                        oldId: "J20B",
+                        txt: "e. how we go about our everyday life.",
+                    }
                 ],
             },
             value: [],
@@ -1076,66 +1293,81 @@
                     {
                         id: "FB34",
                         linkValue:
-                            "The clothing material is quite popular among Roman women inancient times.",
-                        value: "Silk",
+                            "d. is almost dead.",
+                        value: "1. My phone",
                     },
                     {
                         id: "64D6",
                         linkValue:
-                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
-                        value: "The Great Wall",
+                            "c. online or by using an App on the phone.",
+                        value: "2. We can pay for almost anything",
                     },
                     {
                         id: "2ED4",
                         linkValue:
-                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
-                        value: "Chinese Food",
+                            "a. a fixed-line telephone.",
+                        value: "3. Now almost nobody uses",
                     },
                     {
                         id: "44DE",
                         linkValue:
-                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
-                        value: "Chinese Tea",
+                            "b. all the time now.",
+                        value: "4. We rely on mobile phones",
+                    },
+                    {
+                        id: "J20B",
+                        linkValue:
+                            "e. how we go about our everyday life.",
+                        value: "5. Mobile phones have changed",
                     },
                 ],
                 optionStyle: undefined,
                 id: 489306,
                 options: {
                     linkValues: [
+
                         {
-                            oldId: "64D6",
-                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                            oldId: "2ED4",
+                            txt: "a.a fixed-line telephone.",
                         },
                         {
                             oldId: "44DE",
-                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+                            txt: "b. all the time now.",
+                        },
+                        {
+                            oldId: "64D6",
+                            txt: "c. online or by using an App on the phone.",
                         },
                         {
                             oldId: "FB34",
-                            txt: "The clothing material is quite popular among Roman women inancient times.",
+                            txt: "d. is almost dead.",
                         },
                         {
-                            oldId: "2ED4",
-                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
-                        },
+                            oldId: "J20B",
+                            txt: "e. how we go about our everyday life.",
+                        }
                     ],
                     values: [
                         {
                             oldId: "FB34",
-                            txt: "Martin  Silk",
+                            txt: "1. My phone",
                         },
                         {
                             oldId: "64D6",
-                            txt: "The Great Wall",
+                            txt: "2. We can pay for almost anything",
                         },
                         {
                             oldId: "2ED4",
-                            txt: "Chinese Food",
+                            txt: "3. Now almost nobody uses",
                         },
                         {
                             oldId: "44DE",
-                            txt: "Chinese Tea",
+                            txt: "4. We rely on mobile phones",
                         },
+                        {
+                            oldId: "J20B",
+                            txt: "5. Mobile phones have changed",
+                        }
                     ],
                 },
                 questionType: "matching",
@@ -1146,7 +1378,7 @@
                 titleDescription: "1",
                 userChoise: [],
                 value: [],
-                answerImg: require("../../assets/images/matching-one.png"),
+                answerImg: require("../../assets/images/matching-four.png"),
             },
             questionData: {
                 warnUp: {
@@ -1367,7 +1599,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