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 & 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 & past perfect tense.</b></p> + <p><b>鈪�.Grammar focus:The simple past & 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