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