From 04902e236ea7fa8dc82f610e335983f4bf5be9c2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 27 二月 2025 11:36:31 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/sportsAndHealth/view/components/chapter005.vue |   82 ++---------------------------------------
 1 files changed, 4 insertions(+), 78 deletions(-)

diff --git a/src/books/sportsAndHealth/view/components/chapter005.vue b/src/books/sportsAndHealth/view/components/chapter005.vue
index c0917b9..a6dff08 100644
--- a/src/books/sportsAndHealth/view/components/chapter005.vue
+++ b/src/books/sportsAndHealth/view/components/chapter005.vue
@@ -4592,17 +4592,8 @@
         </div>
       </div>
     </div>
+    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
 
-    <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>
@@ -4627,6 +4618,7 @@
   },
   data() {
     return {
+      somePdfTitleValue:'',
       pdfTitle: '',
       p_md5: '',
       dialogVisible: false,
@@ -4969,9 +4961,9 @@
     },
     toUrl(val) {
       if (val) {
-        this.dialogVisible = true
         this.p_md5 = this.chapter005.pdfMd5[val].md5
-        this.pdfTitle = this.chapter005.pdfMd5[val].name
+        this.somePdfTitleValue = this.chapter005.pdfMd5[val].name
+        this.$refs.pdfDialogRef.openDialog();
       }
     },
     async getVideo(md5, val) {
@@ -5080,69 +5072,3 @@
   },
 }
 </script>
-
-<style lang="less" scoped>
-// .pdfModal {
-//   width: 100%;
-//   height: 90vh;
-// }
-
-// .custom-dialog {
-//   overflow: hidden !important;
-
-//   /deep/ .el-dialog__body {
-//     padding: 0;
-//   }
-
-//   /deep/ .el-dialog__header {
-//     background-color: rgba(0, 0, 0, 0.8);
-
-//     .header_title {
-//       display: flex;
-//       justify-content: space-between;
-//       align-items: center;
-//       color: #fff;
-//       font-weight: 900;
-//       font-size: 16px;
-//       font-family: 'FZLTXIHJW';
-
-//       span:nth-child(2):hover {
-//         cursor: pointer;
-//       }
-//     }
-
-//     /deep/.el-dialog__title,
-//     /deep/ .el-dialog__headerbtn .el-dialog__close {
-//       color: #fff;
-//       font-weight: 900;
-//       font-size: 16px;
-//       font-family: 'FZLTXIHJW';
-//     }
-//   }
-// }
-
-// @media screen and (max-width: 1024px) {
-//   .pdfModal {
-//     width: 100%;
-//     height: 80vh;
-//   }
-
-//   .custom-dialog {
-//     /deep/ .el-dialog {
-//       width: 90vw !important;
-//     }
-//   }
-// }
-
-// @media screen and (max-width: 800px) {
-//   .pdfModal {
-//     width: 100%;
-//     height: 60vh;
-//   }
-
-//   .custom-dialog {
-//     /deep/ .el-dialog {
-//       width: 90vw !important;
-//     }
-//   }
-// }</style>

--
Gitblit v1.9.1