From f95d8436affff7d9c48281be520b2c5f271ac879 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 11:32:49 +0800
Subject: [PATCH] 民航安全检查实务

---
 src/books/civilAviation/view/components/index.vue |   50 ++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/src/books/civilAviation/view/components/index.vue b/src/books/civilAviation/view/components/index.vue
index c140f6c..7559758 100644
--- a/src/books/civilAviation/view/components/index.vue
+++ b/src/books/civilAviation/view/components/index.vue
@@ -4,12 +4,16 @@
       <div id="searchContent"></div>
     </div>
     <div class="page-content" :style="{
-      fontSize: fontSize ? fontSize + 'px' : '18px',
-      transform: `scale(${pageZoom ? pageZoom : 1})`,
+      fontSize: fontSize + 'px',
+      transform: `scale(${pageZoom})`,
       transformOrigin: 'center top',
     }">
       <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
       <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
+      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
+      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
+      <chapterfour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterfour>
+      <chapterfive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterfive>
     </div>
   </div>
 </template>
@@ -17,6 +21,10 @@
 <script>
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
+import chapterTwo from "./chapter002.vue";
+import chapterThree from "./chapter003.vue";
+import chapterfour from "./chapter004.vue";
+import chapterfive from "./chapter005.vue"
 import NoteIcon from "@/assets/images/biji.png";
 import _ from "lodash";
 import Swiper from "swiper/bundle";
@@ -27,7 +35,7 @@
   name: "pageContent",
   data() {
     return {
-      catalogLength: 2, // 鎬荤珷鑺傛暟
+      catalogLength: 6, // 鎬荤珷鑺傛暟
       showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
       loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
       throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -47,10 +55,10 @@
   computed: {
     fontSize() {
       this.transformDom(this.$store.state.qiankun.fontSize)
-      return this.$store.state.qiankun.fontSize;
+      return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 18;
     },
     pageZoom() {
-      return this.$store.state.qiankun.scale / 100;
+      return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
     },
   },
   watch: {
@@ -75,6 +83,7 @@
     loadPageList: {
       handler(newVal, oldVal) {
         setTimeout(() => {
+          this.transformDom(this.$store.state.qiankun.fontSize)
           this.initSwiper();
           this.initViewer();
           this.closeAudio();
@@ -95,7 +104,7 @@
     // 榛樿鍔犺浇绔犺妭
     this.showCatalogList = [1];
     // 婊氬姩鐩戝惉鑺傛祦
-    debugger
+    // debugger
     this.throttledScrollHandler = _.throttle(
       this.scrollFun,
       this.throttleThreshold,
@@ -150,8 +159,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    // setTimeout(() => {
-    //   this.gotoPage(6, 30);
+    setTimeout(() => {
+      this.gotoPage(3,52);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -165,7 +174,7 @@
     //     ids: ["2ACA9359"]
     //   });
     // }, 2000);
-    // }, 500);
+    }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
@@ -211,7 +220,7 @@
         ) {
           console.log(1);
 
-          debugger
+          // debugger
           // 鍒拌揪闃堝��
           if (
             this.showCatalogList[this.showCatalogList.length - 1] <
@@ -705,6 +714,10 @@
       const pageData = {
         pageHeader,
         chapterOne,
+        chapterTwo,
+        chapterThree,
+        chapterfour,
+        chapterfive,
       };
       // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
       for (const key in pageData) {
@@ -907,21 +920,30 @@
         const bottomGap = playVudio.getBoundingClientRect().bottom;
         const topGap = playVudio.getBoundingClientRect().top;
         if (bottomGap < 0 || topGap > window.innerHeight) {
-          playVudio.requestPictureInPicture();
+          if(playVudio.readyState) playVudio.requestPictureInPicture();
         }
       }
     },
     //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
     transformDom(fs) {
-      const blockElement = this.$refs.blockElement;  
-      if (blockElement) {
-        blockElement.style.fontSize = fs; // 鎴栬�呬綘鎯宠鐨勪换浣曞ぇ灏�  
+      if(!fs) return
+      let doms = (
+        this.container ? this.container : document
+      ).querySelectorAll('.block')
+      if(!doms.length) return 
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        dom.style.fontSize = fs + 'px'
       }
     }
   },
   components: {
     pageHeader,
     chapterOne,
+    chapterTwo,
+    chapterThree,
+    chapterfour,
+    chapterfive,
   },
 };
 </script>

--
Gitblit v1.9.1