From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 23 七月 2024 14:21:01 +0800
Subject: [PATCH] 英语点击单词卡方法优化
---
src/books/English/view/components/chapter007.vue | 198 +++++++++++++++++++++++++++++++++++++++----------
1 files changed, 157 insertions(+), 41 deletions(-)
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index c7b8a70..3eaadc5 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -369,10 +369,10 @@
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
></audio></p>
<p>Working on high-
- <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+ <span class="word-bc" >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>
+ <span class="word-bc" >routine</span>
.
</p>
<p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
@@ -380,9 +380,9 @@
company.</p>
<p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
because at the moment of
- <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+ <span class="word-bc" >contact</span>
...500 000 volts of
- <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+ <span class="word-bc">electricity</span>
hit the gloves,鈥� recalled
Wang.
</p>
@@ -390,14 +390,14 @@
remote areas.</p>
<p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
hot.Wearing
- <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+ <span class="word-bc" >protective</span>
clothes in such weather,Wang felt
- <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+ <span class="word-bc" >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>
+ <span class="word-bc">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.
@@ -405,28 +405,28 @@
<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
- <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+ <span class="word-bc" >inspection</span>
and
- <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
+ <span class="word-bc" >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>
+ <span class="word-bc" >digital</span>
and
- <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
+ <span class="word-bc" >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>
+ <span class="word-bc" >dedication</span>
has made
him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
- <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
+ <span class="word-bc" >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>
+ <span class="word-bc" >construction</span>
in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
voltage and the biggest transmission
- <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+ <span class="word-bc">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>
@@ -867,21 +867,21 @@
<div class="bk-wh">
<p class="dl-box">
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'strong-willed')">strong-willed</span>
+ >strong-willed</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'motivated')">motivated</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span>
+ >motivated</span>
+ <span class="word-bc mr-20 dl-span">active</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'cooperative')">cooperative</span>
+ >cooperative</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'stressful')">stressful</span>
+ >stressful</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'disciplined')">disciplined</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span>
+ >disciplined</span>
+ <span class="word-bc mr-20 dl-span" >risky</span>
+ <span class="word-bc mr-20 dl-span" >helpful</span>
+ <span class="word-bc mr-20 dl-span" >dutiful</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'enthusiastic')">enthusiastic</span>
+ >enthusiastic</span>
</p>
</div>
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
@@ -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" word="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" >insurance</span>
+ .Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance
+ <span class="word-bc" word="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" word="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" word="bother" >bothered</span>
+ by the tasks assigned by her director.However,she never
+ <span class="word-bc" word="address" >addresses</span>
+ her
+ <span class="word-bc" word="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" >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,
@@ -3419,6 +3495,11 @@
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");
if (questionDataTwo) {
this.questionDataTwo = JSON.parse(questionDataTwo);
@@ -3442,9 +3523,6 @@
flag = answer.indexOf(data) > -1 ? true : false;
}
return flag;
- },
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
},
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
@@ -3686,6 +3764,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