From cd543962c87fc32e934f0d659c6b327b058baca2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 22 七月 2024 20:00:56 +0800
Subject: [PATCH] 英语整本(调试)

---
 src/books/English/view/components/chapter007.vue |  145 ++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 132 insertions(+), 13 deletions(-)

diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index c7b8a70..67e0f57 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -1221,26 +1221,37 @@
                         <p class="center"> <audio :src="resource.readingThree" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 ></audio></p>
-                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn鈥檛
+                        <p>Work ethic is a set of standards of behavior and beliefs 
+                            <span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
+                             what is and isn鈥檛
                             acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                             views of employees,their motivation,and overall company culture.</p>
                         <p>Next,we鈥檒l review some common examples of both strong and poor work ethic.</p>
                         <p><b>Example</b> 1</p>
                         <p>Angela鈥檚 director asked her to sort out data about the patients and
-                            insurance.Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance claims.
+                            <span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
+                            .Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance 
+                            <span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
+                            .
                         </p>
                         <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
                             the insurance department and consults her director.</p>
                         <p>In the process,she expands her skills to make sure she meets her goals.</p>
                         <p><b>Example</b> 2</p>
                         <p>Jim鈥檚 director asked him to review the financial reports from last quarter to look for
-                            purchases from one guest.The director gave him this task about a month ago and asked him to
+                            <span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
+                             from one guest.The director gave him this task about a month ago and asked him to
                             complete it within a few weeks.</p>
                         <p>Now,a month has passed,but Jim still hasn鈥檛 reviewed any of the reports.Rather than starting
                             early,he leaves it to the last minute and turns in an incomplete report.</p>
                         <p><b>Example</b> 3</p>
-                        <p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
-                            addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
+                        <p>Sheila is sometimes 
+                            <span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
+                             by the tasks assigned by her director.However,she never
+                            <span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
+                            her 
+                            <span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
+                             to the director.Instead,she complains to her coworkers,friends,and
                         </p>
                     </div>
                 </div>
@@ -1272,7 +1283,9 @@
                             for half an hour or even longer.</p>
                         <p>Instead of trying hard to change the current situation,he makes various excuses for being
                             late.</p>
-                        <p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
+                        <p>His 
+                            <span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
+                             delay shows a lack of respect for his job and coworkers.His coworkers think of
                             him as being unreliable and irresponsible as a result.</p>
                         <p>The above examples represent a set of working attitudes that regulate employees鈥� behavior at
                             work.And what can you do to develop strong work ethic?</p>
@@ -2061,27 +2074,85 @@
                         </div>
                         <div class="bk-13">
                             <p>Dear Jeff Bell,</p>
-                            <p>Your HR department has been informed by your director that
-                                <select class="select-border select-bc-t w80" @change="handleDropdownData">
-                                    <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
+                            <p class="tl-lf">Your HR department has been informed by your director that
+                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
+                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                         :value="item">
                                         {{ item }}
                                     </option>
                                 </select>
+                                <img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
+                                v-if="warmUpOne[0].isComplete">
                                 do not comply with Tech
                                 Market Technology Company鈥檚 policies:
                             </p>
                             <p>路 Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
-                            <p>_____on January 17th,2023.</p>
-                            <p>The following consequences,_____,will be applied,should you not demonstrate improvement
+                            <p>     <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
+                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
+                                        :value="item">
+                                        {{ item }}
+                                    </option>
+                                </select>
+                                <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
+                                v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
+                            <p class="tl-lf">The following consequences,    
+                                 <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
+                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
+                                        :value="item">
+                                        {{ item }}
+                                    </option>
+                                </select>
+                                <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
+                                v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
                                 or cease violation of company policies:</p>
                             <p>1.Second warning notice issued</p>
-                            <p>2._____</p>
+                            <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
+                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
+                                        :value="item">
+                                        {{ item }}
+                                    </option>
+                                </select>
+                                <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
+                                v-if="warmUpOne[0].isComplete"></p>
                             <p>3.Third and final warning notice followed by an in-person meeting</p>
                             <p>4.Termination of employment</p>
-                            <p>We will do whatever to_____.</p>
+                            <p class="tl-lf">We will do whatever to 
+                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
+                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
+                                        :value="item">
+                                        {{ item }}
+                                    </option>
+                                </select>
+                                <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
+                                v-if="warmUpOne[0].isComplete">.</p>
                             <p>Supervisor鈥檚 signature:Jim Marche</p>
                             <p>Date:1/31/23</p>
+                        </div>
+                        <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
+                            <div>
+                                <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
+                                      {{index+1}}.{{item.answer}}
+                                </p>
+                            </div>       
+                        </div>
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ar w80">
+                                <li>
+                                    <button class="btn-border btn-w" @click="handleWarmUpOne">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="recastWarmUpOne" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="viewWarmUpOne" class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
                         </div>
                         <p><b>鈪�.Put the following words in right order to make sentences.</b>
                             <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
@@ -3381,6 +3452,11 @@
                             isRight: null,
                         },
                         {
+                            answer: 'in order of escalation',
+                            userAnswer: '',
+                            isRight: null,
+                        },
+                        {
                             answer: 'job suspension without pay for one workweek',
                             userAnswer: '',
                             isRight: null,
@@ -3417,6 +3493,11 @@
         const warmUp = localStorage.getItem("english-chapter-7-warmUp");
         if (warmUp) {
             this.warmUp = JSON.parse(warmUp);
+        }
+
+        const warmUpOne = localStorage.getItem("english-chapter-7-warmUpOne");
+        if (warmUpOne) {
+            this.warmUpOne = JSON.parse(warmUpOne);
         }
 
         const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
@@ -3686,6 +3767,44 @@
                 item.isShowAnswer = !item.isShowAnswer
             }
         },
+        handleWarmUpOne() {
+            for (let index = 0; index < this.warmUpOne.length; index++) {
+                const item = this.warmUpOne[index];
+                item.isComplete = true;
+                item.isShowAnswer = true;
+                for (let cindex = 0; cindex < item.value.length; cindex++) {
+                    const citem = item.value[cindex];
+                    citem.isRight = citem.answer == citem.userAnswer;
+                }
+            }
+        },
+        setWarmUpOne() {
+            localStorage.setItem(
+                "english-chapter-7-warmUpOne",
+                JSON.stringify(this.warmUpOne)
+            );
+        },
+        recastWarmUpOne() {
+            localStorage.removeItem("english-chapter-7-warmUpOne");
+            for (let index = 0; index < this.warmUpOne.length; index++) {
+                const item = this.warmUpOne[index];
+                item.isComplete = false;
+                item.isShowAnswer = false;
+                for (let cindex = 0; cindex < item.value.length; cindex++) {
+                    const citem = item.value[cindex];
+                    citem.isRight = null;
+                    citem.userAnswer = "";
+                }
+
+            }
+        },
+        viewWarmUpOne() {
+            for (let index = 0; index < this.warmUpOne.length; index++) {
+                const item = this.warmUpOne[index];
+                item.isShowAnswer = !item.isShowAnswer
+            }
+        },
+
         handleQuestionDataTwo() {
             for (let index = 0; index < this.questionDataTwo.length; index++) {
                 const item = this.questionDataTwo[index];

--
Gitblit v1.9.1