体育与健康pdf修改6

yiming

2024-08-16 7c75b7a2e3e9553f0430d377b53cc1131dcba7d7

 src/books/sportsAndHealth/view/components/chapter004.vue

@@ -444,8 +444,10 @@
                        </div>
                    </div>
                    <!-- 查看PDf弹框 -->


                    <div class="pdf-text">
                        <div class="pdf-con">
                        <div class="pdf-con pdf-con-15">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -457,6 +459,12 @@
                                </span>
                                <span @click="toUrl(4)">途中跑--补充学练建议.pdf</span>
                            </div>
                        </div>
                    </div>


                    <div class="pdf-text">
                        <div class="pdf-con pdf-con-15">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -468,6 +476,12 @@
                                </span>
                                <span @click="toUrl(5)">学一学：分道并道规则.pdf</span>
                            </div>
                        </div>
                    </div>


                    <div class="pdf-text">
                        <div class="pdf-con pdf-con-15">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -479,6 +493,13 @@
                                </span>
                                <span @click="toUrl(6)">试一试：呼吸方法与节奏.pdf</span>
                            </div>
                        </div>
                    </div>



                    <div class="pdf-text">
                        <div class="pdf-con pdf-con-15">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -492,6 +513,11 @@
                            </div>
                        </div>
                    </div>





                </div>
            </div>
        </div>
@@ -749,7 +775,7 @@
                            </div>
                        </div>
                        <br />
                        <p class="public-tips">项目五 · 视频库集</p>
                        <p class="public-tips">项目一 · 视频库集</p>
                        <div class="parentVideo" v-if="chapter004.isShowXyx06">
                            <div class="videoItem" v-if="chapter004.videoShow1">
                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
@@ -917,7 +943,7 @@
                    <span class="sub">第四单元</span>
                    <span class="sub-title">田径类运动</span>
                    <div class="line-page"></div>
                    <span class="sub-page">125</span>
                    <span class="sub-page">133</span>
                </div>
                <div class="bodystyle">
                    <h3 class="lefth3" id="c019"><img class="img-gh1" alt="" src="../../image/dy4-xm2.jpg" /></h3>
@@ -1944,8 +1970,39 @@
                    <p>（1）动作要领</p>
                    <p>持饼手自然分开，拇指和手掌平靠铁饼，其余四指末节扣住铁饼的边缘，手腕微屈，铁饼上缘微微靠于前臂。握好铁饼后，持饼臂自然放松下垂于体侧。预摆时，左手托饼于胸前，右手自然握饼，然后扩胸，持饼臂稍做外旋向后拉饼至极限位，稍做停顿还原至胸前，双手上下固定饼。可用食指或中指拨饼，摆饼过程中保持肩部放松。
                    </p>
                    <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0160-1.jpg" /></p>
                    <p class="img">图4-3-7 滚饼、摆饼、拨饼</p>



                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-1.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-2.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-3.jpg" />
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-7 滚饼、摆饼、拨饼
                    </p>



                    <p>（2）学练建议</p>
                    <p>①进行原地向前滚饼练习。</p>
                    <p>②进行原地左手辅助摆饼练习。</p>
@@ -1965,8 +2022,39 @@
                    <p>①进行原地徒手模仿练习。</p>
                    <p>②进行原地掷铁饼练习。</p>
                    <p>③拓展练习：可采用弹力带进行最后用力模仿练习。</p>
                    <p class="center openImgBox"><img class="img-c" alt="" src="../../image/0160-2.jpg" /></p>
                    <p class="img">图4-3-8 原地掷铁饼</p>





                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-4.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-5.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-6.jpg" />
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-8 原地掷铁饼
                    </p>


                </div>
            </div>
@@ -2256,9 +2344,28 @@
                </div>
            </div>
        </div>


        <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
            class="custom-dialog">
            <div slot="title" class="header_title">
                <span>{{ pdfTitle }}</span>
                <span @click="closeDialog"> x </span>
            </div>
            <div class="pdfModal" v-if="dialogVisible">
                <preView :isClear="dialogVisible" :md5="p_md5"></preView>
            </div>
        </el-dialog>





    </div>
