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