testbookLayout.git

			@@ -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>