Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-07-23 1e5f5724f9f2c1c34efec7edb3f33bcfb98d66ba

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

@@ -3,13 +3,13 @@
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="bodystyle">
          <div class="bodystyle-chapter001">
            <div class="bj-chapter001-bj-icon">
          <div class="bodystyle-chapter">
            <div class="bj-chapter-bj-icon">
              <h1 class="lefth1" id="a007">
                <img class="img-gh1" alt="" src="../../image/kzmk.png" />
              </h1>
            </div>
            <div class="bj-chapter001-con">
            <div class="bj-chapter-con">
              <div>
                <p>
                  无论是为了终身参与体育锻炼，还是为了提升职业发展所需的运动能力，每个同学都需要学习并熟练掌握1～2项运动技能。《中等职业学校体育与健康课程标准》中的运动项目包含球类运动、田径类运动、体操类运动、武术与民族民间传统体育类运动、水上类运动、冰雪类运动、新兴体育类运动七大类。每一类运动都有其独特的价值和兴趣点，同学们可以从这些类型的运动中自主选择自己喜爱的、适宜的运动。同学们在具体选学某一项运动的时候，最好能够按照“想学、能学、学会”的标准来综合判定。“想学”是指对某项运动有兴趣，“能学”是指具备学练的条件，“学会”是一种结果追求。学练掌握1～2项运动技能，这能够真正地为终身体育及职业发展奠定基础。
@@ -18,7 +18,7 @@
                  希望同学们在满足兴趣爱好与运动需求的基础上，认真学练你们自主选择的拓展模块中的专项运动，能具备一定的运动特长，培养出一定的运动能力，为促进健康和终身参与体育锻炼夯实根基。
                </p>
              </div>
              <div class="bj-chapter001-con-icon">
              <div class="bj-chapter-con-icon">
                <img src="../../image/sports02.png" alt="" />
              </div>
            </div>
@@ -28,10 +28,10 @@
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="bodystyle">
        <div class="bodystyle textHeader">
          <div class="bj-img03">
            <div class="bj-empyt-chapter03"></div>
            <div class="bj-text03">
            <div class="bj-empyt-chapter"></div>
            <div class="bj-text">
              <p>
                竞争是球类运动最突出的特征。无论是集体合作完成的某项运动，还是单枪匹马与对手交锋的球类项目，都具有较强的竞争性。此外，集体项目还能充分培养同学们团队合作的意识和能力。因此，中职学生有必要选择某些球类运动进行学习，以提高未来走向社会所需的竞争与合作的意识和能力。本单元球类运动中设置了学校最常开展的篮球、足球、排球、羽毛球、乒乓球、网球（俗称“三大球”和“三小球”）项目，这些项目也是大多数同学爱学、爱练、爱赛的项目。球类运动的兴趣点主要集中在“得分”上。无论是篮球的投篮得分，还是足球比赛中的射门得分等，都大大吸引着比赛观看者和比赛参与者的注意力。在球类运动中，同学们能够不断体验球技提高的获得感，在比赛过程中得分获胜的成就感，以及与同伴合作或与对手竞争的愉悦感。同时，同学们也要学会接受一时比赛失利带来的沮丧，既要享受成功，也要坦然面对失利。
              </p>
@@ -1456,12 +1456,34 @@
        </div>
      </div>
    </div>
    <div >
      <el-dialog
        :visible.sync="dialogVisible"
        width="60vw"
        top="2vh"
        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>
  </div>
