From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 07 八月 2024 16:06:22 +0800
Subject: [PATCH] 体育与健康完成

---
 src/books/sportsAndHealth/view/components/chapter007.vue |  172 ++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 102 insertions(+), 70 deletions(-)

diff --git a/src/books/sportsAndHealth/view/components/chapter007.vue b/src/books/sportsAndHealth/view/components/chapter007.vue
index bf9c1de..27961fe 100644
--- a/src/books/sportsAndHealth/view/components/chapter007.vue
+++ b/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;
       }
     },
 

--
Gitblit v1.9.1