体育与健康样章

unknown

2024-06-05 58a1f8c0fe7c46f21382f6359be02a8e375ece04

体育与健康样章

 src/assets/methods/resources.js

@@ -1,19 +1,22 @@
import fileApi from '@/assets/js/middleGround/api/file'
export const getResourcePath = async(md5,appRefCode = "jingshieke") => {
  let path = ''
  await fileApi.getAliVod({
    md5,appRefCode
  }).then(res => {
    if(res.data.length) {
      path =  res.data
    } else {
      path =   process.env.VUE_APP_API_URL + '/file/api/ApiDownload?md5=' + md5
    }
  })
  return path
}
import fileApi from "@/assets/js/middleGround/api/file";
export const getResourcePath = async (md5, appRefCode = "jingshieke") => {
  let path = "";
  await fileApi
    .getAliVod({
      md5,
      appRefCode,
    })
    .then((res) => {
      if (res?.data != "" && res?.data != undefined) {
        path = res.data;
      } else {
        path = process.env.VUE_APP_API_URL + "/file/api/ApiDownload?md5=" + md5;
      }
    });
  return path;
};
const MT = {
  getResourcePath
}
  getResourcePath,
};

export default MT
export default MT;

 src/books/lifeCare/index.vue

@@ -12,37 +12,44 @@
      <front001
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
        :isSearch="isSearch"
      />
      <ChapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
      />
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
@@ -50,16 +57,19 @@
        :questionData="questionData"
        @eventSwdt="swdtChange"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
      />
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <chapter010
        v-if="showCatalogList.indexOf(11) > -1"
@@ -143,6 +153,7 @@
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      isSearch: false,
    };
  },
  computed: {
@@ -253,9 +264,9 @@
    // }, 1000);
  },
  methods: {
    changeDomViewer(){
    changeDomViewer() {
      setTimeout(() => {
        this.initViewer()
        this.initViewer();
      }, 500);
    },
    // 滚动监听
@@ -633,7 +644,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
@@ -645,11 +656,11 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
@@ -677,7 +688,7 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -696,8 +707,8 @@
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            }
          }
            },
          },
        });
      }
    },
@@ -713,7 +724,7 @@
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true // 显示标题
          title: true, // 显示标题
        });
      }
    },

 src/books/lifeCare/view/chapter001.vue

@@ -1403,7 +1403,7 @@
</template>

<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1415,6 +1415,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1440,13 +1444,15 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter001"));
      if (localData) {
        this.chapter001 = { ...Object.assign(this.chapter001, localData) };
      }
      this.chapter001.videOneUrl = await getResourcePath(
        "68ebd5c05bcb742999a9ebdce4b4bd53"
      );
    }
    this.chapter001.videOneUrl = await getResourcePath(
      "68ebd5c05bcb742999a9ebdce4b4bd53"
    );
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter002.vue

@@ -1423,6 +1423,10 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -1663,20 +1667,18 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      }
      this.chapter002.videOneUrl = await getResourcePath(
        "6e471afdbeb95a8891f1551cbb0cd4fd"
      );
      this.chapter002.videOneUrl116 = await getResourcePath(
        "b727b78f8036a38cbd054816a81da7f8"
      );
    }
    this.chapter002.videOneUrl = await getResourcePath(
      "6e471afdbeb95a8891f1551cbb0cd4fd"
    );
    this.chapter002.videOneUrl116 = await getResourcePath(
      "b727b78f8036a38cbd054816a81da7f8"
    );
    // this.chapter002.videOneUrl116 =
    //   "https:/jsek.bnuic.com/file/api/ApiDownload?md5=b727b78f8036a38cbd054816a81da7f8";
    // this.chapter002.videOneUrl =
    //   "https:/jsek.bnuic.com/file/api/ApiDownload?md5=6e471afdbeb95a8891f1551cbb0cd4fd";
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter003.vue

