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,16 +1456,19 @@
        </div>
      </div>
    </div>
    <div>
    <div >
      <el-dialog
        size="small"
        :title="pdfTitle"
        :visible.sync="dialogVisible"
        width="60vw"
        :before-close="handleClose"
        append-to-body
        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>
@@ -1517,7 +1520,7 @@
            name: "3 模块一（一）单项技术学练 平击发球",
          },
          4: {
            md5: "515f3dd2554dbdea779c59800a8da6b2",
            md5: "515f3dd2554dbdea779c59800a8da6b3",
            name: "4 模块一（二）基本战术学练 接平击球抢攻",
          },
          5: {
@@ -1684,14 +1687,23 @@
    }
  },
  methods: {
    handleClose(done) {
      done();
    closeDialog() {
      this.dialogVisible = false;
    },
    toUrl(val) {
      if (val) {
        this.dialogVisible = true;
        this.p_md5 = this.chapter002.pdfMd5[val].md5;
        this.pdfTitle = this.chapter002.pdfMd5[val].name;
        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) {
@@ -1726,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>