From 041b94102f67461e361a28e3af493715cf776b21 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期二, 23 七月 2024 14:07:46 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter004.vue |  112 +++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 91 insertions(+), 21 deletions(-)

diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 5dc593b..b6344e8 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -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 &amp; 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">
@@ -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 &amp; 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">
@@ -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">
@@ -2721,6 +2756,10 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: "",
             },
             dropdownData: {
                 one: {
@@ -2827,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:''
                         }
                     ]
@@ -2951,7 +3009,8 @@
                             userAnswer:''
                         }
                     ]
-                }
+                },
+                
             ],
             readingOne:[
                 {
@@ -3596,13 +3655,24 @@
         },
         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) {

--
Gitblit v1.9.1