</template>
<script>
import preView from "@/components/pdfview";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "testPp",
  components: {
    preView,
  },
  props: {
    showPageList: {
      type: Array,
@@ -1476,27 +1498,75 @@
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      dialogVisible: false,
      isShowXyx02: false,
      pingpang: require("../../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
        textBybItem1: "",
        pdfMd5: {
          1: "54741d14a21eb47b2ed06a2231271cd5",
          2: "1b7ecc924bfab900ec10f0ed4bb2466b",
          3: "f1597b91fb3110eb6fd59c84f5ddbfd1",
          4: "515f3dd2554dbdea779c59800a8da6b2",
          5: "b32afdfb8555ad8db1aa1fd95750369f",
          6: "57481cd4e7e7ce535eb6585d375e317e",
          7: "878a8bbb91f093107cae210ade9a387e",
          8: "e242f94d2bdc54de7b5340d452256515",
          9: "1ce6dc7953b1783de746e0de672ffbe4",
          10: "030b943ad33a4c0f31524f0f1ec9c14f",
          11: "2a458d11dc021318e2d3aa4f92cf3e36",
          12: "81957321d71fd270f67fe74f7ef2b9e8",
          13: "5f675eff789c96ce8a6cf80679c8a992",
          14: "02236dec8a8e87176b1df2435b82fb87",
          15: "fa38047ab9eed59f3296940778cc6cfd",
          1: {
            md5: "54741d14a21eb47b2ed06a2231271cd5",
            name: "1 乒乓球的常用术语（一）",
          },
          2: {
            md5: "1b7ecc924bfab900ec10f0ed4bb2466b",
            name: "2 乒乓球的常用术语（二）",
          },
          3: {
            md5: "f1597b91fb3110eb6fd59c84f5ddbfd1",
            name: "3 模块一（一）单项技术学练 平击发球",
          },
          4: {
            md5: "515f3dd2554dbdea779c59800a8da6b3",
            name: "4 模块一（二）基本战术学练 接平击球抢攻",
          },
          5: {
            md5: "b32afdfb8555ad8db1aa1fd95750369f",
            name: "5 模块一（三）组合技能练习 推挡+侧身攻",
          },
          6: {
            md5: "57481cd4e7e7ce535eb6585d375e317e",
            name: "6 模块二（一）单项技术学练 正手快带",
          },
          7: {
            md5: "878a8bbb91f093107cae210ade9a387e",
            name: "7 模块二（一）单项技术学练 转与不转球发球",
          },
          8: {
            md5: "e242f94d2bdc54de7b5340d452256515",
            name: "8 模块二（二）基本战术学练 发转与不转球抢攻",
          },
          9: {
            md5: "1ce6dc7953b1783de746e0de672ffbe4",
            name: "9 模块二（三）组合技能练习 左推+右攻",
          },
          10: {
            md5: "030b943ad33a4c0f31524f0f1ec9c14f",
            name: "10 模块三（一）单项技术学练 弧圈球",
          },
          11: {
            md5: "2a458d11dc021318e2d3aa4f92cf3e36",
            name: "11 模块三（一）单项技术学练 快搓",
          },
          12: {
            md5: "81957321d71fd270f67fe74f7ef2b9e8",
            name: "12 模块三（一）单项技术学练 反手快拨",
          },
          13: {
            md5: "5f675eff789c96ce8a6cf80679c8a992",
            name: "13 模块三（二）基本战术学练 搓攻战术",
          },
          14: {
            md5: "02236dec8a8e87176b1df2435b82fb87",
            name: "14 模块三（三）组合技能练习 推挡+侧身攻",
          },
          15: {
            md5: "fa38047ab9eed59f3296940778cc6cfd",
            name: "15 拓展资料：乒乓球裁判法",
          },
        },
        videoMd5: {
          v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1核心技术" },
@@ -1617,9 +1687,23 @@
    }
  },
  methods: {
    async toUrl(val) {
    closeDialog() {
      this.dialogVisible = false;
    },
    toUrl(val) {
      if (val) {
        window.open(await getResourcePath(this.chapter002.pdfMd5[val]));
        const obj = {
          type: "pdf",
          data: {
            md5: this.chapter002.pdfMd5[val].md5,
            title: this.chapter002.pdfMd5[val].name,
          },
        };
        this.$emit("openPDFChange", obj);

        // this.dialogVisible = true;
        // this.p_md5 = this.chapter002.pdfMd5[val].md5;
        // this.pdfTitle = this.chapter002.pdfMd5[val].name;
      }
    },
    async getVideo(md5, val) {
@@ -1654,3 +1738,69 @@
  },
};
</script>

<style lang="less">
.pdfModal {
  width: 100%;
  height: 90vh;
}
.custom-dialog {
  overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: "FZLTXIHJW";
    }
  }
}

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>