zhongshujie
2024-08-08 bab41f60c4535b72ee59be23cd2202cd4daeedd9
src/books/sportsAndHealth/view/components/chapter007.vue
@@ -33,16 +33,17 @@
      </div>
    </div>
    <!-- 217 -->
    <div class="page-box" page="227">
      <div class="header-odd">
        <span class="mk">拓展模块</span>
        <span class="sub">第六单元 </span>
        <span class="sub-title">水上类运动</span>
        <div class="line-page"></div>
        <span class="sub-page">217</span>
      </div>
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(227) > -1">
      <div v-if="showPageList.indexOf(228) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">217</span>
        </div>
        <div class="bodystyle">
          <h3 class="lefth3" id="c016">
            <img class="img-gh1" alt="" src="../../image/dy7-xm1.jpg" />
@@ -96,8 +97,8 @@
    </div>
    <!-- 218 -->
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(228) > -1">
    <div class="page-box" page="229">
      <div v-if="showPageList.indexOf(229) > -1">
        <div class="header-even">
          <span class="sub-page">218</span>
          <div class="line-page"></div>
@@ -207,11 +208,11 @@
    </div>
    <!-- 219 -->
    <div class="page-box" page="229">
      <div v-if="showPageList.indexOf(229) > -1">
    <div class="page-box" page="230">
      <div v-if="showPageList.indexOf(230) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">219</span>
@@ -347,8 +348,8 @@
    </div>
    <!-- 220 -->
    <div class="page-box" page="230">
      <div v-if="showPageList.indexOf(230) > -1">
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
        <div class="header-even">
          <span class="sub-page">220</span>
          <div class="line-page"></div>
@@ -498,11 +499,11 @@
    </div>
    <!-- 221 -->
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
    <div class="page-box" page="232">
      <div v-if="showPageList.indexOf(232) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">221</span>
@@ -628,8 +629,8 @@
    </div>
    <!-- 222 -->
    <div class="page-box" page="232">
      <div v-if="showPageList.indexOf(232) > -1">
    <div class="page-box" page="233">
      <div v-if="showPageList.indexOf(233) > -1">
        <div class="header-even">
          <span class="sub-page">222</span>
          <div class="line-page"></div>
@@ -744,11 +745,11 @@
    </div>
    <!-- 223 -->
    <div class="page-box" page="233">
      <div v-if="showPageList.indexOf(233) > -1">
    <div class="page-box" page="234">
      <div v-if="showPageList.indexOf(234) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">223</span>
@@ -847,8 +848,8 @@
    </div>
    <!-- 224 -->
    <div class="page-box" page="234">
      <div v-if="showPageList.indexOf(234) > -1">
    <div class="page-box" page="235">
      <div v-if="showPageList.indexOf(235) > -1">
        <div class="header-even">
          <span class="sub-page">224</span>
          <div class="line-page"></div>
@@ -979,11 +980,11 @@
    </div>
    <!-- 225 -->
    <div class="page-box" page="235">
      <div v-if="showPageList.indexOf(235) > -1">
    <div class="page-box" page="236">
      <div v-if="showPageList.indexOf(236) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">225</span>
@@ -1123,8 +1124,8 @@
    </div>
    <!-- 226 -->
    <div class="page-box" page="236">
      <div v-if="showPageList.indexOf(236) > -1">
    <div class="page-box" page="237">
      <div v-if="showPageList.indexOf(237) > -1">
        <div class="header-even">
          <span class="sub-page">226</span>
          <div class="line-page"></div>
@@ -1147,6 +1148,9 @@
          <div class="subsectionContent">
            (2)学练建议
            <div class="subsectionContent">
              ①陆上模仿练习。
            </div>
            <div class="subsectionContent">
              单臂划手与呼吸的配合练习:呈弓步站立于池边,一只手撑住膝关节,另一只手划臂同
              时配合呼吸。此练习的目的在于掌握划臂与呼吸的配合细节动作。
@@ -1226,11 +1230,11 @@
    </div>
    <!-- 227 -->
    <div class="page-box" page="237">
      <div v-if="showPageList.indexOf(237) > -1">
    <div class="page-box" page="238">
      <div v-if="showPageList.indexOf(238) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">227</span>
@@ -1325,8 +1329,8 @@
    </div>
    <!-- 228 -->
    <div class="page-box" page="238">
      <div v-if="showPageList.indexOf(238) > -1">
    <div class="page-box" page="239">
      <div v-if="showPageList.indexOf(239) > -1">
        <div class="header-even">
          <span class="sub-page">228</span>
          <div class="line-page"></div>
