From b5d1cc7fde9823f39c0c9595f21c7aee2582ac59 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 28 四月 2025 18:12:37 +0800 Subject: [PATCH] 合并 --- src/books/sportsAndHealth/view/components/chapter009.vue | 84 ++---------------------------------------- 1 files changed, 4 insertions(+), 80 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter009.vue b/src/books/sportsAndHealth/view/components/chapter009.vue index 2390156..6ff7591 100644 --- a/src/books/sportsAndHealth/view/components/chapter009.vue +++ b/src/books/sportsAndHealth/view/components/chapter009.vue @@ -4256,16 +4256,7 @@ </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> + <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView> </div> </template> @@ -4291,10 +4282,10 @@ }, data() { return { + somePdfTitleValue:'', pdfTitle: '', p_md5: '', dialogVisible: false, - isShowXyx01: false, isShowXyx02: false, isShowXyx03: false, @@ -4865,9 +4856,9 @@ toUrl(val) { if (val) { - this.dialogVisible = true this.p_md5 = this.chapter009.pdfMd5[val].md5 - this.pdfTitle = this.chapter009.pdfMd5[val].name + this.somePdfTitleValue = this.chapter009.pdfMd5[val].name + this.$refs.pdfDialogRef.openDialog(); } }, @@ -4963,70 +4954,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