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 |  212 +++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 181 insertions(+), 31 deletions(-)

diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index aa1f6f6..8484225 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -394,37 +394,37 @@
                         <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"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        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: 70px"
+                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                         v-model="testData.in.one" @change="setTestData" />
                                 </td>
                             </tr>
@@ -813,35 +813,55 @@
                                 <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.
+                                        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.<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
+                                    <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.<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>
+                                    <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.<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
+                                    <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.<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>
+                                    <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>
@@ -950,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>
@@ -987,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>
@@ -1426,7 +1576,7 @@
                     five: "",
                     six: "",
                     seven: "",
-                    enight: "",
+                    eight: "",
                     nine: "",
                 },
             },

--
Gitblit v1.9.1