From bc7f6f02feeff377da9d95546420987a2539d7cc Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 08 七月 2024 19:50:18 +0800
Subject: [PATCH] 英语(表格)

---
 src/books/English/view/components/chapter004.vue |  380 +++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 330 insertions(+), 50 deletions(-)

diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index eb46519..8484225 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -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>
@@ -387,7 +391,44 @@
                             <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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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: 5em"
+                                        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>
@@ -428,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
@@ -502,8 +573,6 @@
                         <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>
@@ -738,7 +807,65 @@
                         <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.<select
+                                            v-model="dropdownData.one.value" style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>
+                                        while the on-site team has an average age of 2.<select
+                                            v-model="dropdownData.one.value" style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>
+                                    </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.<select
+                                            v-model="dropdownData.one.value" style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>least developed countries
+                                        with engineers.</p>
+                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
+                                            style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>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.<select
+                                            v-model="dropdownData.one.value" style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>least developed countries
+                                        with engineers.</p>
+                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
+                                            style="width: 25%">
+                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+                                                {{ item }}
+                                            </option>
+                                        </select>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>
@@ -843,11 +970,73 @@
                             then discuss with your group members about their spirit towards scientific research and
                             innovation.</p>
                         <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/0081-2.jpg" /></p>
+                        <p class="center">
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-th-bc">
+                                <td class="tl-cn">Scientists</td>
+                                <td class="tl-cn">Contributions</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">Zhang Heng</td>
+                                <td class="tl-lf">
+                                    He invented a machine called seismometer(鍦板姩浠�), which could sense distant
+                                    earthquakes,
+                                    and indicated in which direction they were happening.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <textarea v-model="questionData.table.one"
+                                        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" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <textarea v-model="questionData.table.one"
+                                        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" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <textarea v-model="questionData.table.one"
+                                        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" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <textarea v-model="questionData.table.one"
+                                        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" @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                        </table>
+                        </p>
                         <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
-                        <h3 id="c035"><span class="bjh3">Listening</span></h3>
-                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <h3 id="c035" 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 Nadia talking about her favorite electronic device and mark what she says
                                 about it.</b></p>
                         <p>鈻� 1.What it is</p>
@@ -880,7 +1069,75 @@
                         <p>鈻� 6.Why it is important to Nadia</p>
                         <p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the
                                 conversation,and write down the benefits of each App.</b></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
+                        <p class="center">
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-th-bc">
+                                <td class="tl-cn">Artificial Inteligence Apps</td>
+                                <td class="tl-cn">Benefits</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    digital assistance
+                                </td>
+                                <td class="tl-lf">
+                                    <p class="table-p">
+                                        It reminds me to do things.
+                                    </p>
+                                    <p class="table-p">
+                                        It wakes me up 1<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />in the morning.
+                                    </p>
+                                    <p class="table-p">
+                                        It plays my 2.<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />music.
+                                    </p>
+                                    <p class="table-p">
+                                        I chat with it when I am alone..
+                                    </p>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    online shopping recommendation
+                                </td>
+                                <td class="tl-lf">
+                                    <p class="table-p">
+                                        It 3.<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />suggests things that I want.
+                                    </p>
+                                    <p class="table-p">
+                                        It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />experience.
+                                    </p>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    instant translation
+                                </td>
+                                <td class="tl-lf">
+                                    <p class="table-p">
+                                        They help me communicate easily when I travel abroad.
+                                    </p>
+                                    <p class="table-p">
+                                        They're so 5.<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />for foreign language learning.
+                                    </p>
+                                    <p class="table-p">
+                                        I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
+                                        v-model="testData.in.one" @change="setTestData" />
+                                    </p>
+                                </td>
+                            </tr>
+                        </table>
+
+                        </p>
                         <h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
                         <p>Work with your partner to discuss the following questions.</p>
                         <p>1.What is a sales letter like?</p>
@@ -1130,44 +1387,52 @@
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
-            showImgOne: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: [],
@@ -1178,66 +1443,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",
@@ -1248,7 +1528,7 @@
                 titleDescription: "1",
                 userChoise: [],
                 value: [],
-                answerImg: require("../../assets/images/matching-one.png"),
+                answerImg: require("../../assets/images/matching-four.png"),
             },
             questionData: {
                 warnUp: {
@@ -1296,7 +1576,7 @@
                     five: "",
                     six: "",
                     seven: "",
-                    enight: "",
+                    eight: "",
                     nine: "",
                 },
             },

--
Gitblit v1.9.1