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/chapter006.vue | 2287 +++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 1,709 insertions(+), 578 deletions(-)
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 47065a0..a5d0bb8 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -60,7 +60,7 @@
<p class="center">1.
<select class="select-border" v-model="dropDownOne[0].value[0].userAnswer" @change="saveDropdoenOne"
:disabled="dropDownOne[0].isComplete">
- <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
+ <option v-for="(item, index) in dropDownOne[0].option" :key="'change' + index" :value="item">
{{ item}}
</option>
</select>
@@ -74,7 +74,7 @@
<p class="center">2.
<select class="select-border" v-model="dropDownOne[0].value[1].userAnswer" @change="saveDropdoenOne"
:disabled="dropDownOne[0].isComplete">
- <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
+ <option v-for="(item, index) in dropDownOne[0].option" :key=" 'ones' +index" :value="item">
{{ item}}
</option>
</select>
@@ -88,7 +88,7 @@
<p class="center">3.
<select class="select-border" v-model="dropDownOne[0].value[2].userAnswer" @change="saveDropdoenOne"
:disabled="dropDownOne[0].isComplete">
- <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
+ <option v-for="(item, index) in dropDownOne[0].option" :key="'noce' + index" :value="item">
{{ item}}
</option>
</select>
@@ -102,7 +102,7 @@
<p class="center">4.
<select class="select-border" v-model="dropDownOne[0].value[3].userAnswer" @change="saveDropdoenOne"
:disabled="dropDownOne[0].isComplete">
- <option v-for="(item, index) in dropDownOne[0].option" :key="index" :value="item">
+ <option v-for="(item, index) in dropDownOne[0].option" :key="'vans' + index" :value="item">
{{ item }}
</option>
</select>
@@ -333,7 +333,7 @@
<p class="center"><b>A Positive Work Environment</b></p>
<p class="center">
<audio
- :src="resource.readingTwo"
+ :src="resource.readingOne"
controls
controlslist="noplaybackrate nodownload"
style="margin-left: 10px"
@@ -349,12 +349,12 @@
</p>
<p>
Gone are those times when
- <span class="word-bc" @click="saveWord($event, 'candidates')"
+ <span class="word-bc"
>andidates</span
>
only considered the salary at the time of joining a
company.Nowadays,apart from the job
- <span class="word-bc" @click="saveWord($event, 'prospect')"
+ <span class="word-bc"
>prospect</span
>
itself,one factor that is greatly influencing how employees feel
@@ -368,24 +368,24 @@
</p>
<p>
An effective way to
- <span class="word-bc" @click="saveWord($event, 'ensure')"
+ <span class="word-bc"
>ensure</span
>
a positive work environment is to motivate employees for a correct
- <span class="word-bc" @click="saveWord($event, 'behavioral')"
+ <span class="word-bc"
>behavioral</span
>
- <span class="word-bc" @click="saveWord($event, 'approach')"
+ <span class="word-bc"
>approach</span
>
.Good behavior also
- <span class="word-bc" @click="saveWord($event, 'determines')"
+ <span class="word-bc"
>determines</span
>
good and peaceful environment.Another way is to ensure healthy
relationships among the staff; that is why communication is quite
necessary.Keeping an eye on staff
- <span class="word-bc" @click="saveWord($event, 'interaction')"
+ <span class="word-bc"
>interaction</span
>
doesn鈥檛 cost much time for the management team.They only
@@ -421,34 +421,34 @@
the message from the behavior of the management team,so the
management team should also be aware of the power of their
behavior and always
- <span class="word-bc" @click="saveWord($event, 'maintain')"
+ <span class="word-bc"
>maintain</span
>
- <span class="word-bc" @click="saveWord($event, 'dignity')"
+ <span class="word-bc"
>dignity</span
>.
</p>
<p>
Another important way to make a great work environment for a
company is to show
- <span class="word-bc" @click="saveWord($event, 'appreciation')"
+ <span class="word-bc"
>appreciation</span
>
of
- <span class="word-bc" @click="saveWord($event, 'outstanding')"
+ <span class="word-bc"
>outstanding</span
>
employees.Workers are more likely to stay in the company,work hard
and provide years of excellent service when knowing that they have
a clear opportunity for
- <span class="word-bc" @click="saveWord($event, 'advancement')">
+ <span class="word-bc" >
advancement</span
>
.When employees know they are valued,they tend to return the favor
by being the best at their job.A positive work environment is a
place that promises to advance
- <span class="word-bc" @click="saveWord($event, 'gifted')"
+ <span class="word-bc"
>gifted</span
>
employees and keep that promise.
@@ -457,16 +457,16 @@
The work environment can greatly influence how the employees feel
about their jobs.Because of this,it鈥檚 important to find an
employer that
- <span class="word-bc" @click="saveWord($event, 'fosters')"
+ <span class="word-bc"
>fosters</span
>
a positive atmosphere and encourages employees
- <span class="word-bc" @click="saveWord($event, 'consistently')"
+ <span class="word-bc"
>consistently</span
>
.A positive work environment can improve employees鈥�
happiness,increase the
- <span class="word-bc" @click="saveWord($event, 'productivity')"
+ <span class="word-bc"
>productivity</span
>
and motivate those around them.
@@ -755,28 +755,20 @@
A.Fill in the blanks with the proper words in the passage.The
initial letters of the words have been given.
</p>
- <p>
- 1.Aside from the job p________ itself,one factor that is
- significantly influencing how employees feel about work is the
- work environment.
+ <p v-for="(item,index) in readingOne[2].value" :key=" 'passage' + index">
+ {{index + 1}}.
+ {{item.stemFirst}}
+ <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne" >
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
+ {{item.stemLast}}
</p>
- <p>
- 2.To f_______ a positive work environment,the employer can
- motivate employees for a correct behavioral approach.
- </p>
- <p>
- 3.Good behavior can not only d_________ a good and peaceful
- environment,but also promote healthy relationships among the
- staff.
- </p>
- <p>
- 4.Another way to ensure a great work environment in a company is
- to show a_______ to outstanding employees.
- </p>
- <p>
- 5.For employees,a positive work environment can greatly improve
- their happiness and p______ .
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[2].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[2].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>
B.Replace the underlined part in each of the following sentences
with a phrase in the box below.Change the form if necessary.
@@ -787,18 +779,11 @@
aware of
</p>
</div>
- <p>
- 1.The manager asked me to
- <span class="u">pay close attention to</span> the monthly sales
- report of the products._____
- </p>
- <p>
- 2.<span class="u">Except for</span> the low salary,it鈥檚 not a bad
- job._____
- </p>
- <p>
- 3.The management team <span class="u">noticed</span> some
- inappropriate behavior in the company._____
+ <p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index">
+ {{index + 1}}.
+ <span v-html="item.stem"></span>
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
</p>
</div>
</div>
@@ -823,36 +808,28 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>
- 4.The graduates with a language proficiency certificate
- <span class="u">are more possible to</span> land a good job._____
+ <p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index">
+ {{index + 3}}.
+ <span v-html="item.stem"></span>
+ <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
</p>
- <p>
- 5.I will
- <span class="u">help you because you have helped me</span> some
- time._____
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[3].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>C.Translate the following sentences into Chinese.</p>
- <p>
- 1.Communication is quite necessary to ensure a healthy
- relationship with coworkers.
- </p>
- <p>______________________________________________</p>
- <p>
- 2.A good work atmosphere can greatly increase the productivity of
- employees.
- </p>
- <p>______________________________________________</p>
- <p>
- 3.Most of the candidates view company culture as the most
- important factor when choosing a job.
- </p>
- <p>______________________________________________</p>
- <p>
- 4.At the annual meeting,the manager expressed the appreciation to
- the outstanding staff of the company.
- </p>
- <p>______________________________________________</p>
+ <ul>
+ <li v-for="(item,index) in readingOne[4].value" :key="index">
+ <p>
+ {{index + 1}}. {{item.stem}}
+ </p>
+ <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </li>
+ </ul>
<p>
<b>鈪�.Grammar focus:Inverted sentences.</b>
<span class="btn-box" >
@@ -881,32 +858,23 @@
A.Choose the correct version of the translation of the inverted
sentences.
</p>
- <p>1.鍏氦杞︽潵浜嗐��</p>
- <p>a.There comes the bus.</p>
- <p>b.There the bus comes.</p>
- <p>2.鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��</p>
- <p>
- a.Gone are the days when rich countries make the rules and
- everyone else follows.
- </p>
- <p>
- b.Gone the days are when rich countries make the rules and
- everyone else follows.
- </p>
- <p>3.鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��</p>
- <p>
- a.No sooner did we reached the airport than the plane had taken
- off.
- </p>
- <p>
- b.No sooner had we reached the airport than the plane took off.
- </p>
- <p>4.鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��</p>
- <p>a.Only then he realized that he was wrong.</p>
- <p>b.Only then did he realize that he was wrong.</p>
- <p>5.闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�</p>
- <p>a.Not until the rain stopped did he leave the room.</p>
- <p>b.Not until did the rain stop he left the room.</p>
+ <ul>
+ <li v-for="(item,index) in readingOne[5].value" :key="'list' + index">
+ <p>
+ {{index + 1}}.{{item.stem}}
+ </p>
+ <p v-for="(citem,cindex) in item.option" :key="'option' + cindex">
+ <input type="radio" :name="item.stem" :value="citem.value" @change="saveReadingOne">{{citem.value}}.{{citem.label}}
+ </p>
+ </li>
+ </ul>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingOne[5].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -936,16 +904,12 @@
B.Put the following words in right order to make inverted
sentences.
</p>
- <p>1.did he it saw so and I</p>
- <p>______________________________________________</p>
- <p>2.he young is he a lot knows as</p>
- <p>______________________________________________</p>
- <p>3.no under will lend circumstances I money him to</p>
- <p>______________________________________________</p>
- <p>4.she have hardly music listen to does time to</p>
- <p>______________________________________________</p>
- <p>5.village in the front of river a was</p>
- <p>______________________________________________</p>
+ <ul>
+ <li v-for="(item,index) in readingOne[6].value" :key="index">
+ <p>{{index + 1}}.{{item.stem}}</p>
+ <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
+ </li>
+ </ul>
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
@@ -999,80 +963,80 @@
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.four"
+ v-model="noSubmitData[2].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.five"
+ v-model="noSubmitData[2].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.six"
+ v-model="noSubmitData[2].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.seven"
+ v-model="noSubmitData[2].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.eight"
+ v-model="noSubmitData[2].value[4].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.nine"
+ v-model="noSubmitData[2].value[5].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.ten"
+ v-model="noSubmitData[2].value[6].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.eleven"
+ v-model="noSubmitData[2].value[7].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.twelve"
+ v-model="noSubmitData[2].value[8].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.thirteen"
+ v-model="noSubmitData[2].value[9].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
@@ -1111,57 +1075,46 @@
<p class="dl-box">
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'direct')"
>relationship</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'communication')"
>communication</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'productivity')"
>productivity</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'respect')"
>respect</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'pleasure')"
>pleasure</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'professional')"
>professional</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'team spirit')"
>team spirit</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'job satisfaction')"
>job satisfaction</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'personal development')"
>personal development</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'job prospect')"
>job prospect</span
>
<span
class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'modern decor')"
>modern decor</span
>
</p>
@@ -1325,6 +1278,13 @@
>鈪�.Put the following statements into the corresponding box to
make a code of conduct for a school.</b
>
+ <span class="btn-box" @click="showdropdownTwo">
+ <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-5">
<p>a.Students are supposed to arrive at the classroom on time.</p>
@@ -1335,9 +1295,99 @@
<p>d.Keep food and drink outside of the classroom.</p>
<p>e.Mobile phones must be on silent mode during the class.</p>
</div>
- <p class="center">
- <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
+ <p class="fl ju-cn">
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing=""
+ style="border-color:#eace8d "
+ class="fz-14 "
+ >
+ <tr class="tc">
+ <td class="tl-cn" colspan="2">The School Code of Conduct</td>
+ </tr>
+ <tr class="tc">
+ <td class="tl-cn">
+ <img src="../../assets/images/table/t1.jpg" alt="">
+ </td>
+ <td>
+ <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)"
+ :disabled="dropDownTwo[0].isComplete">
+ <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="dropDownTwo[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="dropDownTwo[0].value[0].isRight == true || dropDownTwo[0].value[0].isRight == false">
+ </td>
+ </tr>
+ <tr class="tc">
+ <td class="tl-cn">
+ <img src="../../assets/images/table/t2.jpg" alt="">
+ </td>
+ <td>
+ <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" @change="handledropDownTwo(1)"
+ :disabled="dropDownTwo[0].isComplete">
+ <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="dropDownTwo[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="dropDownTwo[0].value[1].isRight == true || dropDownTwo[0].value[1].isRight == false">
+ </td>
+ </tr>
+ <tr class="tc">
+ <td class="tl-cn">
+ <img src="../../assets/images/table/t3.jpg" alt="">
+ </td>
+ <td>
+ <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)"
+ :disabled="dropDownTwo[0].isComplete">
+ <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="dropDownTwo[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="dropDownTwo[0].value[2].isRight == true || dropDownTwo[0].value[2].isRight == false">
+ </td>
+ </tr>
+ <tr class="tc">
+ <td class="tl-cn">
+ <img src="../../assets/images/table/t4.jpg" alt="">
+ </td>
+ <td>
+ <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)"
+ :disabled="dropDownTwo[0].isComplete">
+ <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <img :src="dropDownTwo[0].value[3].isRight ? correctIcon : errorIcon"
+ v-if="dropDownTwo[0].value[3].isRight == true || dropDownTwo[0].value[3].isRight == false">
+ </td>
+ </tr>
+ <tr class="tc">
+ <td class="tl-cn">
+ <img src="../../assets/images/table/t5.jpg" alt="">
+ </td>
+ <td>
+ <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)"
+ :disabled="dropDownTwo[0].isComplete">
+ <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </td>
+ </tr>
+ </table>
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="dropDownTwo[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <p v-for="(item,index) in dropDownTwo[0].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </p>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1363,21 +1413,31 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center">
- <img class="img-a" alt="" src="../../assets/images/0115-1.jpg" />
- </p>
<h3 id="c051"><span class="bjh3">Reading</span></h3>
- <p>
- 1.How do you understand the Chinese saying 鈥淣othing can be
- accomplished without norms or standards.鈥�?
- </p>
- <p>
- 2.Are rules and regulations important for an organization? Why?
- </p>
+ <ul>
+ <li v-for="(item,index) in noSubmitData[3].value" :key="index">
+ <p>
+ {{index + 1}}.{{item.stem}}
+ <span class="btn-box" @click="shownoSubmitData(3,index)">
+ <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>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="item.isShowAnswer">
+ 绛旀锛歿{item.answer}}
+
+ </div>
+ </li>
+ </ul>
<p class="center"><b>Code of Conduct in the Workplace</b></p>
<p class="center">
<audio
- :src="resource.readingTwo"
+ :src="resource.readingThree"
controls
controlslist="noplaybackrate nodownload"
style="margin-left: 10px"
@@ -1394,16 +1454,16 @@
</p>
<p>
Often,a company uses its
- <span class="word-bc" @click="saveWord($event, 'core')"
+ <span class="word-bc"
>core</span
>
values,including its mission,to guide the creation of these
codes.These guidelines
- <span class="word-bc" @click="saveWord($event, 'outline')"
+ <span class="word-bc"
>outline</span
>
how the organization operates,how employees
- <span class="word-bc" @click="saveWord($event, 'conduct')"
+ <span class="word-bc"
>conduct</span
>
themselves daily,and how they work with others on behalf of the
@@ -1413,7 +1473,7 @@
You can usually find a company鈥檚 code of conduct in an employee
handbook.Each company has different rules in its code of
conduct,and each company has its own policies for
- <span class="word-bc" @click="saveWord($event, 'enforcing')"
+ <span class="word-bc"
>enforcing</span
>
this code.
@@ -1446,29 +1506,39 @@
<div class="bodystyle">
<div class="fieldset-8">
<p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
- <p><b>A._______________________</b></p>
+ <p>
+ <b>A.</b>
+ <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)"
+ :disabled="dropDownThree[0].isComplete">
+ <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
+ {{ item}}
+ </option>
+ </select>
+ <img :src="dropDownThree[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="dropDownThree[0].value[0].isRight == true || dropDownThree[0].value[0].isRight == false">
+ </p>
<p>
1.Honesty and
- <span class="word-bc" @click="saveWord($event, 'integrity')"
+ <span class="word-bc"
>integrity</span
>
.Above all,treat clients fairly.
</p>
<p>
2.Maintain the good
- <span class="word-bc" @click="saveWord($event, 'reputation')"
+ <span class="word-bc"
>reputation</span
>
of the company.
</p>
<p>
3.
- <span class="word-bc" @click="saveWord($event, 'Conflicts')"
+ <span class="word-bc"
>Conflicts</span
>
and interest.Manage conflicts of interest fairly and do not act
in a manner
- <span class="word-bc" @click="saveWord($event, 'inconsistent')"
+ <span class="word-bc"
>inconsistent</span
>
with the company mission and values.
@@ -1478,23 +1548,33 @@
</p>
<p>
5.Advertising.Products should not be
- <span class="word-bc" @click="saveWord($event, 'advertised')"
+ <span class="word-bc"
>advertised</span
>
in a
- <span class="word-bc" @click="saveWord($event, 'misleading')"
+ <span class="word-bc"
>misleading</span
>
way.
</p>
- <p><b>B._______________________</b></p>
+ <p>
+ <b>B.</b>
+ <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)"
+ :disabled="dropDownThree[0].isComplete">
+ <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
+ {{ item}}
+ </option>
+ </select>
+ <img :src="dropDownThree[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="dropDownThree[0].value[1].isRight == true || dropDownThree[0].value[1].isRight == false">
+ </p>
<p>
6.
- <span class="word-bc" @click="saveWord($event, 'Competence')"
+ <span class="word-bc"
>Competence</span
>
.Advise clients only on matters in which they are
- <span class="word-bc" @click="saveWord($event, 'competent')"
+ <span class="word-bc"
>competent</span
>
.
@@ -1509,7 +1589,7 @@
</p>
<p>
9.
- <span class="word-bc" @click="saveWord($event, 'Suitability')"
+ <span class="word-bc"
>Suitability</span
>
of advice.Advice should be suitable for the clients鈥� needs.
@@ -1517,36 +1597,46 @@
<p>
10.Activities.Do not engage in activities that will bring direct
or indirect profit to a
- <span class="word-bc" @click="saveWord($event, 'competitor')"
+ <span class="word-bc"
>competitor</span
>.
</p>
- <p><b>C._______________________</b></p>
+ <p>
+ <b>C.</b>
+ <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)"
+ :disabled="dropDownThree[0].isComplete">
+ <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item">
+ {{ item}}
+ </option>
+ </select>
+ <img :src="dropDownThree[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="dropDownThree[0].value[2].isRight == true || dropDownThree[0].value[2].isRight == false">
+ </p>
<p>
11.Skill and care.Act at all times with reasonable skill and
care.
</p>
<p>
12.Professional
- <span class="word-bc" @click="saveWord($event, 'discipline')"
+ <span class="word-bc"
>discipline</span
>
.Organize business in a responsible and effective way.
</p>
<p>
13.Company guidance.Be familiar and seek to
- <span class="word-bc" @click="saveWord($event, 'observe')"
+ <span class="word-bc"
>observe</span
>
the company
- <span class="word-bc" @click="saveWord($event, 'guidance')"
+ <span class="word-bc"
>guidance</span
>
.
</p>
<p>
14.
- <span class="word-bc" @click="saveWord($event, 'Complaints')"
+ <span class="word-bc"
>Complaints</span
>
.Handle the complaints fairly and quickly.
@@ -1563,7 +1653,7 @@
<span class="line-border-box"></span>
</p>
<audio
- :src="resource.readingTwo"
+ :src="resource.readingFour"
controls
controlslist="noplaybackrate nodownload"
style="margin-left: 10px"
@@ -1771,17 +1861,10 @@
passage.
</p>
<div class="bk-11">
- <p>(銆�) 1.Observe the employee handbook strictly.</p>
- <p>
- (銆�) 2.Get involved in activities inconsistent with company
- values.
+ <p v-for="(item,index) in readingTwo[0].option" :key="index">
+ <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo">
+ {{index + 1}}.{{item}}
</p>
- <p>(銆�) 3.Never leak personal information of the client.</p>
- <p>
- (銆�) 4.Advertise products and services in a professional way.
- </p>
- <p>(銆�) 5.Judge customers by appearance.</p>
- <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
</div>
</div>
</div>
@@ -1813,26 +1896,18 @@
A.Replace the words in italics with the exact words in the passage
and change the form if necessary.
</p>
- <p>
- 1.We may feel cheated when finding the report is actually
- <i>false</i>._____________
+ <p v-for="(item,index) in readingTwo[1].value" :key="index">
+ {{index + 1}}.{{item.stem}}
+ <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
</p>
- <p>
- 2.A true partnership is a two-way street,and our
- <i>customers</i> embrace this philosophy._____________
- </p>
- <p>
- 3.The <i>disagreements</i> at the workplace need to be resolved in
- a timely and professional manner._____________
- </p>
- <p>
- 4.The company鈥檚 <i>image</i> is the reflection of its
- culture._____________
- </p>
- <p>
- 5.All the staff are required to <i>follow</i> the company code of
- conduct._____________
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingTwo[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingTwo[1].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>
B.Fill in the blanks with the proper form of the expressions given
below.
@@ -1842,23 +1917,19 @@
on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all
</p>
</div>
- <p>
- 1.The manager asked the intern to_______the data and draft a
- report.
+ <p v-for="(item,index) in readingTwo[2].value" :key="'engage' + index">
+ {{index + 1}}.{{item.stemOne}}
+ <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
+ {{item.stemTwo}}
</p>
- <p>
- 2.A firm must_________the interests of its customers and treat
- them fairly.
- </p>
- <p>
- 3.The newly-recruited staff were asked to________the routine
- meeting on Monday.
- </p>
- <p>4._________,you shouldn鈥檛 give up without trying.</p>
- <p>
- 5.She made a speech,_______the sales department,at the annual
- meeting of the corporation.
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingTwo[2].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingTwo[2].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>
<b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
<span class="btn-box" >
@@ -1884,35 +1955,25 @@
<img class="w100" :src="imgThirteenOne" />
</div>
<p>A.Choose the correct modal verbs in the brackets.</p>
- <p>
- 1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at
- the office.He is a workaholic.
+ <p v-for="(item,index) in readingTwo[3].value" :key="'brackets' + index">
+ {{index + 1}}.{{item.stemOne}}
+ <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
+ {{item.stemTwo}}
</p>
- <p>
- 2.You should introduce yourself; your client______(can/may) not
- remember you.
- </p>
- <p>3.I thought he_____(can/might) have a meeting with his team.</p>
- <p>
- 4.The customer____(can/may) be very difficult to deal with when he
- is in a bad mood.
- </p>
- <p>
- 5.There is a slim chance that we______(can/might) take a rest this
- weekend.
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingTwo[3].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingTwo[3].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p>B.Correct the misused modal verbs in the following sentences.</p>
- <p>
- 1.Our boss <span class="u">can</span> be very angry when people
- don鈥檛 listen to him.______
- </p>
- <p>
- 2.The new project might work,but it
- <span class="u">could</span> not.______
- </p>
- <p>
- 3.The manager <span class="u">can not</span> have seen the message
- yet.______
+ <p v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index">
+ {{index + 1}}.
+ <span v-html="item.stem"></span>
+ <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
</p>
</div>
</div>
@@ -1937,14 +1998,38 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>
- 4.We <span class="u">may</span> have been colleagues if he hadn鈥檛
- missed the interview.______
+ <p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index">
+ {{index + 4}}.
+ <span v-html="item.stem"></span>
+ <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px">
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
</p>
- <p>
- 5.The meeting might be cancelled for the delay of their
- plane.______
- </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="readingTwo[4].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in readingTwo[4].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handlereadingTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastreadingTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewreadingTwo" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c052"><span class="bjh3">Mini-project</span></h3>
<p>
Work in groups.Ask your group members about any improper behavior
@@ -1981,243 +2066,237 @@
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.fourteen"
+ v-model="noSubmitData[4].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.fifteen"
+ v-model="noSubmitData[4].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.sixteen"
+ v-model="noSubmitData[4].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.seventeen"
+ v-model="noSubmitData[4].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.eighteen"
+ v-model="noSubmitData[4].value[4].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.nineteen"
+ v-model="noSubmitData[4].value[5].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.twenty"
+ v-model="noSubmitData[4].value[6].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentyOne"
+ v-model="noSubmitData[4].value[7].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea
- v-model="questionData.table.twentyTwo"
+ v-model="noSubmitData[4].value[8].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentyThree"
+ v-model="noSubmitData[4].value[9].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
</table>
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
- <div class="banshi openImgBox">
- <div class="swiper-container swiper_ppt">
- <div class="swiper-wrapper">
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
- </div>
- </div>
- </div>
- <div class="swiper-button-next"></div>
- <div class="swiper-button-prev"></div>
- <div class="pageBox"></div>
- </div>
- <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
- </div>
- </div>
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
<h2 id="b023">
<img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" />
</h2>
<h3 id="c053" class="fl al-cn">
<span class="bjh3">Listening</span>
<!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
- <audio
- :src="resource.listenOne"
- controls
- controlslist="noplaybackrate nodownload"
- class="audio"
- ></audio>
</h3>
<p>
<b
@@ -2226,23 +2305,31 @@
(F).</b
>
</p>
- <p>
- (銆�) 1.A positive workplace might have the same details for
- everybody.
+ <audio
+ :src="resource.listenTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
+ <p v-for="(item,index) in listenThree[0].value" :key="index">
+ (
+ <select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
+ :disabled="listenThree[0].isComplete">
+ <option v-for="(item, index) in listenThree[0].option" :key="'change' + index" :value="item">
+ {{ item}}
+ </option>
+ </select>
+ )
+ {{index + 1}}.{{item.stem}}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
</p>
- <p>
- (銆�) 2.It should be a place where the management team enjoys
- coming to work.
- </p>
- <p>
- (銆�) 3.The happier people are at work,the better they will
- perform.
- </p>
- <p>
- (銆�) 4.The better the company culture is,the greater the
- reputation it enjoys.
- </p>
- <p>(銆�) 5.Most employees succeed in a positive atmosphere.</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="listenThree[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -2275,6 +2362,12 @@
corresponding speaker.</b
>
</p>
+ <audio
+ :src="resource.listenThree"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
<table
border="1"
cellpadding="4"
@@ -2284,8 +2377,10 @@
>
<tr class="table-tr-bc">
<td class="tl-cn wh-no table-th-bc">Sally</td>
- <td>
-
+ <td class="fl de-cl al-cn ju-cn">
+ <img src="../../assets/images/table/c2.jpg" alt="">
+ <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne" />
+ <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete">
</td>
<td rowspan="2">
<p class="table-p">
@@ -2311,15 +2406,63 @@
</tr>
<tr class="table-tr-bc">
<td class="table-th-bc tl-cn">Ross</td>
- <td>
-
+ <td class="fl de-cl al-cn ju-cn">
+ <img src="../../assets/images/table/c1.jpg" alt="">
+ <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" />
+ <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete">
</td>
</tr>
</table>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="listenThree[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in listenThree[1].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ arrayToString(item.answer) }}
+ </span>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handleListenThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastListenThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewListenThree" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.Why do we need to take the minutes?</p>
- <p>2.What should we take down in the minutes?</p>
+ <ul>
+ <li v-for="(item,index) in noSubmitData[5].value" :key="index">
+ <p>
+ {{index + 1}}.{{item.stem}}
+ <span class="btn-box" @click="showNoSubmitAnswer(5,index)">
+ <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>
+ <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="item.isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(citem,cindex) in item.answer" :key="'list' + cindex" class="mr-20">
+ {{cindex + 1}}.{{ citem }}
+ </span>
+ </div>
+ </li>
+ </ul>
<p><b>鈪�.Read the following tips and learn about the minutes.</b></p>
<p>
Minutes can be defined as the record of what is said and decided
@@ -2368,7 +2511,23 @@
<p>
1. <span class="u">Underline</span> the time,date and place of the
meeting.
+ <span class="btn-box" @click="showNoSubmitAnswer(6,0)">
+ <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>
+
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="noSubmitData[6].value[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(citem,cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20">
+ {{cindex + 1}}.{{ citem }}
+ </span>
+ </div>
<p>
2.<img
class="inline1"
@@ -2376,11 +2535,39 @@
src="../../assets/images/0123-1.jpg"
/>
the attendees.
+ <span class="btn-box" @click="showNoSubmitAnswer(6,1)">
+ <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>3.Summarize the main points discussed at the meeting.</p>
- <p class="center">
- <img class="img-f" alt="" src="../../assets/images/0123-2.jpg" />
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="noSubmitData[6].value[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(citem,cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20">
+ {{cindex + 1}}.{{ citem }}
+ </span>
+ </div>
+ <p>3.Summarize the main points discussed at the meeting.
+ <span class="btn-box" @click="showNoSubmitAnswer(6,2)">
+ <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>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData" ></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="noSubmitData[6].value[2].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(citem,cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20">
+ {{cindex + 1}}.{{ citem }}
+ </span>
+ </div>
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
</p>
@@ -2418,27 +2605,7 @@
translation.</b
>
</p>
- <div class="fieldset-8">
- <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
- <p>2.A vote was taken to approve the amended</p>
- <p>Code of Conduct for employees.</p>
- <p>
- 3.The meeting agenda was unanimously approved by all attendees.
- </p>
- <p>4.The meeting adjourned at 5:00 p.m.</p>
- <p>
- 5.All attendees were given an agenda prior to the meeting via
- email.
- </p>
- </div>
- <div class="fieldset-8">
- <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
- <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
- <p>c.涓嬪崍5鐐逛紤浼氥��</p>
- <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
- <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
- <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
- </div>
+ <matching :rawData="rawData" :question="question" />
<p>
鈪�<b
>.The HR department has been assigned the task to prepare the
@@ -2504,6 +2671,70 @@
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
</p>
+ <div class="weekly" style="padding:0 20px">
+ <p class="weekly-p">
+ I.MEETING DETAILS
+ </p>
+ <ul class="fl fw-wr ju-bt" >
+ <li>
+ <p>Meeting Leader: Samuel Birch</p>
+ <p>Date: September 26,2023</p>
+ <p>Location: Room 202</p>
+ </li>
+ <li>
+ <p>Note Taker: Rachel Green</p>
+ <p>Time: 3 p. m.</p>
+ </li>
+ </ul>
+ <p class="weekly-p">
+ 鈪�.ATTENDANCE
+ </p>
+ <p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p>
+ <p>Absent: None</p>
+ <p class="weekly-p">
+ 鈪�.CALLTO ORDER
+ </p>
+ <p>
+ Samuel Birch called the meeting to 1.
+ <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
+ at 3 p.m.
+ </p>
+ <p>
+ All attendees were given an agenda 2.
+ <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px">
+ via email. The agenda was
+ unanimously approved by all attendees at 3:20 p.m.
+ </p>
+ <p class="weekly-p">
+ 鈪�.BUSINESS DISCUSSED
+ </p>
+ <p>
+ Tim Shaw discussed about the 3.
+ <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px">
+ .A vote was
+ taken to approve the budget plan of the training.
+ </p>
+ <p>
+ 4.
+ <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
+ discussed about the reservation of the lecture hall and mentioned that the
+ projector wasn't 5.
+ <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
+ He suggested renting one
+ </p>
+ <p class="weekly-p">
+ 鈪�.ADJOURNMENT
+ </p>
+ <p>
+ The meeting 6.
+ <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px">
+ at 5 p.m..
+ </p>
+ <p class="fl fw-wr ju-bt" >
+ <span>Submitted by: Rachel Green</span>
+ <span>Approved by: Samuel Birch</span>
+ </p>
+ </div>
<div class="un-h2">
<h2 id="b024">Unit Project</h2>
</div>
@@ -2592,23 +2823,23 @@
<td class="tl-cn">2</td>
<td>
<textarea
- v-model="questionData.table.twentyFour"
+ v-model="noSubmitData[8].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentyFive"
+ v-model="noSubmitData[8].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentySix"
+ v-model="noSubmitData[8].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
@@ -2616,23 +2847,23 @@
<td class="tl-cn">3</td>
<td>
<textarea
- v-model="questionData.table.twentySeven"
+ v-model="noSubmitData[8].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentyEight"
+ v-model="noSubmitData[8].value[4].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.twentyNine"
+ v-model="noSubmitData[8].value[5].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
@@ -2687,90 +2918,90 @@
<tr class="table-tr-bc">
<td class="tl-cn">
<textarea
- v-model="questionData.table.thirty"
+ v-model="noSubmitData[9].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td class="tl-lf">
<textarea
- v-model="questionData.table.thirtyOne"
+ v-model="noSubmitData[9].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td class="tl-lf">
<textarea
- v-model="questionData.table.thirtyTwo"
+ v-model="noSubmitData[9].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td class="tl-lf">
<textarea
- v-model="questionData.table.thirtyThree"
+ v-model="noSubmitData[9].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
<textarea
- v-model="questionData.table.thirtyFour"
+ v-model="noSubmitData[9].value[4].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.thirtyFive"
+ v-model="noSubmitData[9].value[5].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.thirtySix"
+ v-model="noSubmitData[9].value[6].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.thirtySeven"
+ v-model="noSubmitData[9].value[7].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
<textarea
- v-model="questionData.table.thirtyEight"
+ v-model="noSubmitData[9].value[8].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.thirtyNine"
+ v-model="noSubmitData[9].value[9].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.forty"
+ v-model="noSubmitData[9].value[10].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
<td>
<textarea
- v-model="questionData.table.fortyOne"
+ v-model="noSubmitData[9].value[11].userAnswer"
class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"
+ @input="savenoSubmitData"
></textarea>
</td>
</tr>
@@ -2948,10 +3179,11 @@
</template>
<script>
import matching from "@/components/matching/matching.vue";
+import dropdown from '@/components/dropdown/index.vue'
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapterSix",
- components: { matching },
+ components: { matching,dropdown },
props: {
showPageList: {
type: Array,
@@ -2969,37 +3201,45 @@
left: [
{
oldId: "FB34",
- txt: "Martin銆�銆�銆�銆�Silk",
+ txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
},
{
oldId: "64D6",
- txt: "Jessica銆�銆�The Great Wall",
+ txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
},
{
oldId: "2ED4",
- txt: "Soren銆�銆�Chinese Food",
+ txt: "3.The meeting agenda was unanimously approved by all attendees.",
},
{
oldId: "44DE",
- txt: "Chinese銆�銆�銆�銆�Tea",
+ txt: "4.The meeting adjourned at 5:00 p.m.",
+ },
+ {
+ oldId: "88ND",
+ txt: "5.All attendees were given an agenda prior to the meeting via email.",
},
],
right: [
{
oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ txt: "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��",
},
{
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: "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��",
},
{
oldId: "44DE",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "c.涓嬪崍5鐐逛紤浼氥��",
+ },
+ {
+ oldId: "2ED4",
+ txt: "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��",
+ },
+ {
+ oldId: "88ND",
+ txt: "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�",
},
],
},
@@ -3011,26 +3251,32 @@
{
id: "FB34",
linkValue:
- "The clothing material is quite popular among Roman women inancient times.",
- value: "Silk",
+ "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��",
+ value: "1.Mr.Green called the meeting to order at 10:00 a.m.",
},
{
id: "64D6",
linkValue:
- "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- value: "The Great Wall",
+ "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��",
+ value: "2.A vote was taken to approve the amended Code of Conduct for employees.",
},
{
id: "2ED4",
linkValue:
- "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- value: "Chinese Food",
+ "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��",
+ value: "3.The meeting agenda was unanimously approved by all attendees.",
},
{
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",
+ "c.涓嬪崍5鐐逛紤浼氥��",
+ value: "4.The meeting adjourned at 5:00 p.m.",
+ },
+ {
+ id: "88ND",
+ linkValue:
+ "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�",
+ value: "5.All attendees were given an agenda prior to the meeting via email.",
},
],
optionStyle: undefined,
@@ -3039,37 +3285,45 @@
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: "a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��",
},
{
oldId: "FB34",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��",
+ },
+ {
+ oldId: "44DE",
+ txt: "c.涓嬪崍5鐐逛紤浼氥��",
},
{
oldId: "2ED4",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��",
+ },
+ {
+ oldId: "88ND",
+ txt: "e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�",
},
],
values: [
{
oldId: "FB34",
- txt: "Martin Silk",
+ txt: "1.Mr.Green called the meeting to order at 10:00 a.m.",
},
{
oldId: "64D6",
- txt: "The Great Wall",
+ txt: "2.A vote was taken to approve the amended Code of Conduct for employees.",
},
{
oldId: "2ED4",
- txt: "Chinese Food",
+ txt: "3.The meeting agenda was unanimously approved by all attendees.",
},
{
oldId: "44DE",
- txt: "Chinese Tea",
+ txt: "4.The meeting adjourned at 5:00 p.m.",
+ },
+ {
+ oldId: "88ND",
+ txt: "5.All attendees were given an agenda prior to the meeting via email.",
},
],
},
@@ -3081,7 +3335,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg: require("../../assets/images/matching-one.png"),
+ answerImg: require("../../assets/images/matching-9.jpg"),
},
questionData: {
warnUp: {
@@ -3219,6 +3473,10 @@
listenOne: "",
readingOne: "",
readingTwo: "",
+ readingThree: "",
+ readingFour: "",
+ listenTwo: "",
+ listenThree: "",
},
// 鏂板
dropDownOne:[
@@ -3331,6 +3589,224 @@
isShowAnswer:false
},
]
+ },
+ {
+ type:'table',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'shortAnswer',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or standards.鈥�?',
+ answer:'The saying "Nothing can be accomplished without norms or standards" means that having rules and guidelines is important for getting things done. These norms make things clear, help us work well together, and show us how to do things right.',
+ isShowAnswer:false,
+ userAnswer:''
+ },
+ {
+ stem:'Are rules and regulations important for an organization? Why?',
+ answer:'Rules and regulations are very important for an organization. They play a crucial role in maintaining order, promoting fairness, and ensuring the success of the organization. ',
+ isShowAnswer:false,
+ userAnswer:''
+ }
+ ]
+ },
+ {
+ type:'table',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:"shortAnswer",
+ value:[
+ {
+ stem:'Why do we need to take the minutes?',
+ isShowAnswer:false,
+ answer:['It serves as an official record of the discussions, decisions, and actions taken during the meeting.',
+ 'Minutes help those who were unable to attend the meeting to catch up on any decisions.',
+ 'Minutes provide a means to verify the accuracy of what was discussed and agreed upon.',
+ 'Minutes can be used as evidence in case of disputes or legal matters.'
+ ],
+ userAnswer:''
+ },
+ {
+ stem:'What should we take down in the minutes?',
+ isShowAnswer:false,
+ answer:['Date and time','Location of the meeting',"Attendees' names, roles, and organizations","The agenda items and topics discussed along with any proposals, suggestions, or decisions made"],
+ userAnswer:''
+ }
+ ]
+ },
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ isShowAnswer:false,
+ userAnswer:'',
+ answer:['Date: September 19, 2023','Time: 2:00 p.m.','Location: FASTGO Headquarters, Meeting Room 105'],
+ },
+ {
+ isShowAnswer:false,
+ userAnswer:'',
+ answer:['Present: Jim Baker (CEO), Robert Smith (General Manager), Samuel Birch (HR Manager), Rachel Green (Secretary)',
+ ''],
+ },
+ {
+ isShowAnswer:false,
+ userAnswer:'',
+ answer:['Updates of Code of Conduct ','In-Service Training ']
+ }
+ ]
+ },
+ {
+ type:'fill',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'table',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'table',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ },
+ ]
}
],
readingOne:[
@@ -3370,13 +3846,512 @@
isShowAnswer:false,
value:[
{
- answer:'',
+ stemFirst:'Aside from the job p',
+ stemLast:'itself,one factor that is significantly influencing how employees feel about work is the work environment.',
+ answer:'rospect',
userAnswer:'',
isRight:null
},
-
+ {
+ stemFirst:'To f',
+ stemLast:'a positive work environment,the employer can motivate employees for a correct behavioral approach.',
+ answer:'oster',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemFirst:'Good behavior can not only d',
+ stemLast:'a good and peaceful environment,but also promote healthy relationships among the staff.',
+ answer:'etermine',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemFirst:'Another way to ensure a great work environment in a company is to show a',
+ stemLast:'to outstanding employees.',
+ answer:'ppreciation',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemFirst:'For employees,a positive work environment can greatly improve their happiness and p',
+ stemLast:'.',
+ answer:'roductivity',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'The manager asked me to<span class="u">pay close attention to</span> the monthly sales report of the products.',
+ userAnswer:'',
+ answer:'keep an eye on',
+ isRight:null
+ },
+ {
+ stem:'<span class="u">Except for</span> the low salary,it鈥檚 not a bad job.',
+ userAnswer:'',
+ answer:'Apart from',
+ isRight:null
+ },
+ {
+ stem:'The management team <span class="u">noticed</span> some inappropriate behavior in the company.',
+ userAnswer:'',
+ answer:'was aware of',
+ isRight:null
+ },
+ {
+ stem:'The graduates with a language proficiency certificate <span class="u">are more possible to</span> land a good job.',
+ userAnswer:'',
+ answer:'are likely to',
+ isRight:null
+ },
+ {
+ stem:'I will <span class="u">help you because you have helped me</span> some time.',
+ userAnswer:'',
+ answer:'return the favor',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'translate',
+ isShowAnswer:false,
+ isComplete:false,
+ value:[
+ {
+ stem:'Communication is quite necessary to ensure a healthy relationship with coworkers.',
+ userAnswer:'',
+ },
+ {
+ stem:'A good work atmosphere can greatly increase the productivity of employees.',
+ userAnswer:'',
+ },
+ {
+ stem:'Most of the candidates view company culture as the most important factor when choosing a job.',
+ userAnswer:'',
+ },
+ {
+ stem:'At the annual meeting,the manager expressed the appreciation to the outstanding staff of the company.',
+ userAnswer:'',
+ },
+ ]
+ },
+ {
+ type:'radio',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'鍏氦杞︽潵浜嗐��',
+ option:[
+ {
+ label:'There comes the bus.',
+ value:'a',
+ },
+ {
+ label:'There the bus comes.',
+ value:'b'
+ }
+ ],
+ answer:'',
+ userAnswer:''
+ },
+ {
+ stem:'鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��',
+ option:[
+ {
+ label:'Gone are the days when rich countries make the rules and everyone else follows.',
+ value:'a',
+ },
+ {
+ label:'Gone the days are when rich countries make the rules and everyone else follows.',
+ value:'b'
+ }
+ ],
+ answer:'',
+ userAnswer:''
+ },
+ {
+ stem:'鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��',
+ option:[
+ {
+ label:'No sooner did we reached the airport than the plane had taken off.',
+ value:'a',
+ },
+ {
+ label:'No sooner had we reached the airport than the plane took off.',
+ value:'b'
+ }
+ ],
+ answer:'',
+ userAnswer:''
+ },
+ {
+ stem:'鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��',
+ option:[
+ {
+ label:'Only then he realized that he was wrong.',
+ value:'a',
+ },
+ {
+ label:'Only then did he realize that he was wrong.',
+ value:'b'
+ }
+ ],
+ answer:'',
+ userAnswer:''
+ },
+ {
+ stem:'闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�',
+ option:[
+ {
+ label:'Not until the rain stopped did he leave the room.',
+ value:'a',
+ },
+ {
+ label:'Not until did the rain stop he left the room.',
+ value:'b'
+ }
+ ],
+ answer:'',
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'montage',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'did he it saw so and I',
+ userAnswer:''
+ },
+ {
+ stem:'he young is he a lot knows as',
+ userAnswer:''
+ },
+ {
+ stem:'no under will lend circumstances I money him to',
+ userAnswer:''
+ },
+ {
+ stem:'she have hardly music listen to does time to',
+ userAnswer:''
+ },
+ {
+ stem:'village in the front of river a was',
+ userAnswer:''
+ },
]
}
+ ],
+ dropDownTwo:[
+ {
+ type:'dropdown',
+ isShowAnswer:false,
+ option:[
+ 'a.Students are supposed to arrive at the classroom on time.',
+ 'b.Students are required to come to school in a neat uniform.',
+ 'c.Students should treat others with respect.',
+ 'd.Keep food and drink outside of the classroom.',
+ 'e.Mobile phones must be on silent mode during the class.'
+ ],
+ value:[
+ {
+ answer:'a.Students are supposed to arrive at the classroom on time.',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'d.Keep food and drink outside of the classroom.',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'c.Students should treat others with respect.',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'b.Students are required to come to school in a neat uniform.',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'e.Mobile phones must be on silent mode during the class.',
+ userAnswer:'',
+ isRight:null,
+ },
+ ]
+ }
+ ],
+ dropDownThree:[
+ {
+ type:'dropdown',
+ isShowAnswer:false,
+ option:[
+ 'a.BEST INTEREST OF CLIENTS',
+ 'b.INTEGRITY',
+ 'c.COLLABORATIVE',
+ 'd.STANDARDS OF SERVICES',
+ 'e.REWARDING'
+ ],
+ value:[
+ {
+ answer:'b.INTEGRITY',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'a.BEST INTEREST OF CLIENTS',
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:'d.STANDARDS OF SERVICES',
+ userAnswer:'',
+ isRight:null,
+ },
+ ]
+ }
+ ],
+ readingTwo:[
+ {
+ type:'checkbox',
+ isComplete:false,
+ isRight:false,
+ option:[
+ 'Observe the employee handbook strictly.',
+ 'Get involved in activities inconsistent with company values.',
+ 'Never leak personal information of the client.',
+ 'Advertise products and services in a professional way.',
+ 'Judge customers by appearance.',
+ 'Always give priority to clients鈥� interests.'
+ ],
+ value:[
+ {
+ userAnswer:[]
+ }
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'We may feel cheated when finding the report is actually false.',
+ answer:'misleading',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'A true partnership is a two-way street,and our customers embrace this philosophy.',
+ answer:'clients',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'The disagreements at the workplace need to be resolved in a timely and professional manner.',
+ answer:'conflicts',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'The company鈥檚 image is the reflection of its culture.',
+ answer:'reputation',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'All the staff are required to follow the company code of conduct.',
+ answer:'observe',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stemOne:'The manager asked the intern to',
+ stemTwo:'the data and draft a report.',
+ answer:'dig into',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'A firm must',
+ stemTwo:'the interests of its customers and treat them fairly.',
+ answer:'pay due regard to',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'The newly-recruited staff were asked to',
+ stemTwo:'the routine meeting on Monday.',
+ answer:'engage in',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'',
+ stemTwo:',you shouldn鈥檛 give up without trying.',
+ answer:'Above all',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'She made a speech,',
+ stemTwo:'the sales department,at the annual meeting of the corporation.',
+ answer:'on behalf of',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stemOne:'It鈥檚 9 o鈥檆lock in the evening.He',
+ stemTwo:'(can/could) still be at the office.He is a workaholic.',
+ answer:'could',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'You should introduce yourself; your client',
+ stemTwo:'(can/may) not remember you.',
+ answer:'may',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'I thought he',
+ stemTwo:'(can/might) have a meeting with his team.',
+ answer:'might',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'The customer',
+ stemTwo:'(can/may) be very difficult to deal with when he is in a bad mood.',
+ answer:'can',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stemOne:'There is a slim chance that we',
+ stemTwo:'(can/might) take a rest this weekend.',
+ answer:'might',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ stem:'Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.',
+ answer:'T',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'The new project might work,but it <span class="u">could</span> not.',
+ answer:'F',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'The manager <span class="u">can not</span> have seen the message yet.',
+ answer:'F',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.',
+ answer:'F',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ stem:'The meeting might be cancelled for the delay of their plane.',
+ answer:'T',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ ],
+ listenThree:[
+ {
+ type:'dropdown',
+ isComplete:false,
+ isShowAnswer:false,
+ option:['T','F'],
+ value:[
+ {
+ stem:'A positive workplace might have the same details for everybody.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'It should be a place where the management team enjoys coming to work.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'The happier people are at work,the better they will perform.',
+ answer:'F',
+ userAnswer:''
+ },
+ {
+ stem:'The better the company culture is,the greater the reputation it enjoys.',
+ answer:'T',
+ userAnswer:''
+ },
+ {
+ stem:'Most employees succeed in a positive atmosphere.',
+ answer:'T',
+ userAnswer:''
+ },
+ ]
+ },
+ {
+ type:'select',
+ isComplete:false,
+ isShowAnswer:false,
+ option:['a','b','c','d','e'],
+ value:[
+ {
+ answer:['d','e'],
+ userAnswer:[],
+ isRight:null
+ },
+ {
+ answer:['a','b','c'],
+ userAnswer:[],
+ isRight:null
+ },
+ ]
+ },
]
};
},
@@ -3388,14 +4363,18 @@
if(listenTable) this.listenTable = JSON.parse(listenTable)
const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData')
if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
+ const readingOne = localStorage.getItem('english-chapter06-readingOne')
+ if(readingOne) this.readingOne = JSON.parse(readingOne)
+ const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo')
+ if(dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo)
+ const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree')
+ if(dropdownThree) this.dropdownThree = JSON.parse(dropdownThree)
+ const readingTwo = localStorage.getItem('english-chapter06-readingTwo')
+ if(readingTwo) this.readingTwo = JSON.parse(readingTwo)
+ const listenThree = localStorage.getItem('english-chapter06-listenThree')
+ if(listenThree) this.listenThree = JSON.parse(listenThree)
},
methods: {
- isTextRight(answer, data, num) {
- console.log(answer[num]);
- let flag = null;
- answer[num] ? flag = answer[num] == data :flag = false
- return flag;
- },
arrayToString(data) {
if(Array.isArray(data)) {
return data.toString()
@@ -3403,29 +4382,29 @@
return data
}
},
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
- setTestData() {
- localStorage.setItem("english-testOne", JSON.stringify(this.testData));
- },
- setBookQuestion() {
- console.log("淇濆瓨");
- localStorage.setItem(
- "english-book-question-one",
- JSON.stringify(this.questionData)
- );
- },
async getPath() {
this.resource.listenOne = await getResourcePath(
- "422139A2EF66EA888C5ED1D550AE23E0"
+ "AB15FA5A96B3FA325489F2E6620827FD"
);
this.resource.readingOne = await getResourcePath(
- "3F442B682D84C8AB06C800B29D734920"
+ "DF353557BE4B2C0E71BB2A50C0CA753C"
);
this.resource.readingTwo = await getResourcePath(
- "E8719EC88026BCFB11D292AA999F6D3D"
+ "88F39B788C726DD5DB25F429570FFF7D"
);
+ this.resource.readingThree = await getResourcePath(
+ "B32CC91B062501D0D75349EC300C37EA"
+ );
+ this.resource.readingFour = await getResourcePath(
+ "0CFCC206E2DC45FBA070CD9CD7F0428B"
+ );
+ this.resource.listenTwo = await getResourcePath(
+ "B392589318D7CC282BE811EDA2D8E6B0"
+ );
+ this.resource.listenThree = await getResourcePath(
+ "625FDB71EC5BD35CF489AA4DE6730373"
+ );
+
},
saveDropdoenOne() {
localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))
@@ -3509,20 +4488,164 @@
const item = this.readingOne[index];
item.isShowAnswer = true
item.isComplete = true
- if(item.type !== 'checkbox' && item.type !== 'table') {
+ if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') {
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = array[cindex];
-
+ citem.isRight = citem.answer == citem.userAnswer
}
}
-
}
+ this.saveReadingOne()
},
recastReadingOne() {
-
+ for (let index = 0; index < this.readingOne.length; index++) {
+ const item = this.readingOne[index];
+ item.isShowAnswer = false
+ item.isComplete = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = array[cindex];
+ citem.isRight = null
+ if(item.type == 'checkbox') {
+ citem.userAnswer = []
+ } else if(item.type == 'table') {
+ citem.userAnswerOne = '',
+ citem.userAnswerTwo = ''
+ } else {
+ citem.userAnswer = ''
+ }
+ }
+ }
+ localStorage.removeItem('english-chapter06-readingOne')
},
viewReadingOne() {
-
+ for (let index = 0; index < this.readingOne.length; index++) {
+ const item = this.readingOne[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ handledropDownTwo(num) {
+ for (let index = 0; index < this.dropDownTwo.length; index++) {
+ const item = this.dropDownTwo[index];
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if(cindex == num) {
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+ }
+ localStorage.setItem('english-chapter06-dropdownTwo',JSON.stringify(this.dropDownTwo))
+ },
+ showdropdownTwo() {
+ this.$set(this.dropDownTwo[0],'isShowAnswer',!this.dropDownTwo[0].isShowAnswer)
+ },
+ shownoSubmitData(num,number) {
+ this.$set(this.noSubmitData[num].value[number],'isShowAnswer',!this.noSubmitData[num].value[number].isShowAnswer)
+ },
+ handleDropdownThree(num) {
+ for (let index = 0; index < this.dropDownThree.length; index++) {
+ const item = this.dropDownThree[index];
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if(cindex == num) {
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+ }
+ localStorage.setItem('english-chapter06-dropdownThree',JSON.stringify(this.dropDownThree))
+ },
+ saveReadingTwo() {
+ localStorage.setItem('english-chapter06-readingTwo',JSON.stringify(this.readingTwo))
+ },
+ handlereadingTwo() {
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isComplete = true
+ item.isShowAnswer = true
+ if(item.type !== 'checkbox') {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer
+ }
+ }
+ }
+ this.saveReadingTwo()
+ },
+ recastreadingTwo() {
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if(item.type !== 'checkbox') {
+ citem.userAnswer = ''
+ citem.isRight = null
+ } else {
+ citem.userAnswer = []
+ }
+
+ }
+ }
+ localStorage.removeItem('english-chapter06-readingTwo')
+ },
+ viewreadingTwo() {
+ for (let index = 0; index < this.readingTwo.length; index++) {
+ const item = this.readingTwo[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ saveListenThree() {
+ localStorage.setItem('english-chapter06-listenThree',JSON.stringify(this.listenThree))
+ },
+ changeDropdownDataOne(data) {
+ this.$set(this.listenThree[1].value[0],'userAnswer',data)
+ this.saveListenThree()
+ },
+ changeDropdownDataTwo(data) {
+ this.$set(this.listenThree[1].value[1],'userAnswer',data)
+ this.saveListenThree()
+ },
+ handleListenThree() {
+ for (let index = 0; index < this.listenThree.length; index++) {
+ const item = this.listenThree[index];
+ item.isShowAnswer = true
+ item.isComplete = true
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if(item.type == 'dropdown') {
+ citem.isRight = citem.answer == citem.userAnswer
+ } else {
+ const sortedArr1 = citem.answer.slice().sort();
+ const sortedArr2 = citem.userAnswer.slice().sort();
+ citem.isRight = sortedArr1.every(
+ (value, index) => value === sortedArr2[index]
+ );
+ }
+ }
+ }
+ },
+ recastListenThree() {
+ for (let index = 0; index < this.listenThree.length; index++) {
+ const item = this.listenThree[index];
+ item.isShowAnswer = false
+ item.isComplete = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null
+ if(item.type == 'dropdown') {
+ citem.userAnswer = ''
+ } else {
+ citem.userAnswer = []
+ }
+ }
+ }
+ localStorage.removeItem('english-chapter06-listenThree')
+ },
+ viewListenThree() {
+ for (let index = 0; index < this.listenThree.length; index++) {
+ const item = this.listenThree[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
}
},
};
@@ -3611,4 +4734,12 @@
outline: none;
}
}
+.weekly {
+ border: 2px dotted #935987;
+ border-radius: 6px;
+ width: 100%;
+ .weekly-p {
+ background-color: #d2d2d2;
+ }
+}
</style>
--
Gitblit v1.9.1