From 4190b2096b44d510897168350eb2cf65ab4e14e0 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 22 七月 2024 12:06:13 +0800 Subject: [PATCH] 三四章优化 --- .env.product | 4 src/books/English/view/components/chapter004.vue | 57 +++++++++++++++++- src/books/English/view/components/chapter003.vue | 65 ++++++++++++++++++++- src/books/English/view/components/index.vue | 6 +- 4 files changed, 118 insertions(+), 14 deletions(-) diff --git a/.env.product b/.env.product index eb40f51..3958a74 100644 --- a/.env.product +++ b/.env.product @@ -1,6 +1,6 @@ VUE_APP_ENV = 'product' VUE_APP_API_URL = "https://jsek.bnuic.com" VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/' -VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/childHealth' +VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/english' VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook" -VUE_APP_BOOK_ID = 'childHealth' \ No newline at end of file +VUE_APP_BOOK_ID = 'english' \ No newline at end of file diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue index 8642c6d..77264f3 100644 --- a/src/books/English/view/components/chapter003.vue +++ b/src/books/English/view/components/chapter003.vue @@ -1708,9 +1708,6 @@ your partner to do research online and match the following organizations with their missions.</b> </p> - <p class="center"> - <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /> - </p> </div> </div> <div class="preface-bottom"> @@ -1740,8 +1737,38 @@ <p> 1.More and more organizations and individuals in China are working in public service.Can you name a few? + <span class="btn-box" @click="showNoSubmitAnswer(3,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> - <p>2.What changes do they bring to China?</p> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer"> + <span>绛旀锛�</span> + <P v-for="(item,index) in noSubmitData[3].value[0].answer"> + {{index + 1}}.{{item}} + </p> + </div> + <p> + 2.What changes do they bring to China? + <span class="btn-box" @click="showNoSubmitAnswer(3,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" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> + <span>绛旀锛�</span> + <P v-for="(item,index) in noSubmitData[3].value[1].answer"> + {{index + 1}}.{{item}} + </p> + </div> <p class="center"><b>How to Light Up the World</b></p> <p class="center"><audio :src="resource.listenOne" controls class="audio" ></audio></p> @@ -4375,6 +4402,31 @@ userAnswer:'', }, ] + }, + { + type:'shortAnswer', + value:[ + { + userAnswer:'', + answer:[ + 'China Rural Doctors Program', + 'China Foundation for Rural Development', + 'Shanghai Oasis Green Food Bank', + '閽变竷铏�(Qian Qihu)' + ], + isShowAnswer:false, + }, + { + userAnswer:'', + answer:[ + 'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.', + 'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.', + 'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.', + 'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible 鈥淯nderground Steel Great Wall.鈥� He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people鈥檚 life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.', + ], + isShowAnswer:false, + }, + ] } ], listenOne:[ @@ -5474,7 +5526,10 @@ const item = this.practicalWriting[index]; item.isShowAnswer = !item.isShowAnswer } - } + }, + showNoSubmitAnswer(index,num) { + this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer) + }, }, }; </script> diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue index b55e750..868e519 100644 --- a/src/books/English/view/components/chapter004.vue +++ b/src/books/English/view/components/chapter004.vue @@ -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" @@ -2827,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:'' } ] @@ -2951,7 +2999,8 @@ userAnswer:'' } ] - } + }, + ], readingOne:[ { diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 4d94c86..65929de 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -212,8 +212,8 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - setTimeout(() => { - this.gotoPage(8,138); + setTimeout(() => { + this.gotoPage(3,44); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -241,7 +241,7 @@ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", // txtIndex: 57 // }); - }, 50); + }, 50); }, methods: { // setZoom1() { -- Gitblit v1.9.1