zhongshujie
2024-07-08 bc7f6f02feeff377da9d95546420987a2539d7cc
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’s 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’s 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.“I 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’s 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’s 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’s 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—one
                            of China’s highest national honors—for his excellent performance.</p>
                            of China’s highest national honors—for his excellent performance.
                        </p>
                        <p>China’s 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’s 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’t 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") {