@@ -1446,11 +1450,11 @@
    </div>
    <!-- 229 -->
    <div class="page-box" page="239">
      <div v-if="showPageList.indexOf(239) > -1">
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">229</span>
@@ -1574,8 +1578,8 @@
    </div>
    <!-- 230 -->
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
    <div class="page-box" page="241">
      <div v-if="showPageList.indexOf(241) > -1">
        <div class="header-even">
          <span class="sub-page">230</span>
          <div class="line-page"></div>
@@ -1622,11 +1626,11 @@
    </div>
    <!-- 231 -->
    <div class="page-box" page="241">
      <div v-if="showPageList.indexOf(241) > -1">
    <div class="page-box" page="242">
      <div v-if="showPageList.indexOf(242) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">231</span>
@@ -1679,6 +1683,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
@@ -1689,6 +1694,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-3.jpg" />
                  </div>
                </div>
              </div>
@@ -1696,7 +1702,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-2  反蛙泳
          </p>
          <p>
            ①
            反蛙泳腿部的技术类似蛙泳。收腿结束时,两膝约宽于肩,大腿和小腿内侧向后对
@@ -1730,8 +1738,8 @@
    </div>
    <!-- 232 -->
    <div class="page-box" page="242">
      <div v-if="showPageList.indexOf(242) > -1">
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
        <div class="header-even">
          <span class="sub-page">232</span>
          <div class="line-page"></div>
@@ -1756,7 +1764,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-3  踩水
          </p>
          <p>
            两腿同时蹬夹水技术:与蛙泳腿部动作相似,大腿的动
            作幅度小。当两腿还未完全蹬直时收腿,动作要连贯。
@@ -1850,11 +1860,11 @@
    </div>
    <!-- 233 -->
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
    <div class="page-box" page="244">
      <div v-if="showPageList.indexOf(244) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">233</span>
@@ -1966,8 +1976,8 @@
    </div>
    <!-- 234 -->
    <div class="page-box" page="244">
      <div v-if="showPageList.indexOf(244) > -1">
    <div class="page-box" page="245">
      <div v-if="showPageList.indexOf(245) > -1">
        <div class="header-even">
          <span class="sub-page">234</span>
          <div class="line-page"></div>
@@ -2113,11 +2123,11 @@
    </div>
    <!-- 235 -->
    <div class="page-box" page="245">
      <div v-if="showPageList.indexOf(245) > -1">
    <div class="page-box" page="246">
      <div v-if="showPageList.indexOf(246) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">235</span>
@@ -2185,8 +2195,8 @@
    </div>
    <!-- 236 -->
    <div class="page-box" page="246">
      <div v-if="showPageList.indexOf(246) > -1">
    <div class="page-box" page="247">
      <div v-if="showPageList.indexOf(247) > -1">
        <div class="header-even">
          <span class="sub-page">236</span>
          <div class="line-page"></div>
@@ -2361,11 +2371,11 @@
    </div>
    <!-- 237 -->
    <div class="page-box" page="247">
      <div v-if="showPageList.indexOf(247) > -1">
    <div class="page-box" page="248">
      <div v-if="showPageList.indexOf(248) > -1">
        <div class="header-odd">
          <span class="mk">拓展模块</span>
          <span class="sub">第六单元 </span>
          <span class="sub">第七单元 </span>
          <span class="sub-title">水上类运动</span>
          <div class="line-page"></div>
          <span class="sub-page">237</span>
@@ -2395,10 +2405,25 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import preView from '@/components/pdfview'
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter007-page',
@@ -2414,9 +2439,14 @@
      default: false,
    },
  },
  components: {},
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowXyx01: false,
      isShowXyx02: false,
      isShowXyx03: false,
@@ -2530,6 +2560,10 @@
  computed: {},
  watch: {},
  created() {
    const localData = JSON.parse(localStorage.getItem('chapter007'))
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) }
    }
    if (!this.isSearch) {
      this.getVideo(this.chapter007.videoMd5.v1.md5, 'v1')
    }
@@ -2542,16 +2576,14 @@
      this.chapter007.videoUrl[val] = data
    },
    closeDialog() {
      this.dialogVisible = false
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter007.pdfMd5[val].md5,
            title: this.chapter007.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        this.dialogVisible = true;
        this.p_md5 = this.chapter007.pdfMd5[val].md5;
        this.pdfTitle = this.chapter007.pdfMd5[val].name;
      }
    },