From 4190b2096b44d510897168350eb2cf65ab4e14e0 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 22 七月 2024 12:06:13 +0800
Subject: [PATCH] 三四章优化
---
src/books/English/view/components/chapter004.vue | 280 ++++++++++++++++---------------------------------------
1 files changed, 83 insertions(+), 197 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index c013bd6..868e519 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,11 +270,40 @@
<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"
@@ -811,22 +840,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>
@@ -1584,7 +1613,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>
@@ -1848,22 +1877,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>
@@ -1890,7 +1919,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 +1930,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>
@@ -2717,61 +2746,11 @@
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: "",
},
- dropDownList: [
- "robot floor cleaner",
- "blood donation",
- "community clean-ups",
- "language service",
- ],
dropdownData: {
one: {
value: "",
@@ -2877,9 +2856,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 +2999,8 @@
userAnswer:''
}
]
- }
+ },
+
],
readingOne:[
{
@@ -3606,10 +3605,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,63 +3643,6 @@
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"
@@ -3724,52 +3662,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 +3669,6 @@
item.value = "";
item.isRight = null;
}
- },
- setDropdownData() {
- localStorage.setItem(
- "english-dropdown-one",
- JSON.stringify(this.dropdownData)
- );
},
// 鏂板
showNoSubmitAnswer(index,num) {
@@ -3903,7 +3789,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