From 009b0dc71c23384bf206db42fac3e5b312283346 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 25 六月 2024 19:18:21 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/chapter004.vue | 501 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/books/English/assets/images/0066-1.jpg | 0 src/books/English/view/components/chapter003.vue | 64 +++++- src/books/English/assets/images/0067-1.jpg | 0 4 files changed, 554 insertions(+), 11 deletions(-) diff --git a/src/books/English/assets/images/0066-1.jpg b/src/books/English/assets/images/0066-1.jpg new file mode 100644 index 0000000..c80acaf --- /dev/null +++ b/src/books/English/assets/images/0066-1.jpg Binary files differ diff --git a/src/books/English/assets/images/0067-1.jpg b/src/books/English/assets/images/0067-1.jpg new file mode 100644 index 0000000..f9444d8 --- /dev/null +++ b/src/books/English/assets/images/0067-1.jpg Binary files differ diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue index d49c7f8..140d12d 100644 --- a/src/books/English/view/components/chapter003.vue +++ b/src/books/English/view/components/chapter003.vue @@ -1,5 +1,6 @@ <template> - <div class="chapter" num="4"> <!-- 涓嬩竴涓崟鍏� --> + <div class="chapter" num="4"> + <!-- 绗笁鍗曞厓 --> <!-- 38 --> <div class="page-box" page="44"> <div class="bodystyle" v-if="showPageList.indexOf(44) > -1"> @@ -1251,10 +1252,28 @@ </div> <!-- 鍐呭 --> <div class="padding-93"> - <div class="bodystyle"></div> + <div class="bodystyle"> + <div class="un-h2"> + <h2 id="b012">Unit Project</h2> + </div> + <p>The China International Import Expo committee is calling for volunteers to serve in the + expo.The volunteer association in your college is in charge of the first-round recruitment + and selection.Work in a group of four.Two group members play the roles of applicants and two + play the role of interviewers.Complete the following worksheets,and then conduct the + interview.</p> + <p><b>Role 1:Interviewer</b></p> + <p>1.Work with your partner and create a volunteer evaluation rubric.</p> + <p>2.Prepare a list of questions you will ask during the interview.</p> + <p><b>Role 2:Applicant</b></p> + <p>1.Prepare a self-introduction.</p> + <p>2.Make a list of your information which might be useful in the interview.</p> + <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> + <p><b>Worksheet for the Applicant</b></p> + <p class="center"><img class="img-a" alt="" src="../../assets/images/0066-1.jpg" /></p> + </div> </div> <div class="preface-bottom"> - <span class="contet-num-box">12</span> + <span class="contet-num-box">56</span> </div> </div> </div> @@ -1272,13 +1291,35 @@ </ul> <!-- 鍐呭 --> <div class="padding-93"> - <div class="bodystyle"></div> + <div class="bodystyle"> + <p><b>Worksheet for the Interviewer</b></p> + <p class="center"><img class="img-a" alt="" src="../../assets/images/0067-1.jpg" /></p> + <div class="fieldset-1"> + <p class="center"><b>Useful Expressions</b></p> + <p><b>For the interviewer</b>:</p> + <p>Please tell us about yourself.</p> + <p>You mean ...?</p> + <p>So you鈥檙e saying ...?</p> + <p>If I understand you correctly ...</p> + <p>Could you give me a specific example of how you did that?</p> + <p>Do you have any questions for us?</p> + <p><b>For the applicant</b>:</p> + <p>As you can see in my profile/As you can probably learn from the profile,I graduated from/ + am studying in ...</p> + <p>I majored in ...</p> + <p>I鈥檝e volunteered as ...in ...for ...</p> + <p>I鈥檓 skillful at ...</p> + <p>I鈥檓 fluent in English/...</p> + </div> + </div> </div> <div class="preface-bottom"> - <span class="contet-num-box">39</span> + <span class="contet-num-box">57</span> </div> </div> </div> + + <!-- 绗洓鍗曞厓 --> <!-- 58 --> <div class="page-box" page="64"> <div v-if="showPageList.indexOf(64) > -1"> @@ -1293,15 +1334,16 @@ </div> <!-- 鍐呭 --> <div class="padding-93"> - <div class="bodystyle"></div> - </div> - <div class="preface-bottom"> - <span class="contet-num-box">12</span> + <div class="bodystyle"> + + </div> + <div class="preface-bottom"> + <span class="contet-num-box">58</span> + </div> </div> </div> </div> - <!-- 绗洓鍗曞厓 --> - <!-- 59 --> + <!-- 59 --> <div class="page-box" page="65"> <div v-if="showPageList.indexOf(65) > -1"> <!-- 澶撮儴 --> diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue new file mode 100644 index 0000000..1007cd6 --- /dev/null +++ b/src/books/English/view/components/chapter004.vue @@ -0,0 +1,501 @@ +<template> + <div class="chapter" num="5"> + <!-- 绗洓鍗曞厓 --> + <!-- 58 --> + <div class="page-box" page="64"> + <div v-if="showPageList.indexOf(64) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit3"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit3">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"> + + </div> + <div class="preface-bottom"> + <span class="contet-num-box">58</span> + </div> + </div> + </div> + </div> + <!-- 59 --> + <div class="page-box" page="65"> + <div v-if="showPageList.indexOf(65) > -1"> + <!-- 澶撮儴 --> + <ul class="preface-odd-header w100 fl ju-bt"> + <li class=""></li> + <li class="fz-18"> + <span class="chapter-left-bc-unit3">MODULE 3</span> + <span class="chapter-right-bc-unit3 fw-bl chapter-right-cl-unit3">A BETTER WORLD WITH + VOLUNTEERS</span> + </li> + </ul> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"></div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">39</span> + </div> + </div> + </div> + <!-- 60 --> + <div class="page-box" page="66"> + <div v-if="showPageList.indexOf(66) > -1"> + <!-- 澶撮儴 --> + <div class="w100 mb-20" style="padding-right: 20px"> + <div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px"> + <div class="preface-header-box event-header-text-bc-unit3"> + <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span> + <span class="g-text event-text-color-unit3">鍩虹妯″潡涓�</span> + </div> + </div> + </div> + <!-- 鍐呭 --> + <div class="padding-93"> + <div class="bodystyle"></div> + </div> + <div class="preface-bottom"> + <span class="contet-num-box">12</span> + </div> + </div> + </div> + </div> +</template> +<script> +import matching from "@/components/matching/matching.vue"; +import { getResourcePath } from "@/assets/methods/resources"; +export default { + name: "chapter-three", + components: { matching }, + props: { + showPageList: { + type: Array, + }, + }, + data() { + return { + imgThirteen: require("../../assets/images/grammar.jpg"), + showAnswerOne: false, + showAnswerTwo: false, + showAnswerThree: false, + showAnswerFour: false, + showAnswerFive: false, + showImg: false, + showQuestionAnswer: false, + rawData: { + left: [ + { + oldId: "FB34", + txt: "Martin銆�銆�銆�銆�Silk", + }, + { + oldId: "64D6", + txt: "Jessica銆�銆�The Great Wall", + }, + { + oldId: "2ED4", + txt: "Soren銆�銆�Chinese Food", + }, + { + oldId: "44DE", + txt: "Chinese銆�銆�銆�銆�Tea", + }, + ], + right: [ + { + oldId: "64D6", + txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", + }, + { + oldId: "FB34", + txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", + }, + { + oldId: "2ED4", + txt: "The clothing material is quite popular among Roman women inancient times.", + }, + { + oldId: "44DE", + txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", + }, + ], + }, + value: [], + question: { + KnowledgePoint: "123", + analysis: "123", + answer: [ + { + id: "FB34", + linkValue: + "The clothing material is quite popular among Roman women inancient times.", + value: "Silk", + }, + { + id: "64D6", + linkValue: + "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", + value: "The Great Wall", + }, + { + id: "2ED4", + linkValue: + "It is very delicious and I like the hot and spicy Sichuan lavor hest.", + value: "Chinese Food", + }, + { + id: "44DE", + linkValue: + "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.", + value: "Chinese Tea", + }, + ], + optionStyle: undefined, + id: 489306, + options: { + linkValues: [ + { + oldId: "64D6", + txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.", + }, + { + oldId: "44DE", + txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.", + }, + { + oldId: "FB34", + txt: "The clothing material is quite popular among Roman women inancient times.", + }, + { + oldId: "2ED4", + txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.", + }, + ], + values: [ + { + oldId: "FB34", + txt: "Martin Silk", + }, + { + oldId: "64D6", + txt: "The Great Wall", + }, + { + oldId: "2ED4", + txt: "Chinese Food", + }, + { + oldId: "44DE", + txt: "Chinese Tea", + }, + ], + }, + questionType: "matching", + stem: { + stemTxt: "鎸夐『搴忚繛绾�", + }, + stemStyle: undefined, + titleDescription: "1", + userChoise: [], + value: [], + answerImg: require("../../assets/images/matching-one.png"), + }, + questionData: { + warnUp: { + one: { + value: "", + isRight: null, + answer: "Chinese knot", + }, + two: { + value: "", + isRight: null, + answer: "Chinese medicine", + }, + three: { + value: "", + isRight: null, + answer: "Chinese calligraphy", + }, + four: { + value: "", + isRight: null, + answer: "Taichi", + }, + five: { + value: "", + isRight: null, + answer: "sweet dumpling", + }, + six: { + value: "", + isRight: null, + answer: "Chinese chess", + }, + seven: "", + }, + reading: { + one: "", + two: "", + }, + table: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + enight: "", + 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: [ + "animal rescue and care", + "blood donation", + "community clean-ups", + "language service", + ], + dropdownData: { + one: { + value: "", + isRight: null, + answer: "blood donation", + }, + two: { + value: "", + isRight: null, + answer: "language service", + }, + three: { + value: "", + isRight: null, + answer: "community clean-ups", + }, + four: { + value: "", + isRight: null, + answer: "animal rescue and care", + }, + }, + }; + }, + 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); + } + const dropdownData = localStorage.getItem("english-dropdown-one"); + if (dropdownData) { + this.dropdownData = JSON.parse(dropdownData); + } + this.getPath(); + }, + methods: { + 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" + ); + this.resource.readingOne = await getResourcePath( + "3F442B682D84C8AB06C800B29D734920" + ); + this.resource.readingTwo = await getResourcePath( + "E8719EC88026BCFB11D292AA999F6D3D" + ); + }, + showAnswer(type) { + if (type == "showImg") { + this.showImg = !this.showImg; + } + }, + 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) { + const item = this.dropdownData[key]; + item.value = ""; + item.isRight = null; + } + }, + setDropdownData() { + localStorage.setItem( + "english-dropdown-one", + JSON.stringify(this.dropdownData) + ); + }, + saveData() { + console.log(this.testData); + }, + audioPlay() { + this.$emit("closeMiniAudio"); + }, + }, +}; +</script> + +<style lang="less" scoped></style> \ No newline at end of file -- Gitblit v1.9.1