@@ -2785,7 +2785,7 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
// import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
@@ -2800,6 +2800,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -3247,70 +3251,45 @@
    drawflow,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter003"));
    if (localData) {
      this.chapter003 = { ...Object.assign(this.chapter003, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter003"));
      if (localData) {
        this.chapter003 = { ...Object.assign(this.chapter003, localData) };
      }
      this.chapter003.videOneUrl = await getResourcePath(
        "459ab85d46207bfcca4801dc9b319b9b"
      );
      this.chapter003.videoTwoUrl = await getResourcePath(
        "3817bea302b25b865ff938140939a8de"
      );
      this.chapter003.videoFourUrl = await getResourcePath(
        "7af72da649f6656c3b2164e708f5c132"
      );
      this.chapter003.videoFiveUrl = await getResourcePath(
        "e24de9b0cdd889cb73e9b472ad6f4731"
      );
      this.chapter003.videoSixUrl = await getResourcePath(
        "d95740ab777d9c7ca074c33317a835c4"
      );
      this.chapter003.videoSevenUrl = await getResourcePath(
        "0b330926f3e6ed510b48144a83199fb3"
      );
      this.chapter003.videoEigthUrl = await getResourcePath(
        "9f63cc4dcba6a87cbfe82a9ec4d7c77e"
      );
      this.chapter003.videoNineUrl = await getResourcePath(
        "c2ecf6f102a6e9b210f3db49b17b58a4"
      );
      this.chapter003.videoTenUrl = await getResourcePath(
        "b6943018923c0cbad4e414dc2097cb9a"
      );
      this.chapter003.videoEleUrl = await getResourcePath(
        "eb604885f7c01cdf2d95df839c9c233a"
      );
      this.chapter003.videoTevUrl = await getResourcePath(
        "f12a50c2ac57da78ff02f3d5f430163b"
      );
    }
    this.chapter003.videOneUrl = await getResourcePath(
      "459ab85d46207bfcca4801dc9b319b9b"
    );
    this.chapter003.videoTwoUrl = await getResourcePath(
      "3817bea302b25b865ff938140939a8de"
    );
    this.chapter003.videoFourUrl = await getResourcePath(
      "7af72da649f6656c3b2164e708f5c132"
    );
    this.chapter003.videoFiveUrl = await getResourcePath(
      "e24de9b0cdd889cb73e9b472ad6f4731"
    );
    this.chapter003.videoSixUrl = await getResourcePath(
      "d95740ab777d9c7ca074c33317a835c4"
    );
    this.chapter003.videoSevenUrl = await getResourcePath(
      "0b330926f3e6ed510b48144a83199fb3"
    );
    this.chapter003.videoEigthUrl = await getResourcePath(
      "9f63cc4dcba6a87cbfe82a9ec4d7c77e"
    );
    this.chapter003.videoNineUrl = await getResourcePath(
      "c2ecf6f102a6e9b210f3db49b17b58a4"
    );
    this.chapter003.videoTenUrl = await getResourcePath(
      "b6943018923c0cbad4e414dc2097cb9a"
    );
    this.chapter003.videoEleUrl = await getResourcePath(
      "eb604885f7c01cdf2d95df839c9c233a"
    );
    this.chapter003.videoTevUrl = await getResourcePath(
      "f12a50c2ac57da78ff02f3d5f430163b"
    );
    // this.chapter003.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=459ab85d46207bfcca4801dc9b319b9b";
    // this.chapter003.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=3817bea302b25b865ff938140939a8de";
    // this.chapter003.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=7af72da649f6656c3b2164e708f5c132";
    // this.chapter003.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=e24de9b0cdd889cb73e9b472ad6f4731";
    // this.chapter003.videoSixUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=d95740ab777d9c7ca074c33317a835c4";
    // this.chapter003.videoSevenUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=0b330926f3e6ed510b48144a83199fb3";
    // this.chapter003.videoEigthUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=9f63cc4dcba6a87cbfe82a9ec4d7c77e";
    // this.chapter003.videoNineUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=c2ecf6f102a6e9b210f3db49b17b58a4";
    // this.chapter003.videoTenUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=b6943018923c0cbad4e414dc2097cb9a";
    // this.chapter003.videoEleUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a";
    // this.chapter003.videoTevUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b";
    // this.chapter003.qustionData = await getQuestionData(
    //   "3",
    //   testData[3],
    //   this.config.activeBook
    // );
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter004.vue

@@ -1368,6 +1368,10 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  components: {
    examinations,
@@ -1446,7 +1450,8 @@
    };
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter004"));
    if(!this.isSearch){
      const localData = JSON.parse(localStorage.getItem("chapter004"));
    if (localData) {
      this.chapter004 = { ...Object.assign(this.chapter004, localData) };
    }
@@ -1459,12 +1464,7 @@
    this.chapter004.videoFourUrl = await getResourcePath(
      "1b04691b60e5b5b207b3a4967c495d29"
    );
    // this.chapter004.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
    // this.chapter004.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
    // this.chapter004.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
    }
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter005.vue

@@ -2604,7 +2604,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text1"
                      @blur="changeThVal($event, 'text1')"
                    />
@@ -2613,7 +2613,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text2"
                      @blur="changeThVal($event, 'text2')"
                    />
@@ -2622,7 +2622,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text3"
                      @blur="changeThVal($event, 'text3')"
                    />
@@ -2631,7 +2631,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text4"
                      @blur="changeThVal($event, 'text4')"
                    />
@@ -2642,7 +2642,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text5"
                      @blur="changeThVal($event, 'text5')"
                    />
@@ -2651,7 +2651,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text6"
                      @blur="changeThVal($event, 'text6')"
                    />
@@ -2660,7 +2660,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text7"
                      @blur="changeThVal($event, 'text7')"
                    />
@@ -2669,7 +2669,7 @@
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text8"
                      @blur="changeThVal($event, 'text8')"
                    />
@@ -2724,7 +2724,7 @@
              </tbody>
            </table>
          </div>
          <p><br/></p>
          <p><br /></p>
          <h3 id="c020">
            <span class="bk-h3"
              ><span class="bj1-h3">六</span>　　餐后保育　</span
@@ -3102,7 +3102,7 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import drawflow from "@/components/drawflow";
@@ -3116,6 +3116,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -3555,30 +3559,24 @@
    drawflow,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter005"));
    if (localData) {
      this.chapter005 = { ...Object.assign(this.chapter005, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter005"));
      if (localData) {
        this.chapter005 = { ...Object.assign(this.chapter005, localData) };
      }
      this.chapter005.videOneUrl = await getResourcePath(
        "439b0bde62a5098875c77e2492676577"
      );
      this.chapter005.videoTwoUrl = await getResourcePath(
        "1a878261410b01ee8e4e0602a1fe935f"
      );
      this.chapter005.videoFourUrl = await getResourcePath(
        "6cf2619beb704b3d79de04f0775c8ba3"
      );
      this.chapter005.videoFiveUrl = await getResourcePath(
        "8400384441ad9236d5eab24f500ec2c7"
      );
    }
    this.chapter005.videOneUrl = await getResourcePath(
      "439b0bde62a5098875c77e2492676577"
    );
    this.chapter005.videoTwoUrl = await getResourcePath(
      "1a878261410b01ee8e4e0602a1fe935f"
    );
    this.chapter005.videoFourUrl = await getResourcePath(
      "6cf2619beb704b3d79de04f0775c8ba3"
    );
    this.chapter005.videoFiveUrl = await getResourcePath(
      "8400384441ad9236d5eab24f500ec2c7"
    );
    // this.chapter005.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
    // this.chapter005.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
    // this.chapter005.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
    // this.chapter005.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
  },
  methods: {
    activityOne() {
@@ -3749,7 +3747,7 @@
            if (type == "3") {
              that.chapter005.pictrueListThree.push(getPublicImage(e));
            }
            that.$emit('Upload_initViewer',"")
            that.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter005", JSON.stringify(that.chapter005));
          }, 1000);
        })

 src/books/lifeCare/view/chapter006.vue

@@ -1307,7 +1307,7 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1319,6 +1319,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1455,15 +1459,15 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter006"));
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter006"));
      if (localData) {
        this.chapter006 = { ...Object.assign(this.chapter006, localData) };
      }
      this.chapter006.videOneUrl = await getResourcePath(
        "04fafb0e896ffe0379edd6d695a92b13"
      );
    }
    this.chapter006.videOneUrl = await getResourcePath(
      "04fafb0e896ffe0379edd6d695a92b13"
    );
    // this.chapter006.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter007.vue

