From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 05 八月 2024 11:57:36 +0800
Subject: [PATCH] 英语PPT结束
---
src/books/English/view/components/chapter006.vue | 3602 +++++++++++++++++++++++++---------------------------------
1 files changed, 1,531 insertions(+), 2,071 deletions(-)
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index a47c07d..5539a91 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -26,10 +26,7 @@
<div v-if="showPageList.indexOf(104) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -44,10 +41,8 @@
</h2>
<h3 id="c046"><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
- >
+ <b>鈪�.Put the expressions in the box below on the corresponding
+ answer line under each picture.</b>
</p>
<div class="bk-wh">
<p>open plan office銆�cubicles銆�private office銆�SOHO</p>
@@ -61,10 +56,11 @@
<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="'change' + index" :value="item">
- {{ item}}
+ {{ item }}
</option>
</select>
- <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
+ <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="dropDownOne[0].isComplete">
</p>
</li>
<li class="w50">
@@ -74,11 +70,12 @@
<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=" 'ones' +index" :value="item">
- {{ item}}
+ <option v-for="(item, index) in dropDownOne[0].option" :key="'ones' + index" :value="item">
+ {{ item }}
</option>
</select>
- <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
+ <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="dropDownOne[0].isComplete">
</p>
</li>
<li class="w50">
@@ -89,10 +86,11 @@
<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="'noce' + index" :value="item">
- {{ item}}
+ {{ item }}
</option>
</select>
- <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
+ <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="dropDownOne[0].isComplete">
</p>
</li>
<li class="w50">
@@ -106,49 +104,49 @@
{{ item }}
</option>
</select>
- <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete">
+ <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon"
+ v-if="dropDownOne[0].isComplete">
</p>
</li>
</ul>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="dropDownOne[0].isShowAnswer">
- <span>绛旀锛�</span>
- <span v-for="(item,index) in dropDownOne[0].value" :key="index" class="mr-20">
- {{index + 1}}.{{ item.answer }}
- </span>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item, index) in dropDownOne[0].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="handledropDownOne">
- 鎻愪氦
- </button>
- </li>
- <li>
- <button @click="recastdropDownOne" class="btn-border btn-w">
- 閲嶅仛
- </button>
- </li>
- <li>
- <button @click="viewdropDownOne" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
- </li>
- </ul>
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handledropDownOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastdropDownOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewdropDownOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
</div>
<p>
- <b
- >鈪�.Pick up the words in the box below to describe the work
- environment you love and explain your reasons.</b
- >
+ <b>鈪�.Pick up the words in the box below to describe the work
+ environment you love and explain your reasons.</b>
</p>
<div class="bk-wh">
<p>caring, supportive, privacy, friendly, freedom, flexible</p>
</div>
<ul>
- <li v-for="(item,index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px">
- <span class="tl-right" style="width:20%">{{item.stem}}</span>
- <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea>
+ <li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn"
+ style="margin-bottom:10px">
+ <span class="tl-right" style="width:20%">{{ item.stem }}</span>
+ <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100"
+ @input="savenoSubmitData"></textarea>
</li>
</ul>
</div>
@@ -166,9 +164,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -177,42 +173,24 @@
<h3 id="c047" class="fl al-cn">
<span class="bjh3">Listening</span>
<!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
- <audio
- :src="resource.listenOne"
- controls
- controlslist="noplaybackrate nodownload"
- class="audio"
- ></audio>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</h3>
<p>
- <b
- >Four interns are talking about the work environment they
+ <b>Four interns are talking about the work environment they
like.Listen to the recording and fill in the blanks with what
- you hear.</b
- >
+ you hear.</b>
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-tr-bc">
<td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
<td>
I would prefer working in an interesting and professional
environment where everybody works hard and helps each other to
succeed as a l.
- <input
- :disabled="listenTable[0].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="listenTable[0].value[0].userAnswer"
- @input="savelistenTable"
- />
- <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
+ <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" />
+ <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="listenTable[0].isComplete">
</td>
</tr>
<tr class="table-tr-bc">
@@ -220,25 +198,15 @@
<td>
For me, I prefer the workplace that gives me enough space to
grow, There should be good 2.
- <input
- :disabled="listenTable[0].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="listenTable[0].value[1].userAnswer"
- @input="savelistenTable"
- />
- <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
+ <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" />
+ <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="listenTable[0].isComplete">
and mutual 3.
- <input
- :disabled="listenTable[0].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="listenTable[0].value[2].userAnswer"
- @input="savelistenTable"
- />
- <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
+ <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" />
+ <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="listenTable[0].isComplete">
between each team member.
</td>
</tr>
@@ -247,99 +215,84 @@
<td>
I'd like to work in an environment that gives me learning
opportunities as well as spacefor personal 4.
- <input
- :disabled="listenTable[0].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="listenTable[0].value[3].userAnswer"
- @input="savelistenTable"
- />
- <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
+ <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" />
+ <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon"
+ v-if="listenTable[0].isComplete">
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc">Li Tao</td>
<td>
I hope it's a workplace where there is 5.
- <input
- :disabled="listenTable[0].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="listenTable[0].value[4].userAnswer"
- @input="savelistenTable"
- />
- <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete">
+ <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" />
+ <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon"
+ v-if="listenTable[0].isComplete">
for people's ideas as well as appreciationfor good work and
elfort.
</td>
</tr>
</table>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenTable[0].isShowAnswer">
- <span>绛旀锛�</span>
- <span v-for="(item,index) in listenTable[0].value" :key="index" class="mr-20">
- {{index + 1}}.{{ item.answer }}
- </span>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item, index) in listenTable[0].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="handlelistenTable">
- 鎻愪氦
- </button>
- </li>
- <li>
- <button @click="recastlistenTable" class="btn-border btn-w">
- 閲嶅仛
- </button>
- </li>
- <li>
- <button @click="viewlistenTable" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
- </li>
- </ul>
+ <ul class="fl ju-ev" style="width:80%">
+ <li>
+ <button class="btn-border btn-w" @click="handlelistenTable">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastlistenTable" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewlistenTable" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
</div>
<h3 id="c048"><span class="bjh3">Reading</span></h3>
<p>
1.What makes a positive work environment?
- <span class="btn-box" @click="showNoSubmitAnswer(1,0)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <span class="btn-box" @click="showNoSubmitAnswer(1, 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>
+ 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[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100"
+ @input="savenoSubmitData"></textarea>
<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer">
- 绛旀锛歿{noSubmitData[1].value[0].answer}}
+ 绛旀锛歿{ noSubmitData[1].value[0].answer }}
</div>
<p>2.Why would people be more productive in such environment?
- <span class="btn-box" @click="showNoSubmitAnswer(1,1)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <span class="btn-box" @click="showNoSubmitAnswer(1, 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>
+ 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[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100"
+ @input="savenoSubmitData"></textarea>
<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer">
- 绛旀锛歿{noSubmitData[1].value[1].answer}}
+ 绛旀锛歿{ noSubmitData[1].value[1].answer }}
</div>
<p class="center"><b>A Positive Work Environment</b></p>
<p class="center">
- <audio
- :src="resource.readingTwo"
- controls
- controlslist="noplaybackrate nodownload"
- style="margin-left: 10px"
- class="audio"
-
- ></audio>
+ <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
</p>
<p>
How do we exactly define a positive work environment? When asked
@@ -349,14 +302,10 @@
</p>
<p>
Gone are those times when
- <span class="word-bc" @click="saveWord($event, 'candidates')"
- >andidates</span
- >
+ <span class="word-bc" word="candidate">candidates</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')"
- >prospect</span
- >
+ <span class="word-bc">prospect</span>
itself,one factor that is greatly influencing how employees feel
about work is the environment being provided by the employer.The
work environment here includes everything,such as the relationship
@@ -368,26 +317,16 @@
</p>
<p>
An effective way to
- <span class="word-bc" @click="saveWord($event, 'ensure')"
- >ensure</span
- >
+ <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')"
- >behavioral</span
- >
- <span class="word-bc" @click="saveWord($event, 'approach')"
- >approach</span
- >
+ <span class="word-bc">behavioral</span>
+ <span class="word-bc">approach</span>
.Good behavior also
- <span class="word-bc" @click="saveWord($event, 'determines')"
- >determines</span
- >
+ <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')"
- >interaction</span
- >
+ <span class="word-bc">interaction</span>
doesn鈥檛 cost much time for the management team.They only
</p>
</div>
@@ -402,10 +341,7 @@
<div v-if="showPageList.indexOf(106) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -421,70 +357,45 @@
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')"
- >maintain</span
- >
+ <span class="word-bc">maintain</span>
- <span class="word-bc" @click="saveWord($event, 'dignity')"
- >dignity</span
- >.
+ <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')"
- >appreciation</span
- >
+ <span class="word-bc">appreciation</span>
of
- <span class="word-bc" @click="saveWord($event, 'outstanding')"
- >outstanding</span
- >
+ <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')">
- advancement</span
- >
+ <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')"
- >gifted</span
- >
+ <span class="word-bc">gifted</span>
employees and keep that promise.
</p>
<p>
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')"
- >fosters</span
- >
+ <span class="word-bc">fosters</span>
a positive atmosphere and encourages employees
- <span class="word-bc" @click="saveWord($event, 'consistently')"
- >consistently</span
- >
+ <span class="word-bc">consistently</span>
.A positive work environment can improve employees鈥�
happiness,increase the
- <span class="word-bc" @click="saveWord($event, 'productivity')"
- >productivity</span
- >
+ <span class="word-bc">productivity</span>
and motivate those around them.
</p>
<p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px"
- >Words & Expressions</span
- >
+ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio
- :src="resource.readingTwo"
- controls
- controlslist="noplaybackrate nodownload"
- style="margin-left: 10px"
- class="audio"
-
- ></audio>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
<p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
<div class="bkbj">
<p><i>a person who is applying for a job</i></p>
@@ -504,10 +415,8 @@
<p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p>
<div class="bkbj">
<p>
- <i
- >a way of doing or thinking about sth.such as a problem or a
- task</i
- >
+ <i>a way of doing or thinking about sth.such as a problem or a
+ task</i>
</p>
</div>
<p>
@@ -516,10 +425,8 @@
</p>
<div class="bkbj">
<p>
- <i
- >to make sth.happen in a particular way or be of a particular
- type</i
- >
+ <i>to make sth.happen in a particular way or be of a particular
+ type</i>
</p>
</div>
<p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p>
@@ -529,10 +436,8 @@
<p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p>
<div class="bkbj">
<p>
- <i
- >a fact or a piece of evidence that helps to solve a problem
- or reveal the truth in an investigation</i
- >
+ <i>a fact or a piece of evidence that helps to solve a problem
+ or reveal the truth in an investigation</i>
</p>
</div>
<p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
@@ -556,9 +461,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -599,20 +502,16 @@
<p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
<div class="bkbj">
<p>
- <i
- >in a way that does not change and continues for a period of
- time</i
- >
+ <i>in a way that does not change and continues for a period of
+ time</i>
</p>
</div>
<p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
<div class="bkbj">
<p>
- <i
- >the rate at which a worker,a company or a country produces
+ <i>the rate at which a worker,a company or a country produces
goods,and the amount produced,compared with how much time,work
- and money is needed to produce them</i
- >
+ and money is needed to produce them</i>
</p>
</div>
<ul class="fl fw-wr">
@@ -631,15 +530,10 @@
A.Mark the elements of a positive work environment mentioned in
the passage.
</p>
- <p v-for="(item,index) in readingOne[0].option" :key="index">
- <input type="checkbox"
- :value="item"
- name="change"
- v-model="readingOne[0].value[0].userAnswer"
- :disabled="readingOne[0].isComplete"
- @input="saveReadingOne"
- >
- {{item}}
+ <p v-for="(item, index) in readingOne[0].option" :key="index">
+ <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer"
+ :disabled="readingOne[0].isComplete" @input="saveReadingOne">
+ {{ item }}
</p>
</div>
</div>
@@ -653,10 +547,7 @@
<div v-if="showPageList.indexOf(108) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -677,13 +568,7 @@
<p>2.What does positive work environment refer to?</p>
<p>3.How do employers maintain a positive work environment?</p>
</div>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Paragraphs</td>
<td class="wh-no tl-cn">Related Questions</td>
@@ -692,61 +577,34 @@
<tr class="table-tr-bc">
<td class="tl-cn">Para. 1-2</td>
<td class="wh-no tl-cn">
- <input
- :disabled="readingOne[1].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="readingOne[1].value[0].userAnswerOne"
- @input="saveReadingOne"
- />
+ <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" />
</td>
<td style="width: 80%">
- <textarea
- v-model="readingOne[1].value[0].userAnswerTwo"
- class="w100 table-tr-bc b0 table-textarea"
- @input="saveReadingOne"
- ></textarea>
+ <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
+ @input="saveReadingOne"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">Para. 3-4</td>
<td class="tl-cn">
- <input
- :disabled="readingOne[1].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="readingOne[1].value[1].userAnswerOne"
- @input="saveReadingOne"
- />
+ <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" />
</td>
<td>
- <textarea
- v-model="readingOne[1].value[1].userAnswerTwo"
- class="w100 table-tr-bc b0 table-textarea"
- @input="saveReadingOne"
- ></textarea>
+ <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
+ @input="saveReadingOne"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">Para. 5</td>
<td class="tl-cn">
- <input
- :disabled="readingOne[1].isComplete"
- type="text"
- class="input-bottom-border input-bc-t"
- style="width: 70px"
- v-model="readingOne[1].value[2].userAnswerOne"
- @input="saveReadingOne"
- />
+ <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" />
</td>
<td>
- <textarea
- v-model="readingOne[1].value[2].userAnswerTwo"
- class="w100 table-tr-bc b0 table-textarea"
- @input="saveReadingOne"
- ></textarea>
+ <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea"
+ @input="saveReadingOne"></textarea>
</td>
</tr>
</table>
@@ -755,19 +613,19 @@
A.Fill in the blanks with the proper words in the passage.The
initial letters of the words have been given.
</p>
- <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 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>
- <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 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
@@ -779,11 +637,12 @@
aware of
</p>
</div>
- <p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index">
- {{index + 1}}.
+ <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">
+ <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>
@@ -800,54 +659,44 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index">
- {{index + 3}}.
+ <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">
+ <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 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 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>
<ul>
- <li v-for="(item,index) in readingOne[4].value" :key="index">
+ <li v-for="(item, index) in readingOne[4].value" :key="index">
<p>
- {{index + 1}}. {{item.stem}}
+ {{ 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">
+ <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" >
- <svg
- t="1717037443722"
- class="icon"
- viewBox="0 0 1024 1024"
- version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- p-id="30864"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="20"
- height="20"
- >
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
<path
d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
- p-id="30865"
- ></path>
+ p-id="30865"></path>
</svg>
</span>
</p>
@@ -859,21 +708,21 @@
sentences.
</p>
<ul>
- <li v-for="(item,index) in readingOne[5].value" :key="'list' + index">
+ <li v-for="(item, index) in readingOne[5].value" :key="'list' + index">
<p>
- {{index + 1}}.{{item.stem}}
+ {{ 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 v-for="(citem, cindex) in item.option" :key="'option' + cindex">
+ <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer"
+ @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 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>
@@ -887,10 +736,7 @@
<div v-if="showPageList.indexOf(110) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -905,30 +751,31 @@
sentences.
</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 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>
+ <li>
<button class="btn-border btn-w" @click="handleReadingOne">
- 鎻愪氦
+ 鎻愪氦
</button>
- </li>
- <li>
+ </li>
+ <li>
<button @click="recastReadingOne" class="btn-border btn-w">
- 閲嶅仛
+ 閲嶅仛
</button>
- </li>
- <li>
+ </li>
+ <li>
<button @click="viewReadingOne" class="parimary-btn">
- 鏌ョ湅绛旀
+ 鏌ョ湅绛旀
</button>
- </li>
+ </li>
</ul>
- </div>
+ </div>
<h3 id="c049"><span class="bjh3">Mini-project</span></h3>
<p>
A pleasant work environment can make employees love their jobs and
@@ -936,19 +783,9 @@
work environment and explain the reasons for your choice.
</p>
<p class="left">
- <img
- class="img-gn"
- alt=""
- src="../../assets/images/dy1-worksheet.jpg"
- />
+ <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Elements</td>
<td class="tl-cn">Reasons for the Choice</td>
@@ -962,82 +799,52 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[2].value[0].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[0].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[2].value[1].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[2].value[2].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[2].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[2].value[3].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[2].value[4].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[4].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[2].value[5].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[2].value[6].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[6].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[2].value[7].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[2].value[8].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[8].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[2].value[9].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -1056,220 +863,147 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
<p class="left">
- <img
- class="img-gn"
- alt=""
- src="../../assets/images/dy1-wordbank.jpg"
- />
+ <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
</p>
<div class="bk-wh">
<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
- >
+ <span class="word-bc mr-20 dl-span">relationship</span>
+ <span class="word-bc mr-20 dl-span">communication</span>
+ <span class="word-bc mr-20 dl-span">productivity</span>
+ <span class="word-bc mr-20 dl-span">respect</span>
+ <span class="word-bc mr-20 dl-span">pleasure</span>
+ <span class="word-bc mr-20 dl-span">professional</span>
+ <span class="word-bc mr-20 dl-span">team spirit</span>
+ <span class="word-bc mr-20 dl-span">job satisfaction</span>
+ <span class="word-bc mr-20 dl-span">personal development</span>
+ <span class="word-bc mr-20 dl-span">job prospect</span>
+ <span class="word-bc mr-20 dl-span">modern decor</span>
</p>
</div>
- <div
- class="resource-primary-border"
- style="padding: 8px; margin: 5% 0%"
- >
+ <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" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤17.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤18.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤19.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤20.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤21.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤22.jpg" />
</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" />
+ <img src="../../assets/images/ppt/6-1銆丮ODULE 6锛坙esson one锛塤23.jpg" />
</div>
</div>
</div>
@@ -1285,16 +1019,14 @@
</h2>
<h3 id="c050"><span class="bjh3">Warm-up</span></h3>
<p>
- <b
- >鈪�.Put the following statements into the corresponding box to
- make a code of conduct for a school.</b
- >
+ <b>鈪�.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">
+ <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>
+ 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">
@@ -1307,97 +1039,92 @@
<p>e.Mobile phones must be on silent mode during the class.</p>
</div>
<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"
+ <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>
+ </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>
+ <img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon"
+ v-if="dropDownTwo[0].value[4].isRight == true || dropDownTwo[0].value[4].isRight == false">
+ </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 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>
@@ -1411,10 +1138,7 @@
<div v-if="showPageList.indexOf(112) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -1426,35 +1150,29 @@
<div class="bodystyle">
<h3 id="c051"><span class="bjh3">Reading</span></h3>
<ul>
- <li v-for="(item,index) in noSubmitData[3].value" :key="index">
+ <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">
+ {{ 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>
+ 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>
+ <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"
- controls
- controlslist="noplaybackrate nodownload"
- style="margin-left: 10px"
- class="audio"
-
- ></audio>
+ <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
</p>
<p>
A company code of conduct is a set of rules and standards all
@@ -1465,18 +1183,12 @@
</p>
<p>
Often,a company uses its
- <span class="word-bc" @click="saveWord($event, 'core')"
- >core</span
- >
+ <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')"
- >outline</span
- >
+ <span class="word-bc">outline</span>
how the organization operates,how employees
- <span class="word-bc" @click="saveWord($event, 'conduct')"
- >conduct</span
- >
+ <span class="word-bc">conduct</span>
themselves daily,and how they work with others on behalf of the
organization.
</p>
@@ -1484,9 +1196,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')"
- >enforcing</span
- >
+ <span class="word-bc">enforcing</span>
this code.
</p>
<p>
@@ -1507,9 +1217,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -1519,39 +1227,31 @@
<p class="center"><b>THE COMPANY CODE OF CONDUCT</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 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">
+ <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')"
- >integrity</span
- >
+ <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')"
- >reputation</span
- >
+ <span class="word-bc">reputation</span>
of the company.
</p>
<p>
3.
- <span class="word-bc" @click="saveWord($event, 'Conflicts')"
- >Conflicts</span
- >
+ <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')"
- >inconsistent</span
- >
+ <span class="word-bc">inconsistent</span>
with the company mission and values.
</p>
<p>
@@ -1559,35 +1259,27 @@
</p>
<p>
5.Advertising.Products should not be
- <span class="word-bc" @click="saveWord($event, 'advertised')"
- >advertised</span
- >
+ <span class="word-bc">advertised</span>
in a
- <span class="word-bc" @click="saveWord($event, 'misleading')"
- >misleading</span
- >
+ <span class="word-bc">misleading</span>
way.
</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 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">
+ <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')"
- >Competence</span
- >
+ <span class="word-bc">Competence</span>
.Advise clients only on matters in which they are
- <span class="word-bc" @click="saveWord($event, 'competent')"
- >competent</span
- >
+ <span class="word-bc">competent</span>
.
</p>
<p>
@@ -1600,28 +1292,24 @@
</p>
<p>
9.
- <span class="word-bc" @click="saveWord($event, 'Suitability')"
- >Suitability</span
- >
+ <span class="word-bc">Suitability</span>
of advice.Advice should be suitable for the clients鈥� needs.
</p>
<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')"
- >competitor</span
- >.
+ <span class="word-bc">competitor</span>.
</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 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">
+ <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
@@ -1629,27 +1317,19 @@
</p>
<p>
12.Professional
- <span class="word-bc" @click="saveWord($event, 'discipline')"
- >discipline</span
- >
+ <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')"
- >observe</span
- >
+ <span class="word-bc">observe</span>
the company
- <span class="word-bc" @click="saveWord($event, 'guidance')"
- >guidance</span
- >
+ <span class="word-bc">guidance</span>
.
</p>
<p>
14.
- <span class="word-bc" @click="saveWord($event, 'Complaints')"
- >Complaints</span
- >
+ <span class="word-bc">Complaints</span>
.Handle the complaints fairly and quickly.
</p>
<p>
@@ -1658,19 +1338,11 @@
</p>
</div>
<p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px"
- >Words & Expressions</span
- >
+ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio
- :src="resource.readingTwo"
- controls
- controlslist="noplaybackrate nodownload"
- style="margin-left: 10px"
- class="audio"
-
- ></audio>
+ <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
<p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
<div class="bkbj">
<p><i>the most important or central part of sth.</i></p>
@@ -1678,10 +1350,8 @@
<p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p>
<div class="bkbj">
<p>
- <i
- >to give a description of the main facts or points involved in
- sth.</i
- >
+ <i>to give a description of the main facts or points involved in
+ sth.</i>
</p>
</div>
<p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p>
@@ -1697,10 +1367,7 @@
<div v-if="showPageList.indexOf(114) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -1722,19 +1389,15 @@
<p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝ｇ洿</p>
<div class="bkbj">
<p>
- <i
- >the quality of being honest and having strong moral
- principles</i
- >
+ <i>the quality of being honest and having strong moral
+ principles</i>
</p>
</div>
<p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
<div class="bkbj">
<p>
- <i
- >a person who uses the services or advice of a professional
- person or organization</i
- >
+ <i>a person who uses the services or advice of a professional
+ person or organization</i>
</p>
</div>
<p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
@@ -1746,10 +1409,8 @@
<p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
<div class="bkbj">
<p>
- <i
- >a situation in which people,groups or countries are involved
- in a serious disagreement or argument</i
- >
+ <i>a situation in which people,groups or countries are involved
+ in a serious disagreement or argument</i>
</p>
</div>
<p>
@@ -1762,28 +1423,22 @@
<p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
<div class="bkbj">
<p>
- <i
- >a situation in which you expect sb.to keep information
- secret</i
- >
+ <i>a situation in which you expect sb.to keep information
+ secret</i>
</p>
</div>
<p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
<div class="bkbj">
<p>
- <i
- >to tell the public about a product or a service in order to
- encourage people to buy or to use it</i
- >
+ <i>to tell the public about a product or a service in order to
+ encourage people to buy or to use it</i>
</p>
</div>
<p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
<div class="bkbj">
<p>
- <i
- >giving the wrong idea or impression and making you believe
- sth.that is not true</i
- >
+ <i>giving the wrong idea or impression and making you believe
+ sth.that is not true</i>
</p>
</div>
<p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
@@ -1804,19 +1459,15 @@
</p>
<div class="bkbj">
<p>
- <i
- >a person or an organization that compete against
- others,esp.in business</i
- >
+ <i>a person or an organization that compete against
+ others,esp.in business</i>
</p>
</div>
<p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
<div class="bkbj">
<p>
- <i
- >the ability to control your behavior or the way you
- live,work,etc.</i
- >
+ <i>the ability to control your behavior or the way you
+ live,work,etc.</i>
</p>
</div>
</div>
@@ -1834,9 +1485,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -1872,9 +1521,10 @@
passage.
</p>
<div class="bk-11">
- <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 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>
</div>
</div>
@@ -1889,10 +1539,7 @@
<div v-if="showPageList.indexOf(116) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -1907,17 +1554,17 @@
A.Replace the words in italics with the exact words in the passage
and change the form if necessary.
</p>
- <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 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>
- <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 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
@@ -1928,37 +1575,28 @@
on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all
</p>
</div>
- <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 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>
- <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 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" >
- <svg
- t="1717037443722"
- class="icon"
- viewBox="0 0 1024 1024"
- version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- p-id="30864"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="20"
- height="20"
- >
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
<path
d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
- p-id="30865"
- ></path>
+ p-id="30865"></path>
</svg>
</span>
</p>
@@ -1966,25 +1604,26 @@
<img class="w100" :src="imgThirteenOne" />
</div>
<p>A.Choose the correct modal verbs in the brackets.</p>
- <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 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>
- <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 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 v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index">
- {{index + 1}}.
+ <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">
+ <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>
@@ -2001,46 +1640,44 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index">
- {{index + 4}}.
+ <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">
+ <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 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 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>
+ <li>
<button class="btn-border btn-w" @click="handlereadingTwo">
- 鎻愪氦
+ 鎻愪氦
</button>
- </li>
- <li>
+ </li>
+ <li>
<button @click="recastreadingTwo" class="btn-border btn-w">
- 閲嶅仛
+ 閲嶅仛
</button>
- </li>
- <li>
+ </li>
+ <li>
<button @click="viewreadingTwo" class="parimary-btn">
- 鏌ョ湅绛旀
+ 鏌ョ湅绛旀
</button>
- </li>
+ </li>
</ul>
- </div>
+ </div>
<h3 id="c052"><span class="bjh3">Mini-project</span></h3>
<p>
Work in groups.Ask your group members about any improper behavior
@@ -2048,19 +1685,9 @@
conduct.Share your opinions with the class.
</p>
<p class="left">
- <img
- class="img-gn"
- alt=""
- src="../../assets/images/dy1-worksheet.jpg"
- />
+ <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn wh-no">Improper Behavior</td>
<td class="tl-cn">Talking Loudly</td>
@@ -2076,230 +1703,180 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[4].value[0].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[0].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[4].value[1].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[4].value[2].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[2].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[4].value[3].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[4].value[4].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[4].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[4].value[5].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[4].value[6].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[6].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[4].value[7].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea
- v-model="noSubmitData[4].value[8].userAnswer"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[8].userAnswer"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[4].value[9].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @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 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/6-2銆丮ODULE 6锛坙esson two锛塤01.jpg" />
</div>
- <div class="swiper-button-next"></div>
- <div class="swiper-button-prev"></div>
- <div class="pageBox"></div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤15.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤16.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤17.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤18.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤19.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤20.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤21.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤22.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-2銆丮ODULE 6锛坙esson two锛塤23.jpg" />
+ </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">
@@ -2308,38 +1885,30 @@
<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
- >鈪�.Listen to the monologue about the perfect workplace and
+ <b>鈪�.Listen to the monologue about the perfect workplace and
decide whether the following statements are true (T) or false
- (F).</b
- >
+ (F).</b>
</p>
- <p v-for="(item,index) in listenThree[0].value" :key="index">
+ <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>
+ <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">
+ {{ index + 1 }}.{{ item.stem }}
+ <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
</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 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>
@@ -2353,10 +1922,7 @@
<div v-if="showPageList.indexOf(118) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -2367,25 +1933,20 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- <b
- >鈪�.Listen to the conversation about the dress code between Sally
+ <b>鈪�.Listen to the conversation about the dress code between Sally
and Ross and match the following information with the
- corresponding speaker.</b
- >
+ corresponding speaker.</b>
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-tr-bc">
<td class="tl-cn wh-no table-th-bc">Sally</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">
+ <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne"
+ ref="choiceDropdownOne" :userAnswer="listenThree[1].value[0].userAnswer" />
+ <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[1].isComplete">
</td>
<td rowspan="2">
<p class="table-p">
@@ -2413,58 +1974,59 @@
<td class="table-th-bc tl-cn">Ross</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">
+ <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 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>
+ <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>
<ul>
- <li v-for="(item,index) in noSubmitData[5].value" :key="index">
+ <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">
+ {{ 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>
+ 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>
+ <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>
@@ -2482,11 +2044,7 @@
<p>鈼哤ho attended the meeting and who was absent</p>
<p>鈼哤hat happened at the meeting in detail</p>
<p class="center">
- <img
- class="img-b"
- alt=""
- src="../../assets/images/0122-2.jpg"
- />
+ <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" />
</p>
</div>
</div>
@@ -2504,9 +2062,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -2516,62 +2072,58 @@
<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">
+ <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>
+ 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>
+
+ <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"
- alt=""
- src="../../assets/images/0123-1.jpg"
- />
+ 2.<img class="inline1" alt="" 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">
+ <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>
+ 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[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>
+ <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">
+ <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>
+ 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>
+ <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" />
@@ -2588,10 +2140,7 @@
<div v-if="showPageList.indexOf(120) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -2605,26 +2154,16 @@
<img class="img-a" alt="" src="../../assets/images/0123-3.jpg" />
</p>
<p>
- <b
- >鈪�.Match the following sentences with the correct
- translation.</b
- >
+ <b>鈪�.Match the following sentences with the correct
+ translation.</b>
</p>
<matching :rawData="rawData" :question="question" />
<p>
- 鈪�<b
- >.The HR department has been assigned the task to prepare the
+ 鈪�<b>.The HR department has been assigned the task to prepare the
in-service training for the newly recruited employees.Complete
- the following minutes based on the information provided.</b
- >
+ the following minutes based on the information provided.</b>
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn" style="width: 86%">Interviewees</td>
<td class="tl-cn">Presented By</td>
@@ -2665,9 +2204,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -2677,10 +2214,10 @@
<img class="img-a" alt="" src="../../assets/images/0125-1.jpg" />
</p>
<div class="weekly" style="padding:0 20px">
- <p class="weekly-p">
+ <p class="weekly-p">
I.MEETING DETAILS
- </p>
- <ul class="fl fw-wr ju-bt" >
+ </p>
+ <ul class="fl fw-wr ju-bt">
<li>
<p>Meeting Leader: Samuel Birch</p>
<p>Date: September 26,2023</p>
@@ -2690,55 +2227,61 @@
<p>Note Taker: Rachel Green</p>
<p>Time: 3 p. m.</p>
</li>
- </ul>
- <p class="weekly-p">
+ </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">
+ </p>
+ <p>Present: Samuel Birch, Tim Shaw, James Lee, Rachel Green</p>
+ <p>Absent: None</p>
+ <p class="weekly-p">
鈪�.CALLTO ORDER
- </p>
- <p>
+ </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">
+ <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>
+ </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">
+ <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">
+ </p>
+ <p class="weekly-p">
鈪�.BUSINESS DISCUSSED
- </p>
- <p>
+ </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">
+ <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>
+ </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">
+ <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">
+ <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">
+ </p>
+ <p class="weekly-p">
鈪�.ADJOURNMENT
- </p>
- <p>
+ </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">
+ <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" >
+ </p>
+ <p class="fl fw-wr ju-bt">
<span>Submitted by: Rachel Green</span>
<span>Approved by: Samuel Birch</span>
- </p>
+ </p>
</div>
<div class="un-h2">
<h2 id="b024">Unit Project</h2>
@@ -2766,10 +2309,7 @@
<div v-if="showPageList.indexOf(122) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div
- class="event-header-bc-unit6 fl al-end"
- style="height: 100px; padding-left: 40px"
- >
+ <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit6">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
@@ -2792,19 +2332,9 @@
</p>
<p class="img">Picture 3</p>
<p class="left">
- <img
- class="img-gn"
- alt=""
- src="../../assets/images/dyworksheet1.jpg"
- />
+ <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" />
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Pictures</td>
<td class="tl-cn">Problems</td>
@@ -2827,49 +2357,31 @@
<tr class="table-tr-bc">
<td class="tl-cn">2</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[0].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[1].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[2].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">3</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[3].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[4].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[8].value[5].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -2888,9 +2400,7 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6"
- >A GLIMPSE OF THE WORK ENVIRONMENT</span
- >
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -2901,19 +2411,9 @@
know,and then work with your partner to finish Worksheet 2.
</p>
<p class="left">
- <img
- class="img-gn"
- alt=""
- src="../../assets/images/dyworksheet2.jpg"
- />
+ <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" />
</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff"
- class="fz-14"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Respondents</td>
<td class="tl-cn">Problems</td>
@@ -2922,92 +2422,56 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea
- v-model="noSubmitData[9].value[0].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td class="tl-lf">
- <textarea
- v-model="noSubmitData[9].value[1].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td class="tl-lf">
- <textarea
- v-model="noSubmitData[9].value[2].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td class="tl-lf">
- <textarea
- v-model="noSubmitData[9].value[3].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea
- v-model="noSubmitData[9].value[4].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[5].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[6].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[7].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea
- v-model="noSubmitData[9].value[8].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[9].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[10].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
<td>
- <textarea
- v-model="noSubmitData[9].value[11].userAnswer"
- class="w100 table-tr-bc b0 table-textarea"
- @input="savenoSubmitData"
- ></textarea>
+ <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea"
+ @input="savenoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -3027,152 +2491,107 @@
<p>Effective communication is quite important for ...</p>
</div>
<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/6-3銆丮ODULE 6锛坙esson three锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤15.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤16.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤17.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/6-3銆丮ODULE 6锛坙esson three锛塤18.jpg" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -3188,18 +2607,27 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapterSix",
- components: { matching,dropdown },
+ components: { matching, dropdown },
props: {
showPageList: {
type: Array,
},
},
+ watch: {
+ showPageList: {
+ handler(newVal) {
+ console.log(123, newVal, this.$refs);
+
+ },
+ immediate: true
+ }
+ },
data() {
return {
imgThirteen: require("../../assets/images/grammar6-1.png"),
imgThirteenOne: require("../../assets/images/grammar6-2.png"),
- correctIcon:require('@/assets/images/correct.svg'),
- errorIcon:require('@/assets/images/error.svg'),
+ correctIcon: require('@/assets/images/correct.svg'),
+ errorIcon: require('@/assets/images/error.svg'),
showImg: false,
showImgOne: false,
rawData: {
@@ -3478,657 +2906,661 @@
listenOne: "",
readingOne: "",
readingTwo: "",
+ readingThree: "",
+ readingFour: "",
+ listenTwo: "",
+ listenThree: "",
},
// 鏂板
- dropDownOne:[
+ dropDownOne: [
{
- type:'dropdown',
- isComplete:false,
- isShowAnswer:false,
- option:[
- 'open plan office','cubicles','private office','SOHO'
+ type: 'dropdown',
+ isComplete: false,
+ isShowAnswer: false,
+ option: [
+ 'open plan office', 'cubicles', 'private office', 'SOHO'
],
- value:[
+ value: [
{
- answer:"cubicles",
- userAnswer:"",
- isRight:"",
+ answer: "cubicles",
+ userAnswer: "",
+ isRight: "",
},
{
- answer:"open plan office",
- userAnswer:"",
- isRight:"",
+ answer: "open plan office",
+ userAnswer: "",
+ isRight: "",
},
{
- answer:"private office",
- userAnswer:"",
- isRight:"",
+ answer: "private office",
+ userAnswer: "",
+ isRight: "",
},
{
- answer:"SOHO",
- userAnswer:"",
- isRight:"",
+ answer: "SOHO",
+ userAnswer: "",
+ isRight: "",
},
]
}
],
- listenTable:[
+ listenTable: [
{
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- answer:'team',
- userAnswer:'',
- isRight:null
+ answer: 'team',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'communication',
- userAnswer:'',
- isRight:null
+ answer: 'communication',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'understanding',
- userAnswer:'',
- isRight:null
+ answer: 'understanding',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'development',
- userAnswer:'',
- isRight:null
+ answer: 'development',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'respect',
- userAnswer:'',
- isRight:null
+ answer: 'respect',
+ userAnswer: '',
+ isRight: null
},
]
}
],
- noSubmitData:[
+ noSubmitData: [
{
- type:'shortAnswer',
- value:[
+ type: 'shortAnswer',
+ value: [
{
- stem:'caring',
- userAnswer:''
+ stem: 'caring',
+ userAnswer: ''
},
{
- stem:'supportive',
- userAnswer:''
+ stem: 'supportive',
+ userAnswer: ''
},
{
- stem:'privacy',
- userAnswer:''
+ stem: 'privacy',
+ userAnswer: ''
},
{
- stem:'friendly',
- userAnswer:''
+ stem: 'friendly',
+ userAnswer: ''
},
{
- stem:'freedom',
- userAnswer:''
+ stem: 'freedom',
+ userAnswer: ''
},
{
- stem:'flexible',
- userAnswer:''
+ stem: 'flexible',
+ userAnswer: ''
},
]
},
{
- type:'shortAnswer',
- value:[
+ type: 'shortAnswer',
+ value: [
{
- userAnswer:'',
- answer:'A positive work environment is characterized by factors like supportive colleagues, a respectful atmosphere, open communication, opportunities for growth, and a comfortable physical setting. It promotes collaboration, job satisfaction, and employee well-being.',
- isShowAnswer:false
+ userAnswer: '',
+ answer: 'A positive work environment is characterized by factors like supportive colleagues, a respectful atmosphere, open communication, opportunities for growth, and a comfortable physical setting. It promotes collaboration, job satisfaction, and employee well-being.',
+ isShowAnswer: false
},
{
- userAnswer:'',
- answer:'People tend to be more productive in a positive work environment because they feel motivated, valued, and empowered. When they enjoy their workplace, they are more likely to be engaged, contribute ideas, and work together effectively, leading to increased efficiency and better results.',
- isShowAnswer:false
+ userAnswer: '',
+ answer: 'People tend to be more productive in a positive work environment because they feel motivated, valued, and empowered. When they enjoy their workplace, they are more likely to be engaged, contribute ideas, and work together effectively, leading to increased efficiency and better results.',
+ isShowAnswer: false
},
]
},
{
- type:'table',
- value:[
+ type: 'table',
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:'shortAnswer',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ 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: '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:''
+ 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:[
+ type: 'table',
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:"shortAnswer",
- value:[
+ 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.',
+ 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:''
+ 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:''
+ 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:[
+ 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: ['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: ['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 ']
+ isShowAnswer: false,
+ userAnswer: '',
+ answer: ['Updates of Code of Conduct ', 'In-Service Training ']
}
]
},
{
- type:'fill',
- value:[
+ type: 'fill',
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:'table',
- value:[
+ type: 'table',
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:'table',
- value:[
+ type: 'table',
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
]
}
],
- readingOne:[
+ readingOne: [
{
- type:'checkbox',
- isComplete:false,
- isShowAnswer:false,
- option:['Company culture','Personal development','Relationship with colleagues','Salary','Caf茅','Leaders'],
- value:[
+ type: 'checkbox',
+ isComplete: false,
+ isShowAnswer: false,
+ option: ['Company culture', 'Personal development', 'Relationship with colleagues', 'Salary', 'Caf茅', 'Leaders'],
+ value: [
{
- userAnswer:[]
+ userAnswer: []
}
]
},
{
- type:'table',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'table',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswerOne:'',
- userAnswerTwo:'',
+ userAnswerOne: '',
+ userAnswerTwo: '',
},
{
- userAnswerOne:'',
- userAnswerTwo:'',
+ userAnswerOne: '',
+ userAnswerTwo: '',
},
{
- userAnswerOne:'',
- userAnswerTwo:'',
+ userAnswerOne: '',
+ userAnswerTwo: '',
},
]
},
{
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- 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: '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: '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: '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: '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
+ 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:[
+ 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: '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: '<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 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: '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
+ 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:[
+ type: 'translate',
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
{
- stem:'Communication is quite necessary to ensure a healthy relationship with coworkers.',
- userAnswer:'',
+ 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: '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: '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:'',
+ 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:[
+ type: 'radio',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- stem:'鍏氦杞︽潵浜嗐��',
- option:[
+ stem: '鍏氦杞︽潵浜嗐��',
+ option: [
{
- label:'There comes the bus.',
- value:'a',
+ label: 'There comes the bus.',
+ value: 'a',
},
{
- label:'There the bus comes.',
- value:'b'
+ label: 'There the bus comes.',
+ value: 'b'
}
],
- answer:'',
- userAnswer:''
+ answer: '',
+ userAnswer: ''
},
{
- stem:'鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��',
- option:[
+ stem: '鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��',
+ option: [
{
- label:'Gone are the days when rich countries make the rules and everyone else follows.',
- value:'a',
+ 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'
+ label: 'Gone the days are when rich countries make the rules and everyone else follows.',
+ value: 'b'
}
],
- answer:'',
- userAnswer:''
+ answer: '',
+ userAnswer: ''
},
{
- stem:'鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��',
- option:[
+ stem: '鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��',
+ option: [
{
- label:'No sooner did we reached the airport than the plane had taken off.',
- value:'a',
+ 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'
+ label: 'No sooner had we reached the airport than the plane took off.',
+ value: 'b'
}
],
- answer:'',
- userAnswer:''
+ answer: '',
+ userAnswer: ''
},
{
- stem:'鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��',
- option:[
+ stem: '鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��',
+ option: [
{
- label:'Only then he realized that he was wrong.',
- value:'a',
+ label: 'Only then he realized that he was wrong.',
+ value: 'a',
},
{
- label:'Only then did he realize that he was wrong.',
- value:'b'
+ label: 'Only then did he realize that he was wrong.',
+ value: 'b'
}
],
- answer:'',
- userAnswer:''
+ answer: '',
+ userAnswer: ''
},
{
- stem:'闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�',
- option:[
+ stem: '闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�',
+ option: [
{
- label:'Not until the rain stopped did he leave the room.',
- value:'a',
+ 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'
+ label: 'Not until did the rain stop he left the room.',
+ value: 'b'
}
],
- answer:'',
- userAnswer:''
+ answer: '',
+ userAnswer: ''
},
]
},
{
- type:'montage',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'montage',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- stem:'did he it saw so and I',
- userAnswer:''
+ stem: 'did he it saw so and I',
+ userAnswer: ''
},
{
- stem:'he young is he a lot knows as',
- userAnswer:''
+ stem: 'he young is he a lot knows as',
+ userAnswer: ''
},
{
- stem:'no under will lend circumstances I money him to',
- userAnswer:''
+ stem: 'no under will lend circumstances I money him to',
+ userAnswer: ''
},
{
- stem:'she have hardly music listen to does time to',
- userAnswer:''
+ stem: 'she have hardly music listen to does time to',
+ userAnswer: ''
},
{
- stem:'village in the front of river a was',
- userAnswer:''
+ stem: 'village in the front of river a was',
+ userAnswer: ''
},
]
}
],
- dropDownTwo:[
+ dropDownTwo: [
{
- type:'dropdown',
- isShowAnswer:false,
- option:[
+ 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:[
+ value: [
{
- answer:'a.Students are supposed to arrive at the classroom on time.',
- userAnswer:'',
- isRight:null,
+ 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: 'd.Keep food and drink outside of the classroom.',
+ userAnswer: '',
+ isRight: null,
},
{
- answer:'c.Students should treat others with respect.',
- 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: '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,
+ answer: 'e.Mobile phones must be on silent mode during the class.',
+ userAnswer: '',
+ isRight: null,
},
]
}
],
- dropDownThree:[
+ dropDownThree: [
{
- type:'dropdown',
- isShowAnswer:false,
- option:[
+ type: 'dropdown',
+ isShowAnswer: false,
+ option: [
'a.BEST INTEREST OF CLIENTS',
'b.INTEGRITY',
'c.COLLABORATIVE',
'd.STANDARDS OF SERVICES',
'e.REWARDING'
],
- value:[
+ value: [
{
- answer:'b.INTEGRITY',
- userAnswer:'',
- isRight:null,
+ answer: 'b.INTEGRITY',
+ userAnswer: '',
+ isRight: null,
},
{
- answer:'a.BEST INTEREST OF CLIENTS',
- userAnswer:'',
- isRight:null,
+ answer: 'a.BEST INTEREST OF CLIENTS',
+ userAnswer: '',
+ isRight: null,
},
{
- answer:'d.STANDARDS OF SERVICES',
- userAnswer:'',
- isRight:null,
+ answer: 'd.STANDARDS OF SERVICES',
+ userAnswer: '',
+ isRight: null,
},
]
}
],
- readingTwo:[
+ readingTwo: [
{
- type:'checkbox',
- isComplete:false,
- isRight:false,
- option:[
+ 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.',
@@ -4136,220 +3568,220 @@
'Judge customers by appearance.',
'Always give priority to clients鈥� interests.'
],
- value:[
+ value: [
{
- userAnswer:[]
+ userAnswer: []
}
]
},
{
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ 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: '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: '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 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: '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
+ 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:[
+ 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: '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: '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: '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: '',
+ 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
+ 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:[
+ 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: '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: '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: '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: '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
+ 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:[
+ 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: '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 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: '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: '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
+ stem: 'The meeting might be cancelled for the delay of their plane.',
+ answer: 'T',
+ userAnswer: '',
+ isRight: null
},
]
},
],
- listenThree:[
+ listenThree: [
{
- type:'dropdown',
- isComplete:false,
- isShowAnswer:false,
- option:['T','F'],
- value:[
+ 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: '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: '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 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: '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:''
+ stem: 'Most employees succeed in a positive atmosphere.',
+ answer: 'T',
+ userAnswer: ''
},
]
},
{
- type:'select',
- isComplete:false,
- isShowAnswer:false,
- option:['a','b','c','d','e'],
- value:[
+ type: 'select',
+ isComplete: false,
+ isShowAnswer: false,
+ option: ['a', 'b', 'c', 'd', 'e'],
+ value: [
{
- answer:['d','e'],
- userAnswer:[],
- isRight:null
+ answer: ['d', 'e'],
+ userAnswer: [],
+ isRight: null
},
{
- answer:['a','b','c'],
- userAnswer:[],
- isRight:null
+ answer: ['a', 'b', 'c'],
+ userAnswer: [],
+ isRight: null
},
]
},
@@ -4358,53 +3790,77 @@
},
mounted() {
this.getPath();
- const dropDownOne = localStorage.getItem('english-chapter04-dropDownOne')
- if(dropDownOne) this.dropDownOne = JSON.parse(dropDownOne)
- const listenTable = localStorage.getItem('english-chapter06-listenTable')
- if(listenTable) this.listenTable = JSON.parse(listenTable)
- const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData')
- if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
+ const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne')
+ if (dropDownOne) this.dropDownOne = JSON.parse(dropDownOne)
+ const listenTable = localStorage.getItem('english-chapter06-listenTable')
+ 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)
+ 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)
+ if (readingTwo) this.readingTwo = JSON.parse(readingTwo)
+
const listenThree = localStorage.getItem('english-chapter06-listenThree')
- if(listenThree) this.listenThree = JSON.parse(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)) {
+ if (Array.isArray(data)) {
return data.toString()
- } else {
- return data
- }
- },
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
+ } else {
+ return data
+ }
},
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"
+ );
+
+ },
+ showAnswer(type) {
+ if (type == "showImg") {
+ this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
+ }
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
saveDropdoenOne() {
- localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))
+ localStorage.setItem('english-chapter06-dropDownOne', JSON.stringify(this.dropDownOne))
},
handledropDownOne() {
for (let index = 0; index < this.dropDownOne.length; index++) {
@@ -4438,7 +3894,7 @@
}
},
savelistenTable() {
- localStorage.setItem('english-chapter06-listenTable',JSON.stringify(this.listenTable))
+ localStorage.setItem('english-chapter06-listenTable', JSON.stringify(this.listenTable))
},
handlelistenTable() {
for (let index = 0; index < this.listenTable.length; index++) {
@@ -4472,22 +3928,22 @@
}
},
savenoSubmitData() {
- localStorage.setItem('english-chapter06-noSubmitData',JSON.stringify(this.noSubmitData))
+ localStorage.setItem('english-chapter06-noSubmitData', JSON.stringify(this.noSubmitData))
},
- showNoSubmitAnswer(index,num) {
- this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
+ showNoSubmitAnswer(index, num) {
+ this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
},
saveReadingOne() {
- localStorage.setItem('english-chapter06-readingOne',JSON.stringify(this.readingOne))
+ localStorage.setItem('english-chapter06-readingOne', JSON.stringify(this.readingOne))
},
handleReadingOne() {
for (let index = 0; index < this.readingOne.length; index++) {
const item = this.readingOne[index];
item.isShowAnswer = true
item.isComplete = true
- if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') {
+ 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];
+ const citem = item.value[cindex];
citem.isRight = citem.answer == citem.userAnswer
}
}
@@ -4499,18 +3955,20 @@
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 = '',
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if (item.type == 'checkbox') {
+ citem.userAnswer = []
+ } else if (item.type == 'table') {
+ citem.userAnswerOne = '',
citem.userAnswerTwo = ''
- } else {
- citem.userAnswer = ''
- }
+ } else if (item.type == 'fill') {
+ citem.isRight = null
+ citem.userAnswer = ''
+ } else {
+ citem.userAnswer = ''
}
+ }
}
localStorage.removeItem('english-chapter06-readingOne')
},
@@ -4525,40 +3983,40 @@
const item = this.dropDownTwo[index];
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
- if(cindex == num) {
+ if (cindex == num) {
citem.isRight = citem.answer == citem.userAnswer
}
}
}
- localStorage.setItem('english-chapter06-dropdownTwo',JSON.stringify(this.dropDownTwo))
+ localStorage.setItem('english-chapter06-dropdownTwo', JSON.stringify(this.dropDownTwo))
},
showdropdownTwo() {
- this.$set(this.dropDownTwo[0],'isShowAnswer',!this.dropDownTwo[0].isShowAnswer)
+ 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)
+ 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) {
+ if (cindex == num) {
citem.isRight = citem.answer == citem.userAnswer
}
}
}
- localStorage.setItem('english-chapter06-dropdownThree',JSON.stringify(this.dropDownThree))
+ localStorage.setItem('english-chapter06-dropdownThree', JSON.stringify(this.dropDownThree))
},
saveReadingTwo() {
- localStorage.setItem('english-chapter06-readingTwo',JSON.stringify(this.readingTwo))
+ 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') {
+ if (item.type !== 'checkbox') {
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.isRight = citem.answer == citem.userAnswer
@@ -4574,13 +4032,13 @@
item.isShowAnswer = false
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
- if(item.type !== 'checkbox') {
+ if (item.type !== 'checkbox') {
citem.userAnswer = ''
citem.isRight = null
} else {
citem.userAnswer = []
}
-
+
}
}
localStorage.removeItem('english-chapter06-readingTwo')
@@ -4592,14 +4050,14 @@
}
},
saveListenThree() {
- localStorage.setItem('english-chapter06-listenThree',JSON.stringify(this.listenThree))
+ localStorage.setItem('english-chapter06-listenThree', JSON.stringify(this.listenThree))
},
changeDropdownDataOne(data) {
- this.$set(this.listenThree[1].value[0],'userAnswer',data)
+ this.$set(this.listenThree[1].value[0], 'userAnswer', data)
this.saveListenThree()
},
changeDropdownDataTwo(data) {
- this.$set(this.listenThree[1].value[1],'userAnswer',data)
+ this.$set(this.listenThree[1].value[1], 'userAnswer', data)
this.saveListenThree()
},
handleListenThree() {
@@ -4609,13 +4067,13 @@
item.isComplete = true
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
- if(item.type == 'dropdown') {
+ 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]
+ (value, index) => value === sortedArr2[index]
);
}
}
@@ -4629,7 +4087,7 @@
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.isRight = null
- if(item.type == 'dropdown') {
+ if (item.type == 'dropdown') {
citem.userAnswer = ''
} else {
citem.userAnswer = []
@@ -4641,7 +4099,7 @@
viewListenThree() {
for (let index = 0; index < this.listenThree.length; index++) {
const item = this.listenThree[index];
- item.isShowAnswer = !item.isShowAnswer
+ item.isShowAnswer = !item.isShowAnswer
}
}
},
@@ -4731,10 +4189,12 @@
outline: none;
}
}
+
.weekly {
border: 2px dotted #935987;
border-radius: 6px;
width: 100%;
+
.weekly-p {
background-color: #d2d2d2;
}
--
Gitblit v1.9.1