From 4a8a0615b7aaa5e7a7aa5ae7fad4bba887d11308 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 22 七月 2024 10:09:30 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter007.vue | 1560 +++++++++++++++++++++++++++++++++++++++++++++++++++------
src/books/English/view/components/chapter005.vue | 6
src/books/English/assets/images/M7lessonThreePracticalWriting.png | 0
src/books/English/assets/images/M7matching-one.png | 0
src/books/English/view/components/index.vue | 2
src/books/English/assets/main.less | 6
6 files changed, 1,403 insertions(+), 171 deletions(-)
diff --git a/src/books/English/assets/images/M7lessonThreePracticalWriting.png b/src/books/English/assets/images/M7lessonThreePracticalWriting.png
new file mode 100644
index 0000000..d7bbfe7
--- /dev/null
+++ b/src/books/English/assets/images/M7lessonThreePracticalWriting.png
Binary files differ
diff --git a/src/books/English/assets/images/M7matching-one.png b/src/books/English/assets/images/M7matching-one.png
new file mode 100644
index 0000000..c9fe2e9
--- /dev/null
+++ b/src/books/English/assets/images/M7matching-one.png
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index e87101b..ea135e8 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -759,6 +759,9 @@
.w95 {
width: 95%;
}
+ .w90 {
+ width: 90%;
+ }
.w80 {
width: 80%;
}
@@ -777,6 +780,9 @@
.w20{
width: 20%;
}
+ .w10{
+ width: 10%;
+ }
.pd-20 {
padding: 0 20px;
}
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index de43a18..59aa7e6 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -4809,7 +4809,7 @@
this.questionDataOne = savaDataOnes;
this.$set(this.questionDataOne, "isComplete", true);
this.setQuestionDataOne();
- this.isTextRight;
+
this.showAnswerReading = true;
},
changeQuestionDataOne() {
@@ -4858,7 +4858,6 @@
this.questionDataTwo = savaDataTwos;
this.$set(this.questionDataTwo, "isComplete", true);
this.setQuestionDataTwo();
- console.log(this.isTextRight(this.questionDataTwo.fb.answer, this.questionDataTwo.fb.five, 4), 666)
},
changeQuestionDataTwo() {
localStorage.removeItem("english-chapter05-questionDataTwo");
@@ -4899,7 +4898,6 @@
item.userScore += data.score
}
}
- console.log(this.choiceData, 777);
},
changeChoiceData() {
for (let index = 0; index < this.choiceData.length; index++) {
@@ -4929,7 +4927,6 @@
this.questionDataThree = questionDataThrees;
this.$set(this.questionDataThree, "isComplete", true);
this.setQuestionDataThree();
- this.isTextRight;
this.showAnswerTen = true;
},
setQuestionDataThree() {
@@ -4976,7 +4973,6 @@
this.questionDataFour = questionDataFours;
this.$set(this.questionDataFour, "isComplete", true);
this.setQuestionDataFour();
- this.isTextRight;
this.showAnswerTwelve = true;
},
setQuestionDataFour() {
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 579e622..3530afb 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -566,31 +566,102 @@
</div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Fill in the blanks with the exact words in the passage.</p>
- <p>1.Wang takes a high-risk job on high-voltage power lines as_______________.</p>
- <p>2.Wang Jin felt_______________when he first touched the power line.</p>
- <p>3.Wang finished the world鈥檚 first repair work on a 660-kilovolt_______________.</p>
- <p>4.The innovation center uses_______________for line inspection and maintenance.</p>
- <p>5.By 2020,a total of 35 UHV projects had been completed or_______________.</p>
+ <p v-for="(item, index) in questionDataOne[0].value" :key="index">
+ {{ index + 1 }}.{{ item.stemOne }}
+ <input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
+ style="width: 140px" v-model="item.userAnswer" @input="setQuestionDataOne" />
+ {{ item.stemTwo }}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[0].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <div v-for="(item, index) in questionDataOne[0].value" :key="'answerOne' + index">
+ <p class="" style="margin-left: 40px">{{ index + 1 }}.{{ item.answer }}</p>
+ </div>
+ </div>
<p>B.Put the following statements in right order according to the course of Wang鈥檚 career
development in the passage.</p>
- <p>(銆�) Wang got one of the highest national awards for his superior performance.</p>
- <p>(銆�) Wang and his colleagues set up an innovation center to meet new work demand.</p>
- <p>(銆�) Wang was really afraid when he first touched the ultra-high-voltage line.</p>
- <p>(銆�) Wang and his colleagues want to create an digital and intelligent line inspection system.
+ <p v-for="(item, index) in questionDataOne[1].value" :key="'select' + index">
+ ( <select class="select-border w10" v-model="item.userAnswer" @change="setQuestionDataOne"
+ :disabled="questionDataOne[1].isComplete">
+ <option v-for="(citem, cindex) in questionDataOne[1].option" :key="'option' + cindex"
+ :value="citem">
+ {{ citem }}
+ </option>
+ </select>)
+ {{ item.stem }}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataOne[1].isComplete">
</p>
- <p>(銆�) Wang and his colleagues use drones for checking and repairing the lines.</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[1].isShowAnswer">
+ <p>
+ 绛旀锛�
+ <span v-for="(item, index) in questionDataOne[1].value" :key="'answerTwo' + index">
+ {{ item.answer }}
+ </span>
+ </p>
+ </div>
<p><b>鈪�.Language focus.</b></p>
<p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
have been given.</p>
- <p>One of my first c________in my job experience was the cultural difference.Different cultures
+ <p>One of my first c<input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[0].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">
+ in my job experience was the cultural difference.Different cultures
make people think and behave differently.鈥淒o in Rome as the Romans do.鈥� In the first year I
- usually communicated with my c________.I spent a lot of time keeping in c________with my
- customers and developed my cross-cultural c________.In this way,I adapted to my new working
- environment very fast,p________well and finally I a________my goals.</p>
+ usually communicated with my c<input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[1].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">.I spent a
+ lot of time keeping in c <input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[2].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">with my
+ customers and developed my cross-cultural c<input :disabled="questionDataOne[2].isComplete"
+ type="text" class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[3].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">.In this
+ way,I adapted to my new working
+ environment very fast,p<input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[4].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">well and
+ finally I a<input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" @input="setQuestionDataOne"
+ v-model="questionDataOne[2].value[5].userAnswer" />
+ <img :src="questionDataOne[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[2].isComplete">my goals.
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <p>
+ <span v-for="(item, index) in questionDataOne[2].value" :key="'answerThree' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </span>
+ </p>
+ </div>
<p>B.Underline the following expressions in the passage and make sentences with them.</p>
- <p>1.set up_________________________________________</p>
- <p>2.give support_________________________________________</p>
- <p>3.under construction_________________________________________</p>
+ <p>1.set up</p>
+ <textarea v-model="questionDataOne[3].value[0].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ <p>2.give support</p>
+ <textarea v-model="questionDataOne[3].value[1].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ <p>3.under construction</p>
+ <textarea v-model="questionDataOne[3].value[2].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
</div>
</div>
<div class="preface-bottom">
@@ -613,18 +684,36 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>4.thanks to_________________________________________</p>
- <p>5.power outage_________________________________________</p>
+ <p>4.thanks to</p>
+ <textarea v-model="questionDataOne[3].value[3].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ <p>5.power outage</p>
+ <textarea v-model="questionDataOne[3].value[4].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <p v-for="(item, index) in questionDataOne[3].value" :key="'answerFour' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </p>
+ </div>
<p>C.Translate the following sentences into Chinese.</p>
- <p>1.If you want to achieve a higher working goal,you need to consider it carefully right now.
- </p>
- <p>_________________________________________________________________</p>
- <p>2.To go for technical innovation,one must have the fearless spirit of a pathbreaker.</p>
- <p>_________________________________________________________________</p>
- <p>3.You need keep in contact with your customers when some problems arise.</p>
- <p>_________________________________________________________________</p>
- <p>4.Those employees believe that challenges offer opportunities to learn.</p>
- <p>_________________________________________________________________</p>
+ <div v-for="(item, index) in questionDataOne[4].value" :key="'Translate' + index">
+ <p>{{ index + 1 }}.{{ item.stem }}</p>
+ <p> <input :disabled="questionDataOne[4].isComplete" type="text" @input="setQuestionDataOne"
+ class="input-bottom-border w95" v-model="item.userAnswer" /></p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
+ <p>
+ 渚嬪彞锛�
+ </p>
+ <p v-for="(item, index) in questionDataOne[4].value" :key="'answerFour' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </p>
+ </div>
<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"
@@ -641,18 +730,64 @@
</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>
- <p>1._________________________________________</p>
- <p>2._________________________________________</p>
- <p><b>The past perfect tense:</b></p>
- <p>3._________________________________________</p>
- <p>4._________________________________________</p>
+ <div v-for="(item, index) in questionDataOne[5].value" :key="'pt' + index">
+ <p><b>{{ item.stem }}:</b></p>
+ <p> {{ item.num + 1 }}.<input :disabled="questionDataOne[5].isComplete" type="text"
+ @input="setQuestionDataOne" class="input-bottom-border w90"
+ v-model="item.userAnswerOne" /></p>
+ <p> {{ item.num + 2 }}. <input :disabled="questionDataOne[5].isComplete" type="text"
+ @input="setQuestionDataOne" class="input-bottom-border w90"
+ v-model="item.userAnswerTwo" /></p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <div v-for="(item, index) in questionDataOne[5].value" :key="'answerFive' + index">
+ <p>
+ {{ item.num + 1 }}. {{ item.answerOne }}
+ </p>
+ <p>
+ {{ item.num + 2 }}. {{ item.answerTwo }}
+ </p>
+ </div>
+ </div>
<p>B.Fill in the blanks with the proper form of the given words.</p>
- <p>1.He_____more than 20 technological innovations before he turned 35.(achieve)</p>
- <p>2.She_____(give) a lot of financial support to animal protection organizations in 2022.</p>
- <p>3.She didn鈥檛 go to bed until she_____her work.(finish)</p>
- <p>4.He_____many awards because of his hard work last year.(win)</p>
- <p>5.They_____more technologies for line repairing by 2021.(introduce)</p>
+ <p v-for="(item, index) in questionDataOne[6].value" :key="'ft' + index">
+ {{ index + 1 }}.{{ item.stemOne }}
+ <input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border w10"
+ @input="setQuestionDataOne" v-model="item.userAnswer" />
+ {{ item.stemTwo }}
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <p>
+ <span v-for="(item, index) in questionDataOne[6].value" :key="'answerFive' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </span>
+ </p>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="handleQuestionDataOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastQuestionDataOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewQuestionDataOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c058"><span class="bjh3">Mini-project</span></h3>
<p>List some people who are dedicated to their work,and analyze the reasons for their
success.Jot down some notes,and then make a report to the class.</p>
@@ -900,13 +1035,59 @@
<h3 id="c059"><span class="bjh3">Warm-up</span></h3>
<p><b>Put the expressions in the box below on the corresponding answer line under each
picture.</b></p>
+
+
<div class="bk-wh">
<p>no bribery銆�punctual銆�attentive銆�gossiping</p>
</div>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-2.jpg" /></p>
- <p class="center">1._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-3.jpg" /></p>
- <p class="center">2._____________________</p>
+ <div class="openImgBox">
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0134-2.jpg" />
+ </p>
+ <p class="center">
+ 1.<select class="select-border w45" v-model="warmUp[0].value[0].userAnswer"
+ @change="setWarmUp" :disabled="warmUp[0].isComplete">
+ <option v-for="( item, index) in warmUp[0].option"
+ :key="'warmUp' + index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="warmUp[0].isComplete">
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%"
+ v-if="warmUp[0].isShowAnswer">
+ 绛旀锛歿{ this.warmUp[0].value[0].answer }}
+ </p>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0134-3.jpg" />
+ </p>
+ <p class="center">
+ 2.<select class="select-border w45" v-model="warmUp[0].value[1].userAnswer"
+ @change="setWarmUp" :disabled="warmUp[0].isComplete">
+ <option v-for="( item, index) in warmUp[0].option"
+ :key="'warmUp' + index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="warmUp[0].isComplete">
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%"
+ v-if="warmUp[0].isShowAnswer">
+ 绛旀锛歿{ this.warmUp[0].value[1].answer }}
+ </p>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -929,13 +1110,113 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-1.jpg" /></p>
- <p class="center">3._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-2.jpg" /></p>
- <p class="center">4._____________________</p>
+ <div class="openImgBox">
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0135-1.jpg" />
+ </p>
+ <p class="center">
+ 3.<select class="select-border w45" v-model="warmUp[0].value[2].userAnswer"
+ @change="setWarmUp" :disabled="warmUp[0].isComplete">
+ <option v-for="( item, index) in warmUp[0].option"
+ :key="'warmUp' + index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="warmUp[0].isComplete">
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%"
+ v-if="warmUp[0].isShowAnswer">
+ 绛旀锛歿{ this.warmUp[0].value[2].answer }}
+ </p>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0135-2.jpg" />
+ </p>
+ <p class="center">
+ 4.<select class="select-border w45" v-model="warmUp[0].value[3].userAnswer"
+ @change="setWarmUp" :disabled="warmUp[0].isComplete">
+ <option v-for="( item, index) in warmUp[0].option"
+ :key="'warmUp' + index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon"
+ v-if="warmUp[0].isComplete">
+ </p>
+ </div>
+ <p class="event-header-text-bc pd-5" style="width: 90%"
+ v-if="warmUp[0].isShowAnswer">
+ 绛旀锛歿{ this.warmUp[0].value[3].answer }}
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="handleWarmUp">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastWarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewWarmUp" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c060"><span class="bjh3">Reading</span></h3>
- <p>1.What examples come first to mind when referring to positive or poor work ethic?</p>
- <p>2.What kind of colleagues do you want to work with?</p>
+ <p>1.What examples come first to mind when referring to positive or poor work ethic?
+ <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <p> <textarea v-model="questionData.tx.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerFour">
+ 绛旀锛�(1).Strong work ethics: hard working, pioneering, innovation, selflessness, bravery,
+ strictness, solidarity
+ (2).Poor work ethics: corruption, concealing the truth, playing tricks, dishonesty,
+ </p>
+ <p>2.What kind of colleagues do you want to work with?
+ <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <p> <textarea v-model="questionData.tx.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerFive">
+ 绛旀锛�(1).Someone who is responsible, active, flexible, hard working.
+ (2).Someone who can give me useful suggestion and advice.
+ (3).Someone who can treat me equal and fair.
+ (4).Someone can communicate with me openly and effectively.
+ </p>
<p class="center"><b>Work Ethic in the Workplace</b></p>
<p class="center"> <audio :src="resource.readingTwo" controls
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -999,9 +1280,10 @@
<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>
+ <p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
+ </p>
<p>regarding /r瑟藞伞蓱藧d瑟艐/ <i>prep.</i> 鍏充簬锛涜嚦浜�</p>
<div class="bkbj">
<p><i>concerning sb./sth.; about sb./sth.</i></p>
@@ -1037,8 +1319,14 @@
<div class="bkbj">
<p><i>happening all the time or repeatedly</i></p>
</div>
- <p>depend on 渚濋潬锛涗緷璧�</p>
- <p>sort out 鐞嗛『锛涙暣鐞�</p>
+ <div class="fl">
+ <div class="left" style="width: 48%;">
+ <p>depend on 渚濋潬锛涗緷璧�</p>
+ </div>
+ <div class="right" style="width: 48%;">
+ <p>sort out 鐞嗛『锛涙暣鐞�</p>
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1061,12 +1349,24 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>give up 鏀惧純</p>
- <p>address sth.to sb. 鍚戞煇浜鸿鏌愪簨</p>
- <p>turn in 涓婁氦</p>
+ <div class="fl">
+ <div class="left" style="width: 48%;">
+ <p>give up 鏀惧純</p>
+ <p>address sth.to sb. 鍚戞煇浜鸿鏌愪簨</p>
+ </div>
+ <div class="right" style="width: 48%;">
+ <p>turn in 涓婁氦</p>
+ </div>
+ </div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Match the names in the left column with their behavior in the right column.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
+ <div>
+ <ul class="fl ju-bt matching-title-text">
+ <li style="width: 40%; text-align: center">Name</li>
+ <li style="width: 40%; text-align: center">Behavior</li>
+ </ul>
+ <matching :rawData="rawData" :question="question"></matching>
+ </div>
<p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
are strong or poor.</p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
@@ -1141,14 +1441,32 @@
<div class="bk-wh">
<p>bother銆�complain銆�constant銆�address銆�regarding</p>
</div>
- <p>1.Call me if you have any problems_____your work.</p>
- <p>2.Two questions often_____first-time corporate investors.</p>
- <p>3.Babies need_____attention.</p>
- <p>4.She_____to me about his rudeness.</p>
- <p>5.Please_____all complaints to the manager.</p>
+ <p v-for="(item, index) in questionDataTwo[0].value" :key="'fbOne' + index">
+ {{ index + 1 }}.{{ item.stemOne }}
+ <input :disabled="questionDataTwo[0].isComplete" type="text" class="input-bottom-border w10"
+ @input="setQuestionDataTwo" v-model="item.userAnswer" />
+ {{ item.stemTwo }}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[0].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[0].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <p>
+ <span v-for="(item, index) in questionDataTwo[0].value" :key="'fbThree' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </span>
+ </p>
+ </div>
<p>B.Underline the following expressions in the passage and make sentences with them.</p>
- <p>1.depend on_________________________________________</p>
- <p>2.sort out_________________________________________</p>
+ <p>1.depend on</p>
+ <textarea v-model="questionDataTwo[1].value[0].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataTwo"></textarea>
+ <p>2.sort out</p>
+ <textarea v-model="questionDataTwo[1].value[1].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataTwo"></textarea>
</div>
</div>
<div class="preface-bottom">
@@ -1171,9 +1489,26 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>3.give up_________________________________________</p>
- <p>4.turn in_________________________________________</p>
- <p>5.address ...to ..._____________________________</p>
+ <p>3.give up</p>
+ <textarea v-model="questionDataTwo[1].value[2].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataTwo"></textarea>
+ <p>4.turn in</p>
+ <textarea v-model="questionDataTwo[1].value[3].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataTwo"></textarea>
+ <p>5.address ...to ...</p>
+ <textarea v-model="questionDataTwo[1].value[4].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataTwo"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[1].isShowAnswer">
+ <p>
+ 渚嬪彞锛�
+ </p>
+ <p v-for="(item, index) in questionDataTwo[1].value" :key="'answerFour' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </p>
+ </div>
<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"
@@ -1194,11 +1529,42 @@
<p>1.We must double our efforts,or we will never be able to catch up with the others.</p>
<p>2.The camerawork is perfect,and the cast is good.</p>
</div>
- <p>1.I鈥檇 like to go to the theatre tonight,_____I鈥檓 too busy.</p>
- <p>2.Your delay shows a lack of respect for the job_____fellow coworkers.</p>
- <p>3.Work ethic can be strong_____poor.</p>
- <p>4.She is bothered by the tasks,_____she never complains.</p>
- <p>5.All the employees should show up on time_____even earlier.</p>
+ <p v-for="(item, index) in questionDataTwo[2].value" :key="'fbTwo' + index">
+ {{ index + 1 }}.{{ item.stemOne }}
+ <input :disabled="questionDataTwo[2].isComplete" type="text" class="input-bottom-border w10"
+ @input="setQuestionDataTwo" v-model="item.userAnswer" />
+ {{ item.stemTwo }}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="questionDataTwo[2].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataTwo[2].isShowAnswer">
+ <p>
+ 绛旀锛�
+ </p>
+ <p>
+ <span v-for="(item, index) in questionDataTwo[2].value" :key="'fbFour' + index">
+ {{ index + 1 }}. {{ item.answer }}
+ </span>
+ </p>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="handleQuestionDataTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastQuestionDataTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewQuestionDataTwo" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c061"><span class="bjh3">Mini-project</span></h3>
<p>Work in groups.Choose two of the work ethic from the box below,and discuss the way to develop
them,and then prepare a report to the class.</p>
@@ -1456,20 +1822,38 @@
</div>
</div>
<h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
- <h3 id="c062"><span class="bjh3">Listening</span></h3>
- <p class="center"><audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <h3 id="c062" class="fl al-cn">
+ <span class="bjh3">Listening</span>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
+ </h3>
<p><b>鈪�.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
for being late.</b></p>
- <p>鈻� His car broke down.</p>
- <p>鈻� His car was borrowed.</p>
- <p>鈻� His clock was broken.</p>
- <p>鈻� His phone was out of service.</p>
- <p>鈻� His phone was out of battery.</p>
- <p>鈻� He didn鈥檛 get on the subway.</p>
- <p>鈻� He was ill.</p>
- <p>鈻� He was squeezed out of the bus.</p>
+ <ul class="fl">
+ <li class="w50">
+ <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
+ :key="'checkBox' + index">
+ <input type="checkbox" :value="item" name="item"
+ v-model="questionDataThree[0].userAnswer"
+ :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
+ {{ item }}
+ <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
+ v-if="questionDataThree[0].isComplete">
+ </p>
+ </li>
+ <li class="w50">
+ <p v-for="(item, index) in this.questionDataThree[0].option.slice(4, 8)"
+ :key="'checkBoxOne' + index">
+ <input type="checkbox" :value="item" name="item"
+ v-model="questionDataThree[0].userAnswer"
+ :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
+ {{ item }}
+ <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
+ v-if="questionDataThree[0].isComplete">
+ </p>
+ </li>
+ </ul>
<p><b>鈪�.Susan,HR director,is now talking with Jenny about Jeff鈥檚 problems.Listen to the
conversation and fill in the blanks with what you hear.</b></p>
<p>Susan:Have you noticed Jeff has been late many times?</p>
@@ -1478,7 +1862,12 @@
about this?</p>
<p>Jenny:I think Jim must have already talked with Jeff.But maybe Jeff doesn鈥檛 pay attention.
</p>
- <p>Susan:So,1._____?</p>
+ <p>Susan:So,1. <input :disabled="questionDataThree[1].isComplete" type="text"
+ class="input-bottom-border w40" @input="setQuestionDataThree"
+ v-model="questionDataThree[1].value[0].userAnswer" />?
+ <img :src="questionDataThree[1].value[0].isRight ? correctIcon : errorIcon"
+ v-if="questionDataThree[1].isComplete">
+ </p>
<p>Jenny:I suppose we should give a warning notice to Jeff about his tardiness.</p>
</div>
</div>
@@ -1502,27 +1891,132 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>Susan:2._____if I talked with his director first to get to know things better.</p>
- <p>Jenny:And perhaps we should have a talk with Jeff.</p>
- <p>Susan: I think so.3._____.It is very important to let him know how serious the problem is.
+ <p>Susan:2.<input :disabled="questionDataThree[1].isComplete" type="text"
+ class="input-bottom-border w40" @input="setQuestionDataThree"
+ v-model="questionDataThree[1].value[1].userAnswer" />if I talked with his director first
+ to get to know things better.
+ <img :src="questionDataThree[1].value[1].isRight ? correctIcon : errorIcon"
+ v-if="questionDataThree[1].isComplete">
</p>
- <p>Jenny:4._____.</p>
- <p>Susan:Then after the talk,we 5._____to Jeff.</p>
+ <p>Jenny:And perhaps we should have a talk with Jeff.</p>
+ <p>Susan: I think so.3.<input :disabled="questionDataThree[1].isComplete" type="text"
+ class="input-bottom-border w40" @input="setQuestionDataThree"
+ v-model="questionDataThree[1].value[2].userAnswer" />.It is very important to let him
+ know how serious the problem is.
+ <img :src="questionDataThree[1].value[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataThree[1].isComplete">
+ </p>
+ <p>Jenny:4.<input :disabled="questionDataThree[1].isComplete" type="text"
+ class="input-bottom-border w40" @input="setQuestionDataThree"
+ v-model="questionDataThree[1].value[3].userAnswer" />.
+ <img :src="questionDataThree[1].value[3].isRight ? correctIcon : errorIcon"
+ v-if="questionDataThree[1].isComplete">
+ </p>
+ <p>Susan:Then after the talk,we 5.<input :disabled="questionDataThree[1].isComplete" type="text"
+ class="input-bottom-border w40" @input="setQuestionDataThree"
+ v-model="questionDataThree[1].value[4].userAnswer" />to Jeff.
+ <img :src="questionDataThree[1].value[4].isRight ? correctIcon : errorIcon"
+ v-if="questionDataThree[1].isComplete">
+ </p>
<p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won鈥檛 make the same mistake again in
the future.</p>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="handleQuestionDataThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastQuestionDataThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewQuestionDataThree" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c063"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.What kind of notices have you ever read?</p>
- <p>2.Can you give some tips for writing a notice well?</p>
- <p><b>鈪�.Read the following tips,and summarize how to write a notice well.</b></p>
+ <p>1.What kind of notices have you ever read?
+ <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <p> <textarea v-model="questionData.tx.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerFive">
+ 绛旀锛欰 notice for a meeting/activity/exam/lost and found/important announcement
+ </p>
+ <p>2.Can you give some tips for writing a notice well?
+ <span class="btn-box" @click="showAnswerSix = !showAnswerSix">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <p> <textarea v-model="questionData.tx.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
+ 绛旀锛�(1) Very short and attractive
+ (2) Simple and easy-to-read
+ (3) Very short and attractive
+ (4) Only key information
+ </p>
+ <p><b>鈪�.Read the following tips,and summarize how to write a notice well.</b>
+ <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<p>A notice intends to publicize social events,inform staff of instructions,give
- information,change plans,etc.Most notices have the following features.</p>
- <div class="fieldset">
- <p>鈼� Very short and attractive</p>
- <p>鈼� Simple and easy-to-read</p>
- <p>鈼� Clear and specific</p>
- <p>鈼� Boldfaced words</p>
- <p class="center"><img class="img-g" alt="" src="../../assets/images/0140-1.jpg" /></p>
+ information,change
+ plans,etc.Most notices have the following features.</p>
+ <div class="fieldset fl">
+ <div class="w45">
+ <p>鈼� Very short and attractive</p>
+ <p>鈼� Simple and easy-to-read</p>
+ <p>鈼� Clear and specific</p>
+ <p>鈼� Boldfaced words</p>
+ </div>
+ <div class="fl w45 al-cn">
+ <img class="img-b" alt="" src="../../assets/images/0140-1.jpg" />
+ </div>
+ </div>
+ <p> <textarea v-model="questionData.tx.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerSeven">
+ <p class="tl-lf">绛旀锛�</p>
+ <p>1. A notice should be very short and attractive, capturing attention effectively.
+ </p>
+ <p>2. It should be simple and easy-to-read, ensuring that the message is easily understood.
+ </p>
+ <p>3. A notice should be clear and specific, leaving no room for confusion or
+ misinterpretation.
+ </p>
+ <p>4. Important information or keywords should be emphasized using boldfaced words for
+ better visibility and emphasis.
+ </p>
</div>
<p><b>鈪�.Susan is going to issue a personnel warning notice to Jeff.Choose the items from the box
below and fill in the blanks to make a proper notice.</b></p>
@@ -1565,8 +2059,16 @@
</div>
<div class="bk-13">
<p>Dear Jeff Bell,</p>
- <p>Your HR department has been informed by your director that_____do not comply with Tech
- Market Technology Company鈥檚 policies:</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"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ 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
@@ -1579,13 +2081,25 @@
<p>Supervisor鈥檚 signature:Jim Marche</p>
<p>Date:1/31/23</p>
</div>
- <p><b>鈪�.Put the following words in right order to make sentences.</b></p>
+ <p><b>鈪�.Put the following words in right order to make sentences.</b>
+ <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<p>1.used who everyone should coffee it the clean machine</p>
- <p>_________________________________________________</p>
+ <p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.eight" /></p>
<p>2.to the this are welcome lecture attend all staff</p>
- <p>_________________________________________________</p>
+ <p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.nine" /></p>
<p>3.due weather the badminton the to competition canceled be will</p>
- <p>_________________________________________________</p>
+ <p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.ten" /></p>
</div>
</div>
<div class="preface-bottom">
@@ -1609,29 +2123,57 @@
<div class="padding-93">
<div class="bodystyle">
<p>4.gate school gather for the 8 at o鈥檆lock examination at will the we</p>
- <p>_________________________________________________</p>
+ <p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.eleven" /></p>
<p>5.held will meeting contest in at be room tomorrow 9 p.m.the</p>
- <p>_________________________________________________</p>
+ <p><input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.twelve" /></p>
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerEight">
+ <p class="tl-lf table-p">绛旀锛�</p>
+ <p>1.Everyone who used the coffee machine should clean it.
+ </p>
+ <p>2.All the staff are welcome to attend the lecture.
+ </p>
+ <p>3.Due to the weather the badminton competition will be canceled.
+ </p>
+ <p>4. We will gather at the gate at 8 o鈥檆lock for examination.
+ </p>
+ <p>5. Contest will be held in the meeting room at 9 p.m. tomorrow.
+ </p>
+ </div>
<p><b>鈪�.Susan,HR director,is responsible for writing a warning notice to Jason who delayed
- handling in a very important report.</b></p>
+ handling in a very important report.</b>
+ <span class="btn-box" @click="showAnswerNine = !showAnswerNine">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<div class="fieldset-4">
<p class="left">Tech Market Technology Co.</p>
<p class="left">Warning 1</p>
- <p class="left">Employee鈥檚 Name:</p>
+ <p class="left">Employee鈥檚 Name:<input type="text" @input="setBookQuestion"
+ class="input-bottom-border w20" v-model="questionData.tx.thirteen" /></p>
<p class="left">Supervisor鈥檚 Name: Jim Marche</p>
<p class="left">HR Representative鈥檚 Name: Susan Landen</p>
- <p class="left">Date:</p>
+ <p class="left">Date:<input type="text" @input="setBookQuestion"
+ class="input-bottom-border w20" v-model="questionData.tx.fourteen" /></p>
<p><br /></p>
<p class="left">Dear Jason,</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
- <p class="left">____________________________________________</p>
+ <p class="left"><textarea v-model="questionData.tx.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea></p>
<p class="left">Supervisor鈥檚 signature: Jim Marche</p>
<p class="left">Date:1/31/23</p>
+ </div>
+ <div class="show-answer-box" v-if="showAnswerNine">
+ <div>绛旀:</div>
+ <div>
+ <img src="../../assets/images/M7lessonThreePracticalWriting.png" alt="" class="w100" />
+ </div>
</div>
<div class="un-h2">
<h2 id="b028">Unit Project</h2>
@@ -1852,14 +2394,20 @@
<div class="padding-93">
<div class="bodystyle">
<p><b>Task 2:</b>List the possible impact the above behavior will have on a company.</p>
- <p>1.____________________________________________</p>
- <p>2.____________________________________________</p>
- <p>3.____________________________________________</p>
+ <p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.sixteen" /></p>
+ <p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.seventeen" /></p>
+ <p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.eighteen" /></p>
<p><b>Task 3:</b>List at least three strong work ethic you should develop and the tips for
developing them.</p>
- <p>1.____________________________________________</p>
- <p>2.____________________________________________</p>
- <p>3.____________________________________________</p>
+ <p>1.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.nineteen" /></p>
+ <p>2.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.twenty" /></p>
+ <p>3.<input type="text" @input="setBookQuestion" class="input-bottom-border w90"
+ v-model="questionData.tx.twentyOne" /></p>
<div class="fieldset-9">
<p class="center"><b>Useful Expressions</b></p>
<p><b>Strong work ethic you should develop:</b></p>
@@ -2038,7 +2586,6 @@
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
-import { keys } from "lodash";
export default {
name: "chapterSeven",
components: { matching },
@@ -2049,6 +2596,8 @@
},
data() {
return {
+ correctIcon: require('@/assets/images/correct.svg'),
+ errorIcon: require('@/assets/images/error.svg'),
imgThirteen: require("../../assets/images/grammar7-1.png"),
imgThirteenOne: require("../../assets/images/grammar7-2.png"),
showAnswerOne: false,
@@ -2056,6 +2605,10 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
+ showAnswerSix: false,
+ showAnswerSeven: false,
+ showAnswerEight: false,
+ showAnswerNine: false,
showImg: false,
showImgOne: false,
showQuestionAnswer: false,
@@ -2063,37 +2616,37 @@
left: [
{
oldId: "FB34",
- txt: "Martin銆�銆�銆�銆�Silk",
+ txt: "Angela",
},
{
oldId: "64D6",
- txt: "Jessica銆�銆�The Great Wall",
+ txt: "Jim",
},
{
oldId: "2ED4",
- txt: "Soren銆�銆�Chinese Food",
+ txt: "Sheila",
},
{
oldId: "44DE",
- txt: "Chinese銆�銆�銆�銆�Tea",
+ txt: "Jefff",
},
],
right: [
{
oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ txt: "delaying his financial report for a month",
},
{
oldId: "FB34",
- txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- },
- {
- oldId: "2ED4",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "learning some new skills about insurance",
},
{
oldId: "44DE",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "almost never showing up at the ofce on time",
+ },
+ {
+ oldId: "2ED4",
+ txt: "always complaining about her tasks to others",
},
],
},
@@ -2105,26 +2658,26 @@
{
id: "FB34",
linkValue:
- "The clothing material is quite popular among Roman women inancient times.",
- value: "Silk",
+ "learning some new skills about insurance",
+ value: "Angela",
},
{
id: "64D6",
linkValue:
- "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- value: "The Great Wall",
+ "delaying his financial report for a month",
+ value: "Jim",
},
{
id: "2ED4",
linkValue:
- "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- value: "Chinese Food",
+ "always complaining about her tasks to others",
+ value: "Sheila",
},
{
id: "44DE",
linkValue:
- "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- value: "Chinese Tea",
+ "almost never showing up at the ofce on time",
+ value: "Jeff",
},
],
optionStyle: undefined,
@@ -2133,37 +2686,37 @@
linkValues: [
{
oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- },
- {
- oldId: "44DE",
- txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+ txt: "delaying his financial report for a month",
},
{
oldId: "FB34",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "learning some new skills about insurance",
+ },
+ {
+ oldId: "44DE",
+ txt: "almost never showing up at the ofce on time",
},
{
oldId: "2ED4",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "always complaining about her tasks to others",
},
],
values: [
{
oldId: "FB34",
- txt: "Martin Silk",
+ txt: "Angela",
},
{
oldId: "64D6",
- txt: "The Great Wall",
+ txt: "Jim",
},
{
oldId: "2ED4",
- txt: "Chinese Food",
+ txt: "Sheila",
},
{
oldId: "44DE",
- txt: "Chinese Tea",
+ txt: "Jefff",
},
],
},
@@ -2175,7 +2728,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg: require("../../assets/images/matching-one.png"),
+ answerImg: require("../../assets/images/M7matching-one.png"),
},
questionData: {
tx: {
@@ -2189,6 +2742,17 @@
eight: "",
nine: "",
ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne: "",
},
ip: {
one: "",
@@ -2354,13 +2918,475 @@
},
- questionDataOne:[
+ questionDataOne: [
{
- type:"",
- isComplete:false,
- isShowAnswer:false,
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stemOne: 'Wang takes a high-risk job on high-voltage power lines as',
+ stemTwo: '.',
+ answer: 'a team leader',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'Wang Jin felt',
+ stemTwo: 'when he first touched the power line.',
+ answer: '(really) scared',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'Wang finished the world鈥檚 first repair work on a 660-kilovolt',
+ stemTwo: '.',
+ answer: 'live-transmission line',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'The innovation center uses',
+ stemTwo: 'for line inspection and maintenance.',
+ answer: 'drones and operators',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'By 2020,a total of 35 UHV projects had been completed or',
+ stemTwo: '.',
+ answer: 'were under construction',
+ userAnswer: '',
+ isRight: null
+ },
+ ]
+ },
+ {
+ type: 'select',
+ isShowAnswer: false,
+ isComplete: false,
+ option: ['1', '2', '3', '4', '5'],
+ value: [
+ {
+ stem: 'Wang got one of the highest national awards for his superior performance.',
+ answer: '3',
+ userAnswer: '',
+ isRight: null
+
+ },
+ {
+ stem: 'Wang and his colleagues set up an innovation center to meet new work demand.',
+ answer: '1',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: 'Wang was really afraid when he first touched the ultra-high-voltage line.',
+ answer: '2',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: 'Wang and his colleagues want to create an digital and intelligent line inspection system..',
+ answer: '5',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: 'Wang and his colleagues use drones for checking and repairing the lines.',
+ answer: '4',
+ userAnswer: '',
+ isRight: null
+ },
+ ]
+ },
+ {
+ type: 'fill',
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
+ {
+ answer: 'challenges',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'coworkers',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'contact',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'capacities',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'performed',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'achieved',
+ userAnswer: '',
+ isRight: null,
+ },
+ ]
+
+ },
+ {
+ type: 'text',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ userAnswer: "",
+ answer: "The command post was set up in a forward position."
+ },
+ {
+ userAnswer: "",
+ answer: "My family members give me many supports for my study."
+ },
+ {
+ userAnswer: "",
+ answer: "In China, many projects are under construction in rural areas."
+ },
+ {
+ userAnswer: "",
+ answer: "Thanks to my insistence, I finally climbed the mountain."
+ },
+ {
+ userAnswer: "",
+ answer: "We rarely suffer power outage in recent 10 years in big cities. "
+ },
+ ]
+ },
+ {
+ type: 'text',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stem: "If you want to achieve a higher working goal,you need to consider it carefully right now.",
+ userAnswer: "",
+ answer: "濡傛灉浣犳兂杈惧埌鏇撮珮鐨勫伐浣滅洰鏍囷紝鐜板湪灏辫浠旂粏鎬濊�冦��"
+ },
+ {
+ stem: "To go for technical innovation,one must have the fearless spirit of a pathbreaker.",
+ userAnswer: "",
+ answer: "鎼炴妧鏈潻鏂板氨瑕佹湁涓�鑲′笉鎬曞洶闅剧殑闂姴銆�"
+ },
+ {
+ stem: "You need keep in contact with your customers when some problems arise.",
+ userAnswer: "",
+ answer: "褰撳嚭鐜颁竴浜涢棶棰樻椂锛屼綘闇�瑕佷笌浣犵殑瀹㈡埛淇濇寔鑱旂郴銆�"
+ },
+ {
+ stem: "Those employees believe that challenges offer opportunities to learn.",
+ userAnswer: "",
+ answer: "閭ｄ簺鍛樺伐鐩镐俊鎸戞垬缁欎粬浠彁渚涗簡瀛︿範鐨勬満浼氥��"
+ },
+ ]
+ },
+ {
+ type: 'text',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ num: 0,
+ stem: "The simple past tense:",
+ userAnswerOne: "",
+ userAnswerTwo: "",
+ answerOne: "He touched the power line.",
+ answerTwo: "Wang felt dizzy.",
+ },
+ {
+ num: 2,
+ stem: "The past perfect tense:",
+ userAnswerOne: "",
+ userAnswerTwo: "",
+ answerOne: "Wang Jin had achieved more than 30 technological innovations.",
+ answerTwo: "A total of 35 UHV projects had been completed.",
+ },
+
+ ]
+ },
+ {
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stemOne: 'He',
+ stemTwo: 'more than 20 technological innovations before he turned 35.(achieve)',
+ answer: 'had achieved',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'She',
+ stemTwo: '(give) a lot of financial support to animal protection organizations in 2022.',
+ answer: 'gave',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'She didn鈥檛 go to bed until she',
+ stemTwo: 'her work.(finish)',
+ answer: 'had finished',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'He',
+ stemTwo: 'many awards because of his hard work last year.(win)',
+ answer: 'won',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'They',
+ stemTwo: 'more technologies for line repairing by 2021.(introduce)',
+ answer: 'had introduced',
+ userAnswer: ''
+ },
+ ]
+ },
+ ],
+ warmUp: [
+ {
+ type: "select",
+ isComplete: false,
+ isShowAnswer: false,
+ option: ["no bribery", "punctual", "attentive", "gossiping"],
+ value: [
+ {
+ answer: 'attentive',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'gossiping',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'no bribery',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'punctual',
+ userAnswer: '',
+ isRight: null,
+ },
+ ]
}
- ]
+ ],
+ questionDataTwo: [
+ {
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stemOne: 'Call me if you have any problems',
+ stemTwo: 'your work.',
+ answer: 'regarding',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'Two questions often',
+ stemTwo: 'first-time corporate investors.',
+ answer: 'bother',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'Babies need',
+ stemTwo: 'attention.',
+ answer: 'constant',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'She',
+ stemTwo: 'to me about his rudeness.',
+ answer: 'addressed',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stemOne: 'Please',
+ stemTwo: 'all complaints to the manager.',
+ answer: 'complain',
+ userAnswer: '',
+ isRight: null
+ },
+ ]
+ },
+ {
+ type: 'text',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ userAnswer: "",
+ answer: "It depends on personal views of employees, their motivation, and overall company culture."
+ },
+ {
+ userAnswer: "",
+ answer: "Angela鈥檚 director asked her to sort out data about the patients and insurance."
+ },
+ {
+ userAnswer: "",
+ answer: "Rather than giving up, Angela decides to expand her skills."
+ },
+ {
+ userAnswer: "",
+ answer: "Rather than starting early, he leaves it to the last minute and turns in an incomplete report. "
+ },
+ {
+ userAnswer: "",
+ answer: "However, she never addresses her complaints to the director."
+ },
+ ]
+ },
+ {
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stemOne: 'I鈥檇 like to go to the theatre tonight,',
+ stemTwo: 'I鈥檓 too busy.',
+ answer: 'but',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'Your delay shows a lack of respect for the job',
+ stemTwo: 'fellow coworkers.',
+ answer: 'and',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'Work ethic can be strong',
+ stemTwo: 'poor.',
+ answer: 'or',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'She is bothered by the tasks,',
+ stemTwo: 'she never complains.',
+ answer: 'but',
+ userAnswer: ''
+ },
+ {
+ stemOne: 'All the employees should show up on time',
+ stemTwo: 'even earlier.',
+ answer: 'or',
+ userAnswer: ''
+ },
+ ]
+ },
+ ],
+ questionDataThree: [
+ {
+ type: "checkBox",
+ isComplete: false,
+ isShowAnswer: false,
+ option: [
+ "His car broke down.",
+ "His clock was broken.",
+ "His phone was out of battery.",
+ "He was ill.",
+ "His car was borrowed.",
+ "His phone was out of service.",
+ "He didn鈥檛 get on the subway.",
+ "He was squeezed out of the bus.",
+ ],
+ answer: [
+ "His car broke down.",
+ "His clock was broken.",
+ "His phone was out of battery.",
+ "He didn鈥檛 get on the subway.",
+ "He was squeezed out of the bus.",
+ ],
+ userAnswer: [
+
+ ]
+ },
+ {
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: 'what is your suggestion',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ answer: 'It would be better',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ answer: 'Your suggestion sounds like a good idea',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ answer: 'I agree with you',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ answer: 'will release a warning notice',
+ userAnswer: '',
+ isRight: null
+ },
+ ]
+ },
+ ],
+ warmUpOne: [
+ {
+ type: "select",
+ isComplete: false,
+ isShowAnswer: false,
+ option: [
+ "in order of escalation",
+ "you have committed the following actions",
+ "you received a verbal warning",
+ "help you improve your performance to meet our quality standards",
+ "job suspension without pay for one workweek",
+ ],
+ value: [
+ {
+ answer: 'you have committed the following actions ',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'you received a verbal warning',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'job suspension without pay for one workweek',
+ userAnswer: '',
+ isRight: null,
+ },
+ {
+ answer: 'help you improve your performance to meet our quality standards',
+ userAnswer: '',
+ isRight: null,
+ },
+ ]
+ }
+ ],
};
},
mounted() {
@@ -2368,7 +3394,7 @@
if (testData) {
this.testData = JSON.parse(testData);
}
- const bookQuestion = localStorage.getItem("english-book-question-one");
+ const bookQuestion = localStorage.getItem("english-book-chapter07-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
@@ -2376,9 +3402,41 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+
+ const questionDataOne = localStorage.getItem("english-chapter-7-questionDataOne");
+ if (questionDataOne) {
+ this.questionDataOne = JSON.parse(questionDataOne);
+ }
+
+ const warmUp = localStorage.getItem("english-chapter-7-warmUp");
+ if (warmUp) {
+ this.warmUp = JSON.parse(warmUp);
+ }
+
+ const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
+ if (questionDataTwo) {
+ this.questionDataTwo = JSON.parse(questionDataTwo);
+ }
+
+ const questionDataThree = localStorage.getItem("english-chapter-7-questionDataThree");
+ if (questionDataThree) {
+ this.questionDataThree = JSON.parse(questionDataThree);
+ }
this.getPath();
},
methods: {
+ isTextRight(answer, data, num) {
+ let flag = null;
+ answer[num] ? flag = answer[num] == data : flag = false;
+ return flag;
+ },
+ isShowRight(answer, userAnswer, data) {
+ let flag = null;
+ if (userAnswer.indexOf(data) > -1) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
+ },
saveWord(event, word) {
this.$emit("saveCharacters", event, word);
},
@@ -2441,7 +3499,7 @@
setBookQuestion() {
console.log("淇濆瓨");
localStorage.setItem(
- "english-book-question-one",
+ "english-book-chapter07-question-one",
JSON.stringify(this.questionData)
);
},
@@ -2525,7 +3583,179 @@
this.dropdownData = dropdownDatas;
this.$set(this.dropdownData, "isComplete", true);
this.setDropdownData();
- }
+ },
+ handleQuestionDataOne() {
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isComplete = true;
+ item.isShowAnswer = true;
+ if (item.type == "fill" || item.type == "select") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer;
+ }
+ }
+ }
+ },
+ setQuestionDataOne() {
+ localStorage.setItem(
+ "english-chapter-7-questionDataOne",
+ JSON.stringify(this.questionDataOne)
+ );
+ },
+ recastQuestionDataOne() {
+ localStorage.removeItem("english-chapter-7-questionDataOne");
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isComplete = false;
+ item.isShowAnswer = false;
+ if (item.type == "fill" || item.type == "select") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null;
+ citem.userAnswer = "";
+ }
+ } else {
+ for (let dindex = 0; dindex < item.value.length; dindex++) {
+ const ditem = item.value[dindex];
+ ditem.userAnswer = "";
+ ditem.userAnswerOne = "";
+ ditem.userAnswerTwo = "";
+ }
+ }
+ }
+ },
+ viewQuestionDataOne() {
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ handleWarmUp() {
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[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;
+ }
+ }
+ },
+ setWarmUp() {
+ localStorage.setItem(
+ "english-chapter-7-warmUp",
+ JSON.stringify(this.warmUp)
+ );
+ },
+ recastWarmUp() {
+ localStorage.removeItem("english-chapter-7-warmUp");
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[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 = "";
+ }
+
+ }
+ },
+ viewWarmUp() {
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ handleQuestionDataTwo() {
+ for (let index = 0; index < this.questionDataTwo.length; index++) {
+ const item = this.questionDataTwo[index];
+ item.isComplete = true;
+ item.isShowAnswer = true;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer;
+ }
+ }
+ }
+ },
+ setQuestionDataTwo() {
+ localStorage.setItem(
+ "english-chapter-7-questionDataTwo",
+ JSON.stringify(this.questionDataTwo)
+ );
+ },
+ recastQuestionDataTwo() {
+ localStorage.removeItem("english-chapter-7-questionDataTwo");
+ for (let index = 0; index < this.questionDataTwo.length; index++) {
+ const item = this.questionDataTwo[index];
+ item.isComplete = false;
+ item.isShowAnswer = false;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null;
+ citem.userAnswer = "";
+ }
+ } else {
+ for (let dindex = 0; dindex < item.value.length; dindex++) {
+ const ditem = item.value[dindex];
+ ditem.userAnswer = "";
+ }
+ }
+ }
+ },
+ viewQuestionDataTwo() {
+ for (let index = 0; index < this.questionDataTwo.length; index++) {
+ const item = this.questionDataTwo[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ handleQuestionDataThree() {
+ for (let index = 0; index < this.questionDataThree.length; index++) {
+ const item = this.questionDataThree[index];
+ item.isComplete = true;
+ item.isShowAnswer = true;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer;
+ }
+ }
+ }
+ console.log(this.questionDataThree, 111);
+ },
+ setQuestionDataThree() {
+ localStorage.setItem(
+ "english-chapter-7-questionDataThree",
+ JSON.stringify(this.questionDataThree)
+ );
+ },
+ recastQuestionDataThree() {
+ localStorage.removeItem("english-chapter-7-questionDataThree");
+ for (let index = 0; index < this.questionDataThree.length; index++) {
+ const item = this.questionDataThree[index];
+ item.isComplete = false;
+ item.isShowAnswer = false;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null;
+ citem.userAnswer = "";
+ }
+ } else {
+ item.userAnswer = [];
+ }
+ }
+ },
+ viewQuestionDataThree() {
+ for (let index = 0; index < this.questionDataThree.length; index++) {
+ const item = this.questionDataThree[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
},
};
</script>
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 6835393..4d94c86 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@
// 娴嬭瘯椤甸潰璺宠浆
setTimeout(() => {
- this.gotoPage(4,78);
+ this.gotoPage(8,138);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
--
Gitblit v1.9.1