合并

QYF-GitLab1

3 天以前 b5d1cc7fde9823f39c0c9595f21c7aee2582ac59

 src/books/sportsAndHealth/view/components/chapter006.vue

@@ -4367,17 +4367,7 @@
                </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>
        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
    </div>
</template>

@@ -4403,6 +4393,7 @@
    },
    data() {
        return {
            somePdfTitleValue:'',
            pdfTitle: '',
            p_md5: '',
            dialogVisible: false,
@@ -5154,9 +5145,9 @@
        },
        toUrl(val) {
            if (val) {
                this.dialogVisible = true
                this.p_md5 = this.chapter006.pdfMd5[val].md5
                this.pdfTitle = this.chapter006.pdfMd5[val].name
                this.somePdfTitleValue = this.chapter006.pdfMd5[val].name
                this.$refs.pdfDialogRef.openDialog();
            }
        },

@@ -5271,70 +5262,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>