From 4ed656060d40ef1ff2a819c1fb50e0a2993c60ac Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 23 七月 2024 12:00:46 +0800
Subject: [PATCH] 体育与健康（第一单元）
---
src/books/English/view/components/chapter004.vue | 323 +++++++++++++++++++----------------------------------
1 files changed, 115 insertions(+), 208 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index c013bd6..b6344e8 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -216,22 +216,22 @@
{{ item.answer }}
</span>
</div>
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
<li>
- <button class="btn-border btn-w" @click="handlewarmUp">
- 鎻愪氦
- </button>
+ <button class="btn-border btn-w" @click="handlewarmUp">
+ 鎻愪氦
+ </button>
</li>
<li>
- <button @click="recastwarmUp" class="btn-border btn-w">
- 閲嶅仛
- </button>
+ <button @click="recastwarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
</li>
<li>
- <button @click="viewwarmUp" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
+ <button @click="viewwarmUp" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
</li>
</ul>
</div>
@@ -270,14 +270,43 @@
<h3 id="c030"><span class="bjh3">Reading</span></h3>
<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 鈥渞obot鈥�?
+ <p>
+ 1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�?
+ <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.listenOne" controls controlslist="noplaybackrate nodownload"
+ <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
class="audio" ></audio>
</p>
<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
@@ -372,7 +401,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ class="audio"
></audio>
<p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
<div class="bkbj">
@@ -811,22 +841,22 @@
{{index + 1}}.{{ item.answer }}
</span>
</div>
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev" style="width:80%">
<li>
- <button class="btn-border btn-w" @click="handleReadingOne">
- 鎻愪氦
- </button>
+ <button class="btn-border btn-w" @click="handleReadingOne">
+ 鎻愪氦
+ </button>
</li>
<li>
- <button @click="recastReadingOne" class="btn-border btn-w">
- 閲嶅仛
- </button>
+ <button @click="recastReadingOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
</li>
<li>
- <button @click="viewReadingOne" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
+ <button @click="viewReadingOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
</li>
</ul>
</div>
@@ -1183,7 +1213,8 @@
</p>
</div>
<p class="center"><b>Fresh Face of Science</b></p>
- <p class="center"> <audio :src="resource.listenOne" controls
+ <p class="center">
+ <audio :src="resource.readingThree" controls
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鈥檚
@@ -1277,7 +1308,7 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
></audio>
<p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁￠噺瀛�</p>
<div class="bkbj">
@@ -1584,7 +1615,7 @@
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
- <button class="btn-border btn-w" @click="handleReadingOne">
+ <button class="btn-border btn-w" @click="handleReadingTwo">
鎻愪氦
</button>
</li>
@@ -1840,30 +1871,31 @@
<h3 id="c035" 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 Nadia talking about her favorite electronic device and mark what she says
- about it.</b></p>
+ about it.</b>
+ </p>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
<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>
@@ -1890,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
@@ -1901,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>
@@ -1910,7 +1942,10 @@
</span>
</div>
<p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the
- conversation,and write down the benefits of each App.</b></p>
+ conversation,and write down the benefits of each App.</b>
+ </p>
+ <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
<p class="center">
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
@@ -2717,61 +2752,15 @@
nine: "",
},
},
- testData: {
- check: [],
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- },
resource: {
listenOne: "",
readingOne: "",
readingTwo: "",
+ readingThree: "",
+ readingFour: "",
+ listenTwo: "",
+ listenThree: "",
},
- dropDownList: [
- "robot floor cleaner",
- "blood donation",
- "community clean-ups",
- "language service",
- ],
dropdownData: {
one: {
value: "",
@@ -2877,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:''
}
]
@@ -3001,7 +3009,8 @@
userAnswer:''
}
]
- }
+ },
+
],
readingOne:[
{
@@ -3606,10 +3615,6 @@
};
},
mounted() {
- const testData = localStorage.getItem("english-testOne");
- if (testData) {
- this.testData = JSON.parse(testData);
- }
const bookQuestion = localStorage.getItem("english-book-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
@@ -3648,72 +3653,26 @@
saveWord(event, word) {
this.$emit("saveCharacters", event, word);
},
- setTestData() {
- localStorage.setItem("english-testOne", JSON.stringify(this.testData));
- },
- changeTestData() {
- localStorage.removeItem("english-testOne");
- this.testData = {
- check: [],
- tx: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- in: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- line: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- ts: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- gr: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- cm: {
- one: "",
- two: "",
- three: "",
- four: "",
- five: "",
- },
- };
- },
- setBookQuestion() {
- console.log("淇濆瓨");
- localStorage.setItem(
- "english-book-question-one",
- JSON.stringify(this.questionData)
- );
- },
async getPath() {
this.resource.listenOne = await getResourcePath(
- "422139A2EF66EA888C5ED1D550AE23E0"
+ "A502FE9E4A034ACF1B055B1D547C4B8F"
);
this.resource.readingOne = await getResourcePath(
- "3F442B682D84C8AB06C800B29D734920"
+ "59A4053C6BE193D9A97945841614841D"
);
this.resource.readingTwo = await getResourcePath(
- "E8719EC88026BCFB11D292AA999F6D3D"
+ "541CA8B7A9AE8746340C1259A83F8422"
+ );
+ this.resource.readingThree = await getResourcePath(
+ "53A742267A1C22C01B8D5D35B13D3B9A"
+ );
+
+ this.resource.listenTwo = await getResourcePath(
+ "2683C3F79104E353CE30961433F6AB35"
+ );
+
+ this.resource.listenThree = await getResourcePath(
+ "2683C3F79104E353CE30961433F6AB35"
);
},
showAnswer(type) {
@@ -3724,52 +3683,6 @@
}
setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
- handleQuestion(type) {
- if (type == "one") {
- this.questionData.warnUp.one.value
- ? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
- : (this.questionData.warnUp.one.isRight = null);
- } else if (type == "two") {
- this.questionData.warnUp.two.value
- ? (this.questionData.warnUp.two.isRight =
- this.questionData.warnUp.two.value == "Chinese medicine")
- : (this.questionData.warnUp.two.isRight = null);
- } else if (type == "three") {
- this.questionData.warnUp.three.value
- ? (this.questionData.warnUp.three.isRight =
- this.questionData.warnUp.three.value == "Chinese calligraphy")
- : (this.questionData.warnUp.three.isRight = null);
- } else if (type == "four") {
- this.questionData.warnUp.four.value
- ? (this.questionData.warnUp.four.isRight =
- this.questionData.warnUp.four.value == "Taichi")
- : (this.questionData.warnUp.four.isRight = null);
- } else if (type == "five") {
- this.questionData.warnUp.five.value
- ? (this.questionData.warnUp.five.isRight =
- this.questionData.warnUp.five.value == "sweet dumpling")
- : (this.questionData.warnUp.five.isRight = null);
- } else if (type == "six") {
- this.questionData.warnUp.six.value
- ? (this.questionData.warnUp.six.isRight =
- this.questionData.warnUp.six.value == "Chinese chess")
- : (this.questionData.warnUp.six.isRight = null);
- }
- },
- handleDropdown(type) {
- const dropdownDatas = this.dropdownData;
- for (let key in dropdownDatas) {
- const item = dropdownDatas[key];
- if (type == "judge") {
- item.value == item.answer
- ? (item.isRight = true)
- : (item.isRight = false);
- console.log(item.value, item.answer);
- }
- }
- this.dropdownData = dropdownDatas;
- },
changeDropdown() {
localStorage.removeItem("english-dropdown-one");
for (let key in this.dropdownData) {
@@ -3777,12 +3690,6 @@
item.value = "";
item.isRight = null;
}
- },
- setDropdownData() {
- localStorage.setItem(
- "english-dropdown-one",
- JSON.stringify(this.dropdownData)
- );
},
// 鏂板
showNoSubmitAnswer(index,num) {
@@ -3903,7 +3810,7 @@
saveReadingTwo() {
localStorage.setItem('english-chapter04-readingTwo',JSON.stringify(this.readingTwo))
},
- handleReadingOne() {
+ handleReadingTwo() {
for (let index = 0; index < this.readingTwo.length; index++) {
const item = this.readingTwo[index];
item.isComplete = true
--
Gitblit v1.9.1