testbookLayout.git

			@@ -365,9 +365,9 @@
			(4).Farmers plant so many fruits and vegetables to satisfy our appetite.
			</p>
			<p class="center"><b>Lineman Wang Jin</b></p>
			<p class="center"><audio :src="resource.readingTwo" controls
			<p class="center"><audio :src="resource.readingOne" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			></audio></p>
			<p>Working on high-
			<span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
			power lines is considered by many as a high-risk job.But for some
			@@ -457,7 +457,7 @@
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			style="margin-left: 10px" class="audio"></audio>
			<p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
			<div class="bkbj">
			<p><i>electrical force measured in volts</i></p>
			@@ -1218,29 +1218,40 @@
			(4).Someone can communicate with me openly and effectively.
			</p>
			<p class="center"><b>Work Ethic in the Workplace</b></p>
			<p class="center"> <audio :src="resource.readingTwo" controls
			<p class="center"> <audio :src="resource.readingThree" controls
			controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
			></audio></p>
			<p>Work ethic is a set of standards of behavior and beliefs
			<span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
			what is and isn’t
			acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
			views of employees,their motivation,and overall company culture.</p>
			<p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
			<p><b>Example</b> 1</p>
			<p>Angela’s director asked her to sort out data about the patients and
			insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
			<span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
			.Unfortunately,Angela isn’t very familiar with processing certain insurance
			<span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
			.
			</p>
			<p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
			the insurance department and consults her director.</p>
			<p>In the process,she expands her skills to make sure she meets her goals.</p>
			<p><b>Example</b> 2</p>
			<p>Jim’s director asked him to review the financial reports from last quarter to look for
			purchases from one guest.The director gave him this task about a month ago and asked him to
			<span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
			from one guest.The director gave him this task about a month ago and asked him to
			complete it within a few weeks.</p>
			<p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
			early,he leaves it to the last minute and turns in an incomplete report.</p>
			<p><b>Example</b> 3</p>
			<p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
			addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
			<p>Sheila is sometimes
			<span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
			by the tasks assigned by her director.However,she never
			<span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
			her
			<span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
			to the director.Instead,she complains to her coworkers,friends,and
			</p>
			</div>
			</div>
			@@ -1272,7 +1283,9 @@
			for half an hour or even longer.</p>
			<p>Instead of trying hard to change the current situation,he makes various excuses for being
			late.</p>
			<p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
			<p>His
			<span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
			delay shows a lack of respect for his job and coworkers.His coworkers think of
			him as being unreliable and irresponsible as a result.</p>
			<p>The above examples represent a set of working attitudes that regulate employees’ behavior at
			work.And what can you do to develop strong work ethic?</p>
			@@ -1281,7 +1294,7 @@
			<span class="line-border-box"></span>
			</p>
			<p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			</p>
			<p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于；至于</p>
			@@ -1825,11 +1838,11 @@
			<h3 id="c062" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
			for being late.</b></p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<ul class="fl">
			<li class="w50">
			<p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
			@@ -1856,6 +1869,8 @@
			</ul>
			<p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
			conversation and fill in the blanks with what you hear.</b></p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>Susan:Have you noticed Jeff has been late many times?</p>
			<p>Jenny:Yes,I want to have a talk with you about this.</p>
			<p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
			@@ -2059,27 +2074,85 @@
			</div>
			<div class="bk-13">
			<p>Dear Jeff Bell,</p>
			<p>Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" @change="handleDropdownData">
			<option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
			<p class="tl-lf">Your HR department has been informed by your director that
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">
			do not comply with Tech
			Market Technology Company’s policies:
			</p>
			<p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
			<p>_____on January 17th,2023.</p>
			<p>The following consequences,_____,will be applied,should you not demonstrate improvement
			<p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
			<p class="tl-lf">The following consequences,
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
			or cease violation of company policies:</p>
			<p>1.Second warning notice issued</p>
			<p>2._____</p>
			<p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete"></p>
			<p>3.Third and final warning notice followed by an in-person meeting</p>
			<p>4.Termination of employment</p>
			<p>We will do whatever to_____.</p>
			<p class="tl-lf">We will do whatever to
			<select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
			<option v-for="(item, index) in warmUpOne[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="warmUpOne[0].isComplete">.</p>
			<p>Supervisor’s signature:Jim Marche</p>
			<p>Date:1/31/23</p>
			</div>
			<div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
			<div>
			<p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
			{{index+1}}.{{item.answer}}
			</p>
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="handleWarmUpOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastWarmUpOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewWarmUpOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p><b>Ⅲ.Put the following words in right order to make sentences.</b>
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			@@ -2865,6 +2938,10 @@
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: "",
			},
			//new
			dropdownData: {
			@@ -3375,6 +3452,11 @@
			isRight: null,
			},
			{
			answer: 'in order of escalation',
			userAnswer: '',
			isRight: null,
			},
			{
			answer: 'job suspension without pay for one workweek',
			userAnswer: '',
			isRight: null,
			@@ -3411,6 +3493,11 @@
			const warmUp = localStorage.getItem("english-chapter-7-warmUp");
			if (warmUp) {
			this.warmUp = JSON.parse(warmUp);
			}

			const warmUpOne = localStorage.getItem("english-chapter-7-warmUpOne");
			if (warmUpOne) {
			this.warmUpOne = JSON.parse(warmUpOne);
			}

			const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
			@@ -3505,13 +3592,25 @@
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			"422139A2EF66EA888C5ED1D550AE23E0"
			"20D9B02E3B0C95E7CD524224C57E643A"
			);
			this.resource.readingOne = await getResourcePath(
			"3F442B682D84C8AB06C800B29D734920"
			"01A4E8C1E8E2801EF48DDBBA3E4A30BD"
			);
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			"8D5057637DBB959B365E38360121FB41"
			);
			this.resource.readingThree = await getResourcePath(
			"113D24C2D701120C0F6283A72F9F4366"
			);
			this.resource.readingFour = await getResourcePath(
			"DE0C4081FE1FFE2374EDB989609B25E9"
			);
			this.resource.listenTwo = await getResourcePath(
			"DB59D9F65B437605F766F7975026B61D"
			);
			this.resource.listenThree = await getResourcePath(
			"53543E43DC90215C21CFC432D46CAB18"
			);
			},
			showAnswer(type) {
			@@ -3668,6 +3767,44 @@
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handleWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = true;
			item.isShowAnswer = true;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer;
			}
			}
			},
			setWarmUpOne() {
			localStorage.setItem(
			"english-chapter-7-warmUpOne",
			JSON.stringify(this.warmUpOne)
			);
			},
			recastWarmUpOne() {
			localStorage.removeItem("english-chapter-7-warmUpOne");
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isComplete = false;
			item.isShowAnswer = false;
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null;
			citem.userAnswer = "";
			}

			}
			},
			viewWarmUpOne() {
			for (let index = 0; index < this.warmUpOne.length; index++) {
			const item = this.warmUpOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},

			handleQuestionDataTwo() {
			for (let index = 0; index < this.questionDataTwo.length; index++) {
			const item = this.questionDataTwo[index];