音频（第五单元）

zhongshujie

2024-07-22 39886372d544c613c39c735d924283e119120566

 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>
@@ -268,8 +268,6 @@
                        </p>
                        <matching :rawData="rawData" :question="question"></matching>
                        <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 “robot”?
                        </p> 
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
@@ -277,7 +275,7 @@
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                        <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 +370,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">
@@ -811,22 +810,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>
@@ -1183,7 +1182,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’s
@@ -1277,7 +1277,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">
@@ -1584,7 +1584,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>
@@ -1840,11 +1840,12 @@
                        <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
@@ -1910,7 +1911,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">
@@ -2717,61 +2721,15 @@
                    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: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
            },
            dropDownList: [
                "robot floor cleaner",
                "blood donation",
                "community clean-ups",
                "language service",
            ],
            dropdownData: {
                one: {
                    value: "",
@@ -3606,10 +3564,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,72 +3602,26 @@
        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"
                "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) {
@@ -3724,52 +3632,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 +3639,6 @@
                item.value = "";
                item.isRight = null;
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        },
        // 新增
        showNoSubmitAnswer(index,num) {
@@ -3903,7 +3759,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