@@ -2567,7 +2567,7 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";

@@ -2580,6 +2580,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -2604,7 +2608,7 @@
        pictrueList: [],
        pictrueListTwo: [],
        pictrueListThree: [],
        pictrueListFour:[],
        pictrueListFour: [],
        qustionData: {},
        // 创设良好睡眠环境的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
@@ -2841,35 +2845,27 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter007"));
      if (localData) {
        this.chapter007 = { ...Object.assign(this.chapter007, localData) };
      }
      this.chapter007.videOneUrl = await getResourcePath(
        "3c35b62a39cf8beddc28c5c1c8a847ec"
      );
      this.chapter007.videoTwoUrl = await getResourcePath(
        "4731be836c5c625584c3c94a61249cc9"
      );
      this.chapter007.videoFourUrl = await getResourcePath(
        "4889c1899ed5716aeea6ca031cd3136d"
      );
      this.chapter007.videoFiveUrl = await getResourcePath(
        "a1d60d7c5322d531939118c1aaf8feb7"
      );
      this.chapter007.videoSixUrl = await getResourcePath(
        "f92c68faa37e1f6ce9ca50f234ddad90"
      );
    }
    this.chapter007.videOneUrl = await getResourcePath(
      "3c35b62a39cf8beddc28c5c1c8a847ec"
    );
    this.chapter007.videoTwoUrl = await getResourcePath(
      "4731be836c5c625584c3c94a61249cc9"
    );
    this.chapter007.videoFourUrl = await getResourcePath(
      "4889c1899ed5716aeea6ca031cd3136d"
    );
    this.chapter007.videoFiveUrl = await getResourcePath(
      "a1d60d7c5322d531939118c1aaf8feb7"
    );
    this.chapter007.videoSixUrl = await getResourcePath(
      "f92c68faa37e1f6ce9ca50f234ddad90"
    );
    // this.chapter007.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
    // this.chapter007.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
    // this.chapter007.videoFourUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
    // this.chapter007.videoFiveUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    // this.chapter007.videoSixUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
  },
  methods: {
    activityOne() {
@@ -2991,7 +2987,7 @@
              that.chapter007.pictrueListFour.push(getPublicImage(e));
            }
            that.isLoding = false;
            this.$emit('Upload_initViewer',"")
            this.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
          }, 1000);
        })

 src/books/lifeCare/view/chapter008.vue

@@ -1092,7 +1092,7 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
@@ -1104,6 +1104,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1230,20 +1234,18 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter008"));
    if (localData) {
      this.chapter008 = { ...Object.assign(this.chapter008, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter008"));
      if (localData) {
        this.chapter008 = { ...Object.assign(this.chapter008, localData) };
      }
      this.chapter008.videOneUrl = await getResourcePath(
        "80986796eb2d8ee1a47cdde606900ed0"
      );
      this.chapter008.videoTwoUrl = await getResourcePath(
        "460c7bc740882a9ad93b096a2151dd1c"
      );
    }
    this.chapter008.videOneUrl = await getResourcePath(
      "80986796eb2d8ee1a47cdde606900ed0"
    );
    this.chapter008.videoTwoUrl = await getResourcePath(
      "460c7bc740882a9ad93b096a2151dd1c"
    );
    // this.chapter008.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
    // this.chapter008.videoTwoUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter009.vue

@@ -20,7 +20,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter010.vue

@@ -613,7 +613,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter011.vue

@@ -418,9 +418,7 @@
</template>
<script>
export default {
  name: "chapter011",


  name: "chapter-011",
  props: {
    showPageList: {
      type: Array,

 src/books/lifeCare/view/chapter012.vue

@@ -638,7 +638,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter013.vue

@@ -608,7 +608,6 @@
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/lifeCare/view/chapter014.vue

@@ -1708,11 +1708,9 @@
<script>
export default {
  name: "chapter-014",

  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      type: Object,

 src/books/sportsAndHealth/css/default.less

@@ -93,10 +93,99 @@
      }
    }

    .pdf-tips-con {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;

      .pdf-wall {
        max-width: 180px;
        position: absolute;
        right: 0;
        top: 25px;
        border: 2px dotted #5d78bb;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;

        .pdf-item {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;

          img {
            width: 80px;
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
            line-height: 20px;
          }

          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* 标准语法 */
          }
        }
      }
    }

    .leftTable {
      table {
        tr td {
          text-align: left !important;
        }
      }
    }

    .parentVideo {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;

      .videoItem {
        width: 200px;
        margin: 3px 4px;
        border: 1px dotted #30aad1;

        video {
          width: 100%;
        }

        video::-webkit-media-text-track-display {
          /* 这里可以添加自定义的样式代码 */
          color: red;
          /* 文字颜色 */
          background-color: yellow;
          /* 背景颜色 */
        }

        span {
          display: flex;
          justify-content: center;
          font-size: 14px;
          text-align: center;
          font-family: 'FZLTXIHJW';
        }
      }
    }
@@ -341,8 +430,10 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;

      p {
        margin: 0;
        margin-right: 10px;
      }

@@ -352,13 +443,14 @@
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px 0;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 10px;
        margin-top: -50px;
        margin-top: -140px;

        .pdf-view {
          min-width: 160px;
          display: flex;
          flex-direction: column;
          justify-content: center;
@@ -369,7 +461,6 @@
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
@@ -390,43 +481,9 @@
          }
        }
      }
    }

    .pdf-wall {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 40px;

      .pdf-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        img {
          width: 80px;
        }

        span {
          min-width: 150px;
          font-size: 14px;
          text-align: center;
          font-family: 'FZLTXIHJW';
        }

        span:hover {
          color: #5877ba;
          cursor: pointer;
          text-decoration: underline;
          -webkit-user-select: none;
          /* Safari 3.1+ */
          -moz-user-select: none;
          /* Firefox 2+ */
          -ms-user-select: none;
          /* IE 10+ */
          user-select: none;
          /* 标准语法 */
        }
      .pdf-con-15 {
        margin-top: -20px;
      }
    }

