testbookLayout.git

			@@ -268,11 +268,42 @@
			</p>
			<matching :rawData="rawData" :question="question"></matching>
			<h3 id="c030"><span class="bjh3">Reading</span></h3>
			<p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			></audio>
			<p>
			1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
			<span class="btn-box" @click="showNoSubmitAnswer(0,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
			<p>2.How can robots help humans today in daily life and work?</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer">
			<span>答案:</span>
			<p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index">
			{{index + 1}}) {{item}}
			</p>
			</div>
			<p>
			2.How can robots help humans today in daily life and work?
			<span class="btn-box" @click="showNoSubmitAnswer(0,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer">
			<span>答案:</span>
			<p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index">
			{{index + 1}}) {{item}}
			</p>
			</div>
			<p class="center"><b>Robots in Action</b></p>
			<p class="center">
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
			@@ -281,25 +312,25 @@
			<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
			soon be used to study sea

			<span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
			<span class="word-bc" >creatures</span>
			up close.These robots can
			<span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
			<span class="word-bc" >blend</span>
			blend right in with underwater
			<span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
			<span class="word-bc" >habitats</span>
			.Robots take on tasks to make our life easier and safer.Scientists keep coming up
			with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
			look at the latest robots.
			</p>
			<p><b>Super Swimmer</b></p>
			<p>The Octobot is perfectly named.Its design is based on the
			<span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
			<span class="word-bc" >octopus</span>
			.The robot is the size of a
			shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
			inches per second.That is close to the speed of an octopus.The Octobot moves through water
			by slowly opening its soft
			<span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
			<span class="word-bc" >rubber</span>
			arms and then
			<span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
			<span class="word-bc" > snapping</span>
			them shut.During tests,fish swam
			alongside the Octobot.Researchers can use the robot to study sea creatures.
			</p>
			@@ -328,18 +359,18 @@
			<div class="bodystyle">
			<p><b>See Spot Run</b></p>
			<p>Spot looks and moves much like a real dog.But don’t expect it to play
			<span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
			<span class="word-bc" >fetch</span>
			.Boston Dynamics
			created the four-legged,160-pound
			<span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
			<span class="word-bc" >mechanical</span>
			dog.It can climb mountains.It can cross
			woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
			<span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
			<span class="word-bc" >balance</span>
			.In the future,Spot may be used for search-and-
			<span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
			<span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
			<span class="word-bc" >rescue</span>
			<span class="word-bc" >missions</span>
			and to carry heavy
			<span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
			<span class="word-bc" >facilities</span>
			.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
			@@ -348,21 +379,21 @@
			<p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
			the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
			asks for an item,a clerk places it in Mingo’s
			<span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
			<span class="word-bc" >lid</span>
			and enters the room number onto a
			screen.Guests are always very excited when Mingo arrives with a delivery.
			</p>
			<p><b>Big in Japan</b></p>
			<p>In Japan,scientists are leading the way in creating
			<span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
			<span class="word-bc" >humanoid</span>
			robots.SoftBank introduced
			Pepper,a four-foot-tall robot who can talk with humans and
			<span class="word-bc" @click="saveWord($event, 'react')">react</span>
			<span class="word-bc" >react</span>
			to emotions.If you
			<span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
			<span class="word-bc" >frown</span>
			,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
			bigger plans for Pepper.It may one day keep humans
			<span class="word-bc" @click="saveWord($event, 'company')">company</span>
			<span class="word-bc" >company</span>
			and help teach children.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
			@@ -919,19 +950,19 @@
			<div class="bk-wh">
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'physical')">physical</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
			>physical</span>
			<span class="word-bc mr-20 dl-span" >complex</span>
			<span class="word-bc mr-20 dl-span" >social</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'relationship')">relationship</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
			>relationship</span>
			<span class="word-bc mr-20 dl-span" >feeling</span>
			<span class="word-bc mr-20 dl-span" >emotion</span>
			<span class="word-bc mr-20 dl-span" >empathy</span>
			<span class="word-bc mr-20 dl-span" >thought</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'tireless')">tireless</span>
			>tireless</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'creative')">creative</span>
			>creative</span>
			</p>
			<p>
			</p>
			@@ -1187,11 +1218,11 @@
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
			<p>According to Zhao Hongzhou,founder of China’s
			<span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
			<span class="word-bc" >scientometrics</span>
			,scientists typically make their
			biggest achievements between the ages of 25 and 45,which is true of the scientists and
			engineers working on FAST(Five-hundred-meter Aperture Spherical
			<span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
			<span class="word-bc" >Telescope</span>
			).Its engineering
			and operation team has an average age of 39,while its on-site team has an average age of
			30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
			@@ -1220,34 +1251,34 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>quite helpful in the discovery of around 340
			<span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
			<span class="word-bc" >pulsars</span>
			,since becoming operational in September
			2016.It has also contributed to helping human beings better understand the
			<span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
			<span class="word-bc">origin</span>
			of fast radio
			<span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
			<span class="word-bc" >bursts</span>
			,extremely brief but powerful flashes in the
			<span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
			<span class="word-bc" >universe</span>
			.FAST was listed by the journals
			<i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
			</p>
			<p>The construction of FAST pushed the team to its physical and
			<span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
			<span class="word-bc">intellectual </span>
			limits,including
			creating new systems to operate the telescope,also known as the “Sky Eye”.At the age of
			28,Yao Rui,a researcher behind FAST’s feed
			<span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
			<span class="word-bc" >cabin</span>
			,was responsible for creating the “
			<span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>” of
			<span class="word-bc" >pupil</span>” of
			the “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
			the cabin’s weight from 34 to 30 tons,while keeping most of the systems inside and leaving
			enough room to fill it with as much
			<span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
			<span class="word-bc" >complex</span>
			and sensitive equipment as possible.Yao’s
			solution was to change the shape of the cabin to a
			<span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
			<span class="word-bc">diamond</span>
			structure.The redesign was
			<span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
			<span class="word-bc">daring</span>
			,but later testing proved that it worked perfectly.“I’m not worried about
			problems,because wherever there is a problem,there is a chance for further research,” she
			said.“As a young scientist,I am lucky to associate my personal passions with the needs of
			@@ -1256,20 +1287,20 @@
			<p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
			giant machine.Nan Rendong,FAST’s former chief scientist,often stressed that FAST not only
			needed to be
			<span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
			<span class="word-bc" >precise</span>
			and sensitive in its applications,but it should also be beautiful to
			look at.“He expected nothing less of an instrument of national significance,” Sun said.He
			spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
			<span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
			<span class="word-bc">rewar</span>
			ded him with confidence as he
			<span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
			<span class="word-bc" >overcame</span>
			many difficulties and setbacks.
			</p>
			<p>The “Sky Eye” is open to the world and offers more
			<span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
			<span class="word-bc">observation</span>
			possibilities to the global
			scientific
			<span class="word-bc" @click="saveWord($event, 'community')">community</span>
			<span class="word-bc">community</span>
			,contributing Chinese wisdom to building a community of a shared future
			for humanity.
			</p>
			@@ -1849,22 +1880,22 @@
			<p>
			<input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			1.What it is
			<img :src="isTextRight(listenTwo[0].value[0].answer,'What it is',0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			2.Where Nadia got it
			<img :src="isTextRight(listenTwo[0].value[0].answer,'Where Nadia got it',1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			3.How much it is
			<img :src="isTextRight(listenTwo[0].value[0].answer,'How much it is',2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			4.What Nadia uses it for
			<img :src="isTextRight(listenTwo[0].value[0].answer,'What Nadia uses it for',3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			</div>
			</div>
			@@ -1891,7 +1922,7 @@
			<p>
			<input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			5.When Nadia owned it
			<img :src="isTextRight(listenTwo[0].value[0].answer,'When Nadia owned it',4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input
			@@ -1902,7 +1933,7 @@
			:disabled="listenTwo[0].isComplete"
			>
			6.Why it is important to Nadia
			<img :src="isTextRight(listenTwo[0].value[0].answer,'Why it is important to Nadia',5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
			<span>答案:</span>
			@@ -2835,9 +2866,28 @@
			type:'shortAnswer',
			value:[
			{
			userAnswer:''
			answer:[
			'a two-legged humanoid who can do house work',
			'a giant one-armed industrial robot holding a welding torch',
			'an alternative to pets like the robotic dog',
			'autonomous vehicles which can navigate and operate independently',
			'a companion to interact with humans, especially for the elderly or people with disabilities'
			],
			isShowAnswer:false,
			userAnswer:'',
			},
			{
			answer:[
			'Domestic chores',
			'Healthcare support',
			'Manufacturing and labor-intensive tasks',
			'Assistance for people with disabilities',
			'Exploration and research',
			'Customer service',
			'Education',
			'Agriculture'
			],
			isShowAnswer:false,
			userAnswer:''
			}
			]
			@@ -2959,7 +3009,8 @@
			userAnswer:''
			}
			]
			}
			},

			],
			readingOne:[
			{
			@@ -3598,9 +3649,6 @@
			} else {
			return data
			}
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(