testbookLayout.git

			@@ -1456,11 +1456,12 @@
			</div>
			</div>
			</div>
			<div>
			<div >
			<el-dialog
			:visible.sync="dialogVisible"
			width="60vw"
			append-to-body
			top="2vh"
			lock-scroll
			:show-close="false"
			class="custom-dialog"
			>
			@@ -1691,9 +1692,18 @@
			},
			toUrl(val) {
			if (val) {
			this.dialogVisible = true;
			this.p_md5 = this.chapter002.pdfMd5[val].md5;
			this.pdfTitle = this.chapter002.pdfMd5[val].name;
			const obj = {
			type: "pdf",
			data: {
			md5: this.chapter002.pdfMd5[val].md5,
			title: this.chapter002.pdfMd5[val].name,
			},
			};
			this.$emit("openPDFChange", obj);

			// this.dialogVisible = true;
			// this.p_md5 = this.chapter002.pdfMd5[val].md5;
			// this.pdfTitle = this.chapter002.pdfMd5[val].name;
			}
			},
			async getVideo(md5, val) {
			@@ -1728,3 +1738,69 @@
			},
			};
			</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>