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/chapter007.vue |  188 +++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 174 insertions(+), 14 deletions(-)

diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 11582e9..a28aff9 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -38,7 +38,114 @@
                         <p><b>鈪�.Put the following names of the departments in the proper blanks according to their
                                 functions.</b></p>
                         <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
-                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-th-bc">
+                                <td class="tl-cn">Departments</td>
+                                <td class="tl-cn">Functions</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.one.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It has overall responsibilities for creating, planning, implementing, and
+                                    integratingthe strategie direction of an organization.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.two.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It deals with such matters as involving employees, hiring, training, labor
+                                    relations,and benefits.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.three.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It is responsible for presenting, advertising and selling a company's products
+                                    orservices.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.four.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It is responsible for finding new products and processes or improving existing ones.
+                                </td>
+
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.five.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It manages money in running a business, an activity or a project.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.six.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It's a department where people assist the CEO to plan, organize and run a business.
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <select class="select-border select-bc-t" style="background-color: transparent"
+                                        v-model="dropdownData.seven.value" @change="setDropdownData"
+                                        :disabled="dropdownData.isComplete">
+                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+                                            {{ item }}
+                                        </option>
+                                    </select>
+                                </td>
+                                <td>
+                                    It makes food, goods or materials, especially in large quantities.
+                                </td>
+                            </tr>
+                        </table>
                         <h3 id="c056"><span class="bjh3">Listening</span></h3>
                         <p class="center"><audio :src="resource.readingTwo" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -387,7 +494,54 @@
                 <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/0134-1.jpg" /></p>
+                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+                            <tr class="table-th-bc">
+                                <td class="tl-cn">Names</td>
+                                <td class="tl-cn">Reasons</td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td class="tl-cn">Yuan Longping</td>
+                                <td>
+                                    He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before.
+                                </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.three"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td>
+                                    <textarea v-model="questionData.table.four"
+                                        class="w100 table-tr-bc b0 table-textarea "
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="table-tr-bc">
+                                <td>
+                                    <textarea v-model="questionData.table.five"
+                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
+                                        @change="setBookQuestion"></textarea>
+                                </td>
+                                <td>
+                                    <textarea v-model="questionData.table.six"
+                                        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>strong-willed銆�motivated銆�active銆�cooperative銆�stressful銆�disciplined銆�risky銆�helpful銆�dutiful銆�enthusiastic
@@ -1176,43 +1330,49 @@
                 readingTwo: "",
             },
             dropDownList: [
-                "online shopping",
-                "facial recognition",
-                "electronic payment",
-                "intercity train",
-                "shared bike",
-                "take-away service",
+                "HR Department",
+                "R&D Department",
+                "CEO office",
+                "Finance Department",
+                "Produetion Department",
+                "Marketing Department",
+                "Administration office",
             ],
             dropdownData: {
                 one: {
                     value: "",
                     isRight: null,
-                    answer: "intercity train",
+                    answer: "Administration office",
                 },
                 two: {
                     value: "",
                     isRight: null,
-                    answer: "online shopping",
+                    answer: "HR department",
                 },
                 three: {
                     value: "",
                     isRight: null,
-                    answer: "electronic payment",
+                    answer: "Marketing department",
                 },
                 four: {
                     value: "",
                     isRight: null,
-                    answer: "shared bike",
+                    answer: "R & D department",
                 },
                 five: {
                     value: "",
                     isRight: null,
-                    answer: "take-away service",
+                    answer: "Finance department",
                 },
                 six: {
                     value: "",
                     isRight: null,
-                    answer: "facial recognition",
+                    answer: "CEO office",
+                },
+                seven: {
+                    value: "",
+                    isRight: null,
+                    answer: "Production department",
                 },
             },
         };

--
Gitblit v1.9.1