@@ -1513,6 +1570,75 @@
      font-weight: bold;
    }
  }

  @media screen and (max-width: 800px) {
   .chapter{
    .pdf-tips-con {
      width: 100%;
      min-width: 200px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 20px 0;

      .pdf-wall {
        max-width: 180px;
        position: relative;
        left: 30px;
        top: 25px;
        border: 2px dotted #5d78bb;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;

        .pdf-item {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;

          img {
            width: 80px;
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
            font-family: 'FZLTXIHJW';
            line-height: 20px;
          }

          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* 标准语法 */
          }
        }
      }
    }
    .parentVideo {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
   }
  }
}

body {

 src/books/sportsAndHealth/image/356-1.png

 src/books/sportsAndHealth/image/356-2.png

 src/books/sportsAndHealth/image/356-3.png

 src/books/sportsAndHealth/image/356-4.png

 src/books/sportsAndHealth/image/356-5.png

 src/books/sportsAndHealth/image/357-1.png

 src/books/sportsAndHealth/image/357-2.png

 src/books/sportsAndHealth/image/357-3.png

 src/books/sportsAndHealth/image/357-4.png

 src/books/sportsAndHealth/image/357-5.png

 src/books/sportsAndHealth/index.vue

@@ -17,22 +17,26 @@
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @eventPublic="swdtChange"
        :isSearch="isSearch"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :isSearch="isSearch"
      />
      <!-- <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
@@ -144,6 +148,7 @@
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      isSearch: false,
    };
  },
  computed: {

 src/books/sportsAndHealth/view/chapter002.vue

@@ -5713,7 +5713,6 @@
  </div>
</template>
<script>
import {getResourcePath} from "@/assets/methods/resources.js";
export default {
  name: "chapter-2",
  props: {
@@ -5723,6 +5722,10 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {

 src/books/sportsAndHealth/view/chapter005.html

@@ -1139,6 +1139,8 @@
<p class="center"><img class="img-b" alt="" src="../image/0122-2.jpg"/></p>
<p class="img">图3-5-5 慢搓</p>
<p>搓球是近台还击下旋球的一种基本技术，可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡，为自己下一板创造进攻机会。</p>


<p>（1）动作要领</p>
<p>慢搓要求右脚在前或两脚平行站立，身体离台40～50厘米。手臂外旋使拍面角度后仰，前臂向左上方引拍至胸前，横握拍手腕适当外展，直握拍手腕作屈，拍头指向斜上方。当来球跳至下降前期，前臂带动手腕加速向右前下方。用力摩擦球拍面后，仰击球的中下偏外侧的部位。击球后，前臂顺势前送，并注意还原。</p>
<p>（2）学练建议</p>
@@ -1174,6 +1176,8 @@
<p><span class="zt-cs">推挡+侧身攻</span></p>
<p>（1）练习方法</p>
<p>①准备动作：左脚在前，右脚在后，两脚间距比肩稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位的侧前方。</p>


<p>②动作要领：站在左半台先进行推斜线练习，然后通过步法移动到左侧边线外，同时将执拍手移到正手位的侧身位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；击球过程中，保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过跳步移动至反手位，回到准备动作阶段。</p>
<p>（2）练习要求</p>
<p>站在左半台边，离球台40～50厘米。推挡和侧身攻为斜线，落点在球台的中线或左侧边位置。通过步法移动完成技术组合动作。</p>
@@ -1190,6 +1194,8 @@
<p>②完成单个弧圈球技术练习。</p>
<p>③在支撑熟练的基础上完成连续的弧圈球技术练习。</p>
<p>④拓展练习：配合多球来巩固技术动作。</p>


<p><span class="zt-cs">2.正手发左侧上（下）旋球</span></p>
<p>（1）动作要领</p>
<p>正手发左侧上（下）旋球时，左脚在前，右脚在后，身体侧向球台，身体重心下降。左手将球向上抛起，同时右臂向右后上方引拍，握拍手腕外展，腰部略向右转动。当球下降至接近网高时，前臂加速向左前方挥摆，触球时手臂、手腕发力，直握拍手腕内旋，横握拍手腕内收，腰部配合向左转。发侧上旋球时，拍面略微立起，击球的中部向左侧上方摩擦；发侧下旋球时，拍面略后仰，击球的中下部向左侧下方向摩擦。随势挥拍，迅速还原。</p>
@@ -1223,6 +1229,9 @@
<p>3.通过步法移动，寻找最佳击球点，能有效地提高技术质量。</p>
<p>4.注意发球线路的变化。</p>
</div>



<p><span class="zt-ls">（三）组合技能练习</span></p>
<p><span class="zt-cs">全台左推+右攻</span></p>
<p>（1）练习方法</p>
@@ -1240,6 +1249,10 @@
<h4 class="h4-dy3" id="d070"><span class="h4-dy3s">五</span>　训练专项体能</h4>
<p>想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与乒乓球运动，乃至在职场中展现出更好的身体素质打牢基础。</p>
<p>请同学们登录课程平台进行杠铃箭步蹲、侧抛实心球和绳梯步法训练及横向小滑步、两进两出的专项体能训练。</p>




<h3 class="lefth3" id="c017"><img class="img-gh1" alt="" src="../image/dy3-xm6.jpg"/></h3>
<div class="bk-tyzg">
<p class="bj1-tyzg">体育中国</p>

 src/books/sportsAndHealth/view/testPp.vue

@@ -109,12 +109,14 @@
            本模块设置了乒乓球运动中较为基础的技战术内容。其中，单项技术学练包括握拍方法与核心技术、反手推挡、正手攻球，以及课程平台中的平击发球；基本战术学练包括发平击球抢攻，以及课程平台中的接平击球抢攻；组合技能练习设置的是1/2
            左推+右攻，以及课程平台中的推挡+侧身攻。同学们学练本模块的内容，能够提高基本的技战术水平，为参与本模块设置的比赛提供保障，为后续模块的学练奠定基础。
          </p>
          <p><span class="zt-ls">（一）单项技术学练</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(3)"
                >3 模块一（一）单项技术学练 平击发球</span
              >
          <div class="pdf-tips-con">
            <p class="zt-ls">（一）单项技术学练</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(3)"
                  >3 模块一（一）单项技术学练 平击发球</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">1.握拍方法与核心技术</span></p>
@@ -130,7 +132,9 @@
          <p>（2）学练建议</p>
          <p>①原地颠球练习，要求端平球拍。</p>
          <p>②行进间颠球练习，要求身体重心保持水平状态。</p>
          <p>③对墙练习，先进行正反手的支撑练习，同时结合单步和并步练习。</p>
          <p style="margin-bottom: 30px">
            ③对墙练习，先进行正反手的支撑练习，同时结合单步和并步练习。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
@@ -246,18 +250,23 @@
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="bodystyle">
          <p><span class="zt-ls">（二）基本战术学练</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(4)"
                >4 模块一（二）基本战术学练 接平击球抢攻</span
              >
          <div class="pdf-tips-con">
            <p class="zt-ls">（二）基本战术学练</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(4)"
                  >4 模块一（二）基本战术学练接平击球抢攻</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(5)"
                  >5 模块一（三）组合技能练习 推挡+侧身攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">发平击球抢攻</span></p>
          <p>（1）战术方法</p>
          <p>①先要树立发球抢攻的战术意识。</p>
          <p>②正手平击发球后通过脚步移动保证击球点在本方正手的侧前方。</p>
          <p>②正手平击发球后通过脚步移动保证击球点在本方正<br />手的侧前方。</p>
          <p>③在抢攻的过程中保持技术的连贯性。</p>
          <p>④发力阶段在击球的卷带期。</p>
          <p>⑤注意动作的还原。</p>
@@ -275,13 +284,6 @@
            <p>4.注意发球线路的变化。</p>
          </div>
          <p><span class="zt-ls">（三）组合技能练习</span></p>
          <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(5)"
                >5 模块一（三）组合技能练习 推挡+侧身攻</span
              >
            </div>
          </div>
          <p><span class="zt-cs">1/2左推+右攻</span></p>
          <p>（1）练习方法</p>
          <p>
@@ -308,13 +310,13 @@
            基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。
          </p>
          <p><span class="zt-ls">（一）单项技术学练</span></p>
          <div class="pdf-wall">
          <!-- <div class="pdf-wall">
            <div class="pdf-item">
              <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                >6 模块二（一）单项技术学练 正手快带</span
              >
            </div>
          </div>
          </div> -->
          <p><span class="zt-cs">1.攻球、推挡和快搓</span></p>
          <p>（1）动作要领</p>
          <p>
@@ -332,43 +334,56 @@
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0122-1.jpg" />
          </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="../image/354-1.png" />
          <div class="pdf-tips-con">
            <div class="imgBox-003 openImgBox" style="max-width: 360px">
              <div class="swiper-container swiper-img">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-1.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-2.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-3.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/354-4.png" />
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-3.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/354-4.png" />
                  </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
              <p class="img">图3-5-4 快搓</p>
            </div>
            <div class="pdf-wall" style="top: 60px">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(6)"
                  >6 模块二（一）单项技术学练 正手快带</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(7)"
                  >7 模块二（一）单项技术学练 转与不转球发球</span
                >
              </div>
            </div>
          </div>
          <p class="img">图3-5-4 快搓</p>
          <br />
          <p>（2）学练建议</p>
          <p>①学习正反手的支撑动作。</p>
          <p>②正反手支撑动作完成后，再完成侧前方卷带动作。</p>
          <p>③正反手支撑动作完成后，再完成侧下方卷带动作。</p>
          <p>④拓展练习：通过正反手的转换练习体验核心技术的区别与联系。</p>
          <p><span class="zt-cs">2.慢搓</span></p>
          <p style="margin-bottom: 30px"><span class="zt-cs">2.慢搓</span></p>
          <div class="bk-xyx">
            <p class="bj1-xyx">注意事项</p>
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.支撑动作一定要平。</p>
            <p>2.先高弧线支撑，熟练后再逐步降低弧线。</p>
            <p>3.支撑熟练后进行支撑卷带练习。</p>
@@ -407,6 +422,761 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="bodystyle">
          <p>（1）动作要领</p>
          <p>
            慢搓要求右脚在前或两脚平行站立，身体离台40～50厘米。手臂外旋使拍面角度后仰，前臂向左上方引拍至胸前，横握拍手腕适当外展，直握拍手腕作屈，拍头指向斜上方。当来球跳至下降前期，前臂带动手腕加速向右前下方。用力摩擦球拍面后，仰击球的中下偏外侧的部位。击球后，前臂顺势前送，并注意还原。
          </p>
          <p>（2）学练建议</p>
          <p>①先进行颠球练习，完成50次颠球后进行对墙练习。</p>
          <p>②上台练习，先完成支撑动作。</p>
          <p>③在支撑熟练的基础上完成侧下方卷带动作。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：配合步法进行连续的搓球练习，并结合比赛运用。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的搓球练习要严格按照技术路线进行。</p>
            <p>
              2.先学习慢搓，再学习快搓，先高弧线支撑，然后按弧线的方式进行练习。
            </p>
            <p>3.先进行单球练习，然后进行连贯动作的练习。</p>
            <p>4.一定在球的下降期击球。</p>
            <p>5.正反手慢搓技术动作相同，但方向相反。</p>
          </div>
          <p><span class="zt-ls">（二）基本战术学练</span></p>
          <p><span class="zt-cs">对攻战术</span></p>
          <p>（1）战术方法</p>
          <p>
            先练压反手，伺机抢攻。当对方反手较弱或进攻能力不强时（如直拍），可用推挡、反手快拨或弧圈球连续压对方反手，伺机压一板中路，加大角度或力量，迫使对方回球质量不高后，再突然用正手进攻。第二压反手变正手，如果对方侧身的意识和能力很强，这时再连压反手就可能适得其反，而要主动采取伺机变正手的方式，既可偷袭对方正手位空当，又可牵制对方的侧身抢攻，一举两得。如果自己的反手不如对方而正手进攻能力较强，可主动变线形成正手对攻。
          </p>
          <p>（2）学练建议</p>
          <p>①进行徒手的对攻练习。</p>
          <p>②进行合法发球和技术衔接练习。</p>
          <p>③先进行分解动作练习，再进行完整战术练习。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：通过不断练习提高对攻的战术水平和质量，通过小型对抗赛来巩固对攻技术。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.技术质量是战术的基础。</p>
            <p>2.战术意图执行要坚定。</p>
            <p>3.通过步法移动寻找最佳击球点，能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
          <!-- <p><span class="zt-ls">（三）组合技能练习</span></p> -->
          <div class="pdf-tips-con">
            <p class="zt-ls">（三）组合技能练习</p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(8)"
                  >8 模块二（二）基本战术学练 发转与不转球抢攻</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(9)"
                  >9 模块二（三）组合技能练习 左推+右攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">推挡+侧身攻</span></p>
          <p>（1）练习方法</p>
          <p>
            ①准备动作：左脚在前，右脚在后，两脚间距比肩<br />稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位<br />的侧前方。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="bodystyle">
          <p>
            ②动作要领：站在左半台先进行推斜线练习，然后通过步法移动到左侧边线外，同时将执拍手移到正手位的侧身位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；击球过程中，保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过跳步移动至反手位，回到准备动作阶段。
          </p>
          <p>（2）练习要求</p>
          <p>
            站在左半台边，离球台40～50厘米。推挡和侧身攻为斜线，落点在球台的中线或左侧边位置。通过步法移动完成技术组合动作。
          </p>
          <h5 id="e102"><span class="bj1-mk">模块三</span></h5>
          <p>
            本模块难度有所增加，在单项技术学练方面设置了正手弧圈球、正手发左侧上（下）旋球，以及课程平台中的弧圈球、快搓、反手快拨；基本战术学练设置了侧身正手发左侧上下旋后抢攻，以及课程平台中的搓攻战术；组合技能练习设置了全台左推+右攻，以及课程平台中的推挡+侧身攻。本模块的学习有助于同学们参与更高要求的乒乓球比赛提供重要保障。
          </p>
          <!-- <p><span class="zt-ls">（一）单项技术学练</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（一）单项技术学练</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(10)"
                  >10 模块三（一）单项技术学练 弧圈球</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">1.正手弧圈球</span></p>
          <p>（1）动作要领</p>
          <p>
            击球前，左脚稍前站立，身体离台50～60厘米；以右手为例，引拍向右后方，球拍与来球同高或稍低于来球；在球的上升期或高点期击球的中上部，击球的瞬间，应将向前的撞击与摩擦球动作融为一体；在球的上升期和高点期击球，同时迅速还原。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0124-1.jpg" />
          </p> -->
          <div class="pdf-tips-con">
            <div class="imgBox-003 openImgBox" style="max-width: 360px">
              <div class="swiper-container swiper-img">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-1.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-2.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-3.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-4.png" />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="imgBox" style="width: 100%; height: 100%">
                      <img src="../image/356-5.png" />
                    </div>
                  </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
              </div>
              <p class="img">图3-5-6 正手弧圈球</p>
            </div>
            <div class="pdf-wall" style="top: 60px">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(11)"
                  >11 模块三（一）单项技术学练 快搓</span
                >
                <img :src="pingpang" alt="" /><span @click="toUrl(12)"
                  >12 模块三（一）单项技术学练 反手快拨</span
                >
              </div>
            </div>
          </div>
          <br />
          <p>（2）学练建议</p>
          <p>①完成50次对墙练习。</p>
          <p>②完成单个弧圈球技术练习。</p>
          <p>③在支撑熟练的基础上完成连续的弧圈球技术练习。</p>
          <p>④拓展练习：配合多球来巩固技术动作。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
        <div class="bodystyle">
          <p><span class="zt-cs">2.正手发左侧上（下）旋球</span></p>
          <p>（1）动作要领</p>
          <p>
            正手发左侧上（下）旋球时，左脚在前，右脚在后，身体侧向球台，身体重心下降。左手将球向上抛起，同时右臂向右后上方引拍，握拍手腕外展，腰部略向右转动。当球下降至接近网高时，前臂加速向左前方挥摆，触球时手臂、手腕发力，直握拍手腕内旋，横握拍手腕内收，腰部配合向左转。发侧上旋球时，拍面略微立起，击球的中部向左侧上方摩擦；发侧下旋球时，拍面略后仰，击球的中下部向左侧下方向摩擦。随势挥拍，迅速还原。
          </p>
          <!-- <p class="center">
            <img class="img-a" alt="" src="../image/0125-1.jpg" />
          </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="../image/357-1.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-2.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-3.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-4.png" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/357-5.png" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">图3-5-7 正手发左侧上（下）旋球</p>
          <p>（2）学练建议</p>
          <p>①学习正确的抛球动作。</p>
          <p>②进行无球徒手练习。</p>
          <p>③进行正手发左侧上（下）旋球的练习。</p>
          <p style="margin-bottom: 30px">
            ④拓展练习：通过练习不断提高发球的速度和力量，通过班级对抗赛来巩固发球技术。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.学习正手发球时先要进行合法发球练习。</p>
            <p>2.正手发左侧上（下）旋球要与正手攻球进行有效的衔接。</p>
            <p>
              3.正手发左侧上（下）旋球要求在动作相似的前提下发出旋转球和不转球。
            </p>
            <p>4.正反的发球动作相同，但方向相反。</p>
          </div>
          <!-- <p><span class="zt-ls">（二）基本战术学练</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（二）基本战术学练</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(13)"
                  >13 模块三（二）基本战术学练 搓攻战术</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">侧身正手发左侧上下旋后抢攻</span></p>
          <p>（1）战术方法</p>
          <p>
            发左侧旋球至对方反手位、反手底线大角中路偏反手底线或追身以及正手小三角短球，再配合一板直线急长球。对方侧身轻拉至反手，可用推挡加力或快压直线，也可用侧身攻（以速度为主）直线，迫使对方扑救正手位，再寻机发力；如对方用反手推拨或轻挂至反手，可压制其中路追身；如对方直接回至正手位，可用正手快带线到对方正手大角，然后等正手位做连续进攻的准备。
          </p>
          <p>（2）学练建议</p>
          <p>①先进行徒手的发抢练习。</p>
          <p>②进行合法发球和技术衔接练习。</p>
          <p>③先进行分解动作练习，再进行完整战术练习。</p>
          <p style="margin-bottom: 30px">
            拓展练习：通过不断练习提高发球抢攻的战术水平和抢攻的质量。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.发球质量是抢攻的基础。</p>
            <p>2.发球要合乎规定。</p>
            <p>3.通过步法移动，寻找最佳击球点，能有效地提高技术质量。</p>
            <p>4.注意发球线路的变化。</p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="bodystyle">
          <!-- <p><span class="zt-ls">（三）组合技能练习</span></p> -->
          <div class="pdf-tips-con">
            <p><span class="zt-ls">（三）组合技能练习</span></p>
            <div class="pdf-wall">
              <div class="pdf-item">
                <img :src="pingpang" alt="" /><span @click="toUrl(14)"
                  >14 模块三（三）组合技能练习 推挡+侧身攻</span
                >
              </div>
            </div>
          </div>
          <p><span class="zt-cs">全台左推+右攻</span></p>
          <p>（1）练习方法</p>
          <p>
            ①准备动作：左脚在前，右脚在后，两脚间距比肩稍宽，低头含胸，两眼平视，手腕内旋，球拍在反手位的侧前方。
          </p>
          <p>
            ②动作要领：在左半台先进行推直线练习，然后通过步法移动到正手位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；在击球过程中，保证击球点在身体的侧前方。同时，前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过单步移动至反手位，回到准备动作阶段。
          </p>
          <p>（2）练习要求</p>
          <p>
            站在球台的左边，离球台40～50厘米。推挡为直线，正手攻球为斜线，落点位置在左半台的边线位置。要通过步法移动保证击球点在身体的侧前方。
          </p>
          <h4 class="h4-dy3" id="d068">
            <span class="h4-dy3s">三</span>　参与乒乓球比赛
          </h4>
          <p>
            请同学们登录课程平台，了解自己感兴趣的比赛活动的方法、要求和注意事项等，自行组织比赛，在竞赛中巩固学练成果。
          </p>
          <div class="pdf-text">
            <div>
              <p>
                模块一比赛有：颠球比赛、推挡比赛、正手攻球比赛、11分教学比赛（一）。
              </p>
              <p>模块二比赛有：快拨比赛、快攻比赛、11分教学比赛（二）。</p>
              <p>模块三比赛有：搓球比赛、弧圈球比赛、11分教学比赛（三）。</p>
            </div>
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(15)"
                  >15 拓展资料：乒乓球裁判法</span
                >
              </div>
            </div>
          </div>
          <h4 class="h4-dy3" id="d069">
            <span class="h4-dy3s">四</span>　实施自主评价
          </h4>
          <p>
            在前面学、练、赛的过程中，同学们对自己和身边同学的学习效果有了初步的评判，那么如何系统地评价自己对乒乓球运动技战术的掌握程度和整个运动的理解程度呢？请同学们登录课程平台，进行系统、全面的自主评价。
          </p>
          <h4 class="h4-dy3" id="d070">
            <span class="h4-dy3s">五</span>　训练专项体能
          </h4>
          <p>
            想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与乒乓球运动，乃至在职场中展现出更好的身体素质打牢基础。
          </p>
          <p style="margin-bottom: 30px">
            请同学们登录课程平台进行杠铃箭步蹲、侧抛实心球和绳梯步法训练及横向小滑步、两进两出的专项体能训练。
          </p>
          <div class="bk-xyx" style="padding: 2px 0">
            <div class="bj1-xyx publicxbc">
              · 视频库集 ·
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16.863"
                  height="13.817"
                  viewBox="0 0 19.863 13.817"
                >
                  <g transform="translate(-40.961 -184.321)">
                    <path
                      class="a"
                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                      transform="translate(51.824 196.82) rotate(-90)"
                    />
                    <path
                      class="b"
                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                      transform="translate(-3269 15293.001)"
                    />
                  </g>
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">项目五 · 视频库集</p>
            <div class="parentVideo" v-if="isShowXyx02">
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v1"
                ></video>
                <span>{{ chapter002.videoMd5.v1.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v2"
                ></video>
                <span>{{ chapter002.videoMd5.v2.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v3"
                ></video>
                <span>{{ chapter002.videoMd5.v3.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v4"
                ></video>
                <span>{{ chapter002.videoMd5.v4.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v5"
                ></video>
                <span>{{ chapter002.videoMd5.v5.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v6"
                ></video>
                <span>{{ chapter002.videoMd5.v6.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v7"
                ></video>
                <span>{{ chapter002.videoMd5.v7.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v8"
                ></video>
                <span>{{ chapter002.videoMd5.v8.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v9"
                ></video>
                <span>{{ chapter002.videoMd5.v9.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v10"
                ></video>
                <span>{{ chapter002.videoMd5.v10.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v11"
                ></video>
                <span>{{ chapter002.videoMd5.v11.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v12"
                ></video>
                <span>{{ chapter002.videoMd5.v12.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v13"
                ></video>
                <span>{{ chapter002.videoMd5.v13.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v14"
                ></video>
                <span>{{ chapter002.videoMd5.v14.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v15"
                ></video>
                <span>{{ chapter002.videoMd5.v15.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v16"
                ></video>
                <span>{{ chapter002.videoMd5.v16.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v17"
                ></video>
                <span>{{ chapter002.videoMd5.v17.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v18"
                ></video>
                <span>{{ chapter002.videoMd5.v18.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v19"
                ></video>
                <span>{{ chapter002.videoMd5.v19.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v20"
                ></video>
                <span>{{ chapter002.videoMd5.v20.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v21"
                ></video>
                <span>{{ chapter002.videoMd5.v21.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v22"
                ></video>
                <span>{{ chapter002.videoMd5.v22.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v23"
                ></video>
                <span>{{ chapter002.videoMd5.v23.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v24"
                ></video>
                <span>{{ chapter002.videoMd5.v24.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v25"
                ></video>
                <span>{{ chapter002.videoMd5.v25.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v26"
                ></video>
                <span>{{ chapter002.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v27"
                ></video>
                <span>{{ chapter002.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v28"
                ></video>
                <span>{{ chapter002.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v29"
                ></video>
                <span>{{ chapter002.videoMd5.v29.name }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
@@ -420,27 +1190,162 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      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",
        },
        videoMd5: {
          v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1核心技术" },
          v2: {
            md5: "07cd17a31b6648cfce8065144f2cf80a",
            name: "2正反手支撑卷带",
          },
          v3: {
            md5: "8dea53331d520d7b39bc2a393bd1e6b6",
            name: "3推挡和正手攻球",
          },
          v4: { md5: "3eba3ce508187071cfd72142f283766b", name: "4反手推挡" },
          v5: { name: "5平击发球", md5: "13a7382a21136ba5d284ab03bc7ad970" },
          v6: { name: "6接发球抢攻", md5: "d97edccc25fc22dfe445b429e45c8733" },
          v7: { name: "7二分之一", md5: "d75d475ff7dbb48c34ff48a3a1d82613" },
          v8: { name: "8推挡侧身攻", md5: "8a8c0d8b3853b29f339816659abd66aa" },
          v9: { name: "9跳绳", md5: "9c67757467a53feb2c0a0e27ec8022a1" },
          v10: { name: "10单步练习", md5: "c0f3327cad5f22ca90bcbaa86283b9d2" },
          v11: { name: "11并步滑步", md5: "948244798e8b9230372d8958aff1025a" },
          v12: {
            name: "12攻球、推挡和搓球",
            md5: "031ecadb43d24a19f1c127a12d616d04",
          },
          v13: { name: "13慢搓", md5: "f4950882dc39c94cf7142c7a6db1dfb4" },
          v14: { name: "14正手快带", md5: "8d4f45af584a9380f2cc7e89669f9cb4" },
          v15: {
            name: "15转与不旋球发球",
            md5: "9bffeb833ebce386d0a501ceffa0da5b",
          },
          v16: {
            name: "16发旋与不转球抢攻",
            md5: "6eee3474169e5115a34f97d1e88e5a37",
          },
          v17: { name: "17对攻战术", md5: "73aef026f69c517a6960391e988ded40" },
          v18: { name: "18三分之二", md5: "62cf2e9ff7b31e506b3a916ea322a8bf" },
          v19: { name: "19多球练习", md5: "6f1d03723c1c64c3761c4274e7f5ebe6" },
          v20: {
            name: "20交叉步练习",
            md5: "c1ed6663e29bdca2201cbb8b7887e9d8",
          },
          v21: {
            name: "21弧圈球与攻球和下旋球",
            md5: "95e61a853095c7a9c910f172f282096a",
          },
          v22: { name: "22快搓", md5: "e116cf8c12a0db61e03c6c0628f56942" },
          v23: { name: "23反手快拨", md5: "c84e3d255f83005322d0c24c043fea2a" },
          v24: {
            name: "24正手弧圈球",
            md5: "09ba85a89ce6e025aacfff63b24ef652",
          },
          v25: {
            name: "25正手发左侧上(下)旋球",
            md5: "595aff1cc303fb4b12dfbabea28bab7b",
          },
          v26: {
            name: "26侧身正手发左侧上下旋后抢攻",
            md5: "d116993f5cb6fb8effa915b674235e72",
          },
          v27: { name: "27搓攻战术", md5: "0568c743eeaec7f4a89b1c8657e9d232" },
          v28: {
            name: "28全台左推右攻",
            md5: "b46fcc0841a4a3265c6f3f1fadad2b37",
          },
          v29: { name: "29跨步练习", md5: "89063e2b3235dfe25a688bfdfb9a147a" },
        },
        videoUrl: {},
        videoShow1: false,
        videoShow2: false,
        videoShow3: false,
        videoShow4: false,
        videoShow5: false,
      },
    };
  },
  created() {
    if (!this.isSearch) {
      this.getVideo(this.chapter002.videoMd5.v1.md5, "v1");
      this.getVideo(this.chapter002.videoMd5.v2.md5, "v2");
      this.getVideo(this.chapter002.videoMd5.v3.md5, "v3");
      this.getVideo(this.chapter002.videoMd5.v4.md5, "v4");
      this.getVideo(this.chapter002.videoMd5.v5.md5, "v5");
      this.getVideo(this.chapter002.videoMd5.v6.md5, "v6");

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

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

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

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v25.md5, "v25");
        this.getVideo(this.chapter002.videoMd5.v26.md5, "v26");
        this.getVideo(this.chapter002.videoMd5.v27.md5, "v27");
        this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
        this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
      }, 7000);
    }
  },
  methods: {
    async toUrl(val) {
      if (val == 1) {
        window.open(await getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
      if (val) {
        window.open(await getResourcePath(this.chapter002.pdfMd5[val]));
      }
      if (val == 2) {
        window.open(await getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
      }
      if (val == 3) {
        window.open(await getResourcePath("f1597b91fb3110eb6fd59c84f5ddbfd1"));
      }
    },
    async getVideo(md5, val) {
      const data = await getResourcePath(md5);
      this.chapter002.videoUrl[val] = data;
    },
    ChangeBlur() {
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
@@ -448,6 +1353,25 @@
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
    },
    activityXyx2() {
      this.isShowXyx02 = !this.isShowXyx02;
      this.chapter002.videoShow1 = true;
      setTimeout(() => {
        this.chapter002.videoShow2 = true;
      }, 1000);

      setTimeout(() => {
        this.chapter002.videoShow3 = true;
      }, 3000);

      setTimeout(() => {
        this.chapter002.videoShow4 = true;
      }, 5000);

      setTimeout(() => {
        this.chapter002.videoShow5 = true;
      }, 7000);
    },
  },
};
</script>