</template>
<script>

import preView from "@/components/pdfview/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapter-04",
@@ -2274,15 +2381,22 @@
            default: false,
        },
    },

    components: {
        preView
    },
    data() {
        return {
            pdfTitle: "",
            p_md5: "",
            dialogVisible: false,
            chapter004: {
                isShowXyx01: true,
                isShowXyx02: true,
                isShowXyx03: true,
                isShowXyx04: true,
                isShowXyx05: true,
                isShowXyx06: true,
                isShowXyx06: false,
                pdfMd5: {
                    1: {
                        md5: "1002797e6b9ae3875c8f3d7f0c701199",
@@ -2420,7 +2534,7 @@
                },
                videoMd5: {
                    v1: { md5: "352cbc1c89971fc452c8688ca5f8a992", name: "1-短跑-蹲踞式起跑完整技术视频" },
                    v2: { md5: "4803428f02b601330f7d5624716b980d", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v2: { md5: "2bdc5da55b1f854ae8dc695c23868d8c", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v3: { md5: "80dd35f3ac8abe6202499a5afdef4c56", name: "3-短跑-绳梯练习（一步一格）" },
                    v4: { md5: "aa55472c60816861182ff2e24effa190", name: "4-短跑-绳梯练习（两步一格）" },
                    v5: { md5: "4a6797de203620b64fe35ca710bc0241", name: "5-短跑-绳梯练习（侧向移动）" },
@@ -2439,7 +2553,7 @@
                    v17: { md5: "2b9be294800d9259f6ddf48a213001e9", name: "17-短跑-体能练习-弹力带快速屈膝摆腿练习" },
                    v18: { md5: "2a3addfe72d76373097b505fa10dc62b", name: "18-短跑-体能练习-行进间单腿屈膝摆动下压练习" },
                    v19: { md5: "1869c7f1478ced073d142ea3786fbb47", name: "19-短跑-体能练习-原地单腿屈膝摆动下压练习" },
                    v20: { md5: "21e6b065503f8d06194d39d53710bf65", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },
                    v20: { md5: "8048647da4b83d2a686fd5735dc3001e", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },

                    v21: { md5: "b8184f0c2208f374ca1f1399eea099ca", name: "21-短跑-体能练习-弹力带蹬摆练习" },
                    v22: { md5: "8cb9a034cec1cc2be74ed1bddc6b18b1", name: "22-中长跑-站立式起跑" },
@@ -2461,44 +2575,12 @@
        if (localData) {
            this.chapter004 = { ...Object.assign(this.chapter004, localData) };
        }
        if (!this.isSearch) {
            this.getVideo(this.chapter004.videoMd5.v1.md5, "v1");
            this.getVideo(this.chapter004.videoMd5.v2.md5, "v2");
            this.getVideo(this.chapter004.videoMd5.v3.md5, "v3");
            this.getVideo(this.chapter004.videoMd5.v4.md5, "v4");
            this.getVideo(this.chapter004.videoMd5.v5.md5, "v5");
            this.getVideo(this.chapter004.videoMd5.v6.md5, "v6");

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v7.md5, "v7");
                this.getVideo(this.chapter004.videoMd5.v8.md5, "v8");
                this.getVideo(this.chapter004.videoMd5.v9.md5, "v9");
                this.getVideo(this.chapter004.videoMd5.v10.md5, "v10");
                this.getVideo(this.chapter004.videoMd5.v11.md5, "v11");
                this.getVideo(this.chapter004.videoMd5.v12.md5, "v12");
            }, 1000);

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v13.md5, "v13");
                this.getVideo(this.chapter004.videoMd5.v14.md5, "v14");
                this.getVideo(this.chapter004.videoMd5.v15.md5, "v15");
                this.getVideo(this.chapter004.videoMd5.v16.md5, "v16");
                this.getVideo(this.chapter004.videoMd5.v17.md5, "v17");
                this.getVideo(this.chapter004.videoMd5.v18.md5, "v18");
            }, 3000);

            setTimeout(() => {
                this.getVideo(this.chapter004.videoMd5.v19.md5, "v19");
                this.getVideo(this.chapter004.videoMd5.v20.md5, "v20");
                this.getVideo(this.chapter004.videoMd5.v21.md5, "v21");
                this.getVideo(this.chapter004.videoMd5.v22.md5, "v22");
                this.getVideo(this.chapter004.videoMd5.v23.md5, "v23");
                this.getVideo(this.chapter004.videoMd5.v24.md5, "v24");
                this.getVideo(this.chapter004.videoMd5.v25.md5, "v25");
            }, 5000);
        }
    },
    methods: {



        readText(val) {
            const textContent = (
                this.container ? this.container : document
@@ -2531,6 +2613,53 @@
        },
        activityXyx6() {
            this.chapter004.isShowXyx06 = !this.chapter004.isShowXyx06;





            if (!this.isSearch && !this.chapter004.videoShow1) {
                this.getVideo(this.chapter004.videoMd5.v1.md5, "v1");
                this.getVideo(this.chapter004.videoMd5.v2.md5, "v2");
                this.getVideo(this.chapter004.videoMd5.v3.md5, "v3");
                this.getVideo(this.chapter004.videoMd5.v4.md5, "v4");
                this.getVideo(this.chapter004.videoMd5.v5.md5, "v5");
                this.getVideo(this.chapter004.videoMd5.v6.md5, "v6");

                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v7.md5, "v7");
                    this.getVideo(this.chapter004.videoMd5.v8.md5, "v8");
                    this.getVideo(this.chapter004.videoMd5.v9.md5, "v9");
                    this.getVideo(this.chapter004.videoMd5.v10.md5, "v10");
                    this.getVideo(this.chapter004.videoMd5.v11.md5, "v11");
                    this.getVideo(this.chapter004.videoMd5.v12.md5, "v12");
                }, 1000);

                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v13.md5, "v13");
                    this.getVideo(this.chapter004.videoMd5.v14.md5, "v14");
                    this.getVideo(this.chapter004.videoMd5.v15.md5, "v15");
                    this.getVideo(this.chapter004.videoMd5.v16.md5, "v16");
                    this.getVideo(this.chapter004.videoMd5.v17.md5, "v17");
                    this.getVideo(this.chapter004.videoMd5.v18.md5, "v18");
                }, 3000);

                setTimeout(() => {
                    this.getVideo(this.chapter004.videoMd5.v19.md5, "v19");
                    this.getVideo(this.chapter004.videoMd5.v20.md5, "v20");
                    this.getVideo(this.chapter004.videoMd5.v21.md5, "v21");
                    this.getVideo(this.chapter004.videoMd5.v22.md5, "v22");
                    this.getVideo(this.chapter004.videoMd5.v23.md5, "v23");
                    this.getVideo(this.chapter004.videoMd5.v24.md5, "v24");
                    this.getVideo(this.chapter004.videoMd5.v25.md5, "v25");
                }, 5000);
            }






            this.chapter004.videoShow1 = true;
            setTimeout(() => {
                this.chapter004.videoShow2 = true;
@@ -2563,22 +2692,24 @@
        activityXyx11() {
            this.chapter004.isShowXyx11 = !this.chapter004.isShowXyx11;
        },
        // PDf md5 查看

        closeDialog() {
            this.dialogVisible = false;
        },
        toUrl(val) {
            if (val) {
                const obj = {
                    type: "pdf",
                    data: {
                        md5: this.chapter004.pdfMd5[val].md5,
                        title: this.chapter004.pdfMd5[val].name,
                    },
                };
                this.$emit("openPDFChange", obj);
                // this.dialogVisible = true;
                // this.p_md5 = this.chapter004.pdfMd5[val].md5;
                // this.pdfTitle = this.chapter004.pdfMd5[val].name;
                this.dialogVisible = true;
                this.p_md5 = this.chapter004.pdfMd5[val].md5;
                this.pdfTitle = this.chapter004.pdfMd5[val].name;
            }
        },







    },
};
</script>