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 |  292 +++++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 257 insertions(+), 35 deletions(-)

diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 97ab1f4..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"
@@ -82,34 +189,66 @@
                         <p class="center"><audio :src="resource.readingTwo" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 @play="audioPlay"></audio></p>
-                        <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
-                            people it鈥檚 a daily routine.</p>
+                        <p>Working on high-
+                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+                            power lines is considered by many as a high-risk job.But for some
+                            people it鈥檚 a daily
+                            <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+                            .
+                        </p>
                         <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
                             Jin has been in this job for more than 20 years.He is a team leader at an electric power
                             company.</p>
                         <p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
-                            because at the moment of contact ...500 000 volts of electricity hit the gloves,鈥� recalled
-                            Wang.</p>
+                            because at the moment of
+                            <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+                            ...500 000 volts of
+                            <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+                            hit the gloves,鈥� recalled
+                            Wang.
+                        </p>
                         <p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
                             remote areas.</p>
                         <p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
-                            hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
-                            shift.</p>
-                        <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-transmission
+                            hot.Wearing
+                            <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+                            clothes in such weather,Wang felt
+                            <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+                            even before he started the
+                            shift.
+                        </p>
+                        <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-
+                            <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
                             line.The power transmitted by this line was almost one-tenth of the total power in the
                             entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
-                            of China鈥檚 highest national honors鈥攆or his excellent performance.</p>
+                            of China鈥檚 highest national honors鈥攆or his excellent performance.
+                        </p>
                         <p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
                             innovation center to address new challenges.</p>
-                        <p>They have introduced more technologies including the use of drones for line inspection and
-                            maintenance.They have 240 drones and 80 operators,and they want to create an
-                            unmanned,digital and intelligent line inspection system.</p>
-                        <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
+                        <p>They have introduced more technologies including the use of drones for line
+                            <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+                            and
+                            <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
+                            .They have 240 drones and 80 operators,and they want to create an
+                            unmanned,\
+                            <span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
+                            and
+                            <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
+                            line inspection system.
+                        </p>
+                        <p>Wang is now a father of two.His family gave him the biggest support.His
+                            <span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
+                            has made
                             him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
-                            achieved more than 30 technological innovations.</p>
-                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
+                            <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
+                            achieved more than 30 technological innovations.
+                        </p>
+                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
+                            <span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
                             in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
-                            voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
+                            voltage and the biggest transmission
+                            <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+                            in the world.Thanks to technicians like Wang
                             and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
                         </p>
                     </div>
@@ -138,9 +277,8 @@
                             <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.readingTwo" controls
-                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                         <p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
                         <div class="bkbj">
                             <p><i>electrical force measured in volts</i></p>
@@ -302,7 +440,20 @@
                         <p>_________________________________________________________________</p>
                         <p>4.Those employees believe that challenges offer opportunities to learn.</p>
                         <p>_________________________________________________________________</p>
-                        <p><b>鈪�.Grammar focus:The simple past &amp; past perfect tense.</b></p>
+                        <p><b>鈪�.Grammar focus:The simple past &amp; past perfect tense.</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.Pick out two sentences of the simple past tense and the past perfect tense respectively
                             from the passage,and then write them down.</p>
                         <p><b>The simple past tense:</b></p>
@@ -343,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
@@ -561,7 +759,20 @@
                         <p>3.give up_________________________________________</p>
                         <p>4.turn in_________________________________________</p>
                         <p>5.address ...to ..._____________________________</p>
-                        <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b></p>
+                        <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</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>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
                         <p><b>Examples:</b></p>
                         <div class="fieldset-8">
@@ -885,13 +1096,15 @@
     },
     data() {
         return {
-            imgThirteen: require("../../assets/images/grammar.jpg"),
+            imgThirteen: require("../../assets/images/grammar7-1.png"),
+            imgThirteenOne: require("../../assets/images/grammar7-2.png"),
             showAnswerOne: false,
             showAnswerTwo: false,
             showAnswerThree: false,
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
+            showImgOne: false,
             showQuestionAnswer: false,
             rawData: {
                 left: [
@@ -1117,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",
                 },
             },
         };
@@ -1254,7 +1473,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