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/testPp.vue | 99 +++++++------------------------------------------ 1 files changed, 15 insertions(+), 84 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/testPp.vue b/src/books/sportsAndHealth/view/components/testPp.vue index 83ae643..c0ed4ae 100644 --- a/src/books/sportsAndHealth/view/components/testPp.vue +++ b/src/books/sportsAndHealth/view/components/testPp.vue @@ -1,6 +1,6 @@ <template> <div class="chapter" num="8"> - <div class="page-box" page="24"> + <!-- <div class="page-box" page="24"> <div v-if="showPageList.indexOf(24) > -1"> <div class="bodystyle"> <div class="bodystyle-chapter"> @@ -42,7 +42,10 @@ </div> </div> </div> - </div> + </div> --> + + + <div class="page-box" page="26"> <div v-if="showPageList.indexOf(26) > -1"> <div class="bodystyle"> @@ -238,7 +241,7 @@ <div class="swiper-button-prev"></div> </div> </div> - + <p class="img">鍥�1-8-3 鎺ㄤ妇涓嬮娉�</p> <div class="bk-xyx"> <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div> @@ -1032,17 +1035,9 @@ </div> </div> </div> + <div> - <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" 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> + <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView> </div> </div> </template> @@ -1068,6 +1063,7 @@ }, data() { return { + somePdfTitleValue:'', pdfTitle: "", p_md5: "", dialogVisible: false, @@ -1266,14 +1262,14 @@ type: "pdf", data: { md5: this.chapter002.pdfMd5[val].md5, - title: this.chapter002.pdfMd5[val].name, + somePdfTitleValue: this.chapter002.pdfMd5[val].name, }, }; - this.$emit("openPDFChange", obj); + // this.$emit("openPDFChange", obj); - // this.dialogVisible = true; - // this.p_md5 = this.chapter002.pdfMd5[val].md5; - // this.pdfTitle = this.chapter002.pdfMd5[val].name; + this.p_md5 = this.chapter002.pdfMd5[val].md5; + this.somePdfTitleValue = this.chapter002.pdfMd5[val].name; + this.$refs.pdfDialogRef.openDialog(); } }, async getVideo(md5, val) { @@ -1311,69 +1307,4 @@ }; </script> -<style lang="less"> -.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> +<style lang="less"></style> -- Gitblit v1.9.1