testbookLayout.git

			@@ -1,12 +1,5 @@
			<template>
			<div
			class="temp-book"
			@mouseup="handleMouseUp"
			:style="{
			fontSize: fontSize ? fontSize + 'px' : '16px',
			transform: `scale(${pageZoom ? pageZoom : 1})`,
			}"
			>
			<div class="temp-book" @mouseup="handleMouseUp">
			<pageContent></pageContent>
			</div>
			</template>
			@@ -14,71 +7,15 @@
			<script>
			import pageContent from "./content/index.vue";
			export default {
			name: "child-health",
			components: {
			pageContent,
			},
			data() {
			return {
			bookData: {},
			type: "option",
			idPathList: [],
			cardList: [],
			isMouseDown: false,
			};
			return {};
			},
			computed: {
			fontSize() {
			return this.$store.state.qiankun.fontSize;
			},
			pageZoom() {
			return this.$store.state.qiankun.scale / 100;
			},
			},
			mounted() {
			// this.getBookInfo();
			},

			mounted() {},
			methods: {
			getBookInfo() {
			let query = {
			path: "*",
			queryType: "*",
			productId: this.config.bookId,
			favoriteTypes: "FavoriteBookCity",
			itemFields: {
			"SysType=": "CmsFolder",
			},
			coverSize: {
			height: 300,
			},
			fields: {
			seriesName: [],
			author: [],
			isbn: [],
			publicationDate: [],
			bookClassification: [],
			paperPrice: [],
			JDLink: [],
			tmallLink: [],
			dangdangLink: [],
			weidianLink: [],
			content: [],
			authorIntroduction: [],
			// isApplyPaperBook: [],
			// isApplyEBook: [],
			isApplyBook: [],
			isSell: [],
			pdf: [],
			protectedEpub: [],
			probationPage: [], //pdf试读页数
			freeEpubPage: [], //epub试读百分比
			},
			};
			this.MG.store.getProductDetail(query).then((res) => {
			this.$data.bookData = res.datas;
			this.$store.commit("setRootCmsItemId", res.datas.rootCmsItemId);
			});
			},
			getParentWithClass(element, className) {
			while (element.parentElement) {
			element = element.parentElement;
			@@ -87,6 +24,7 @@
			}
			}
			},

			handleMouseUp(e) {
			const selection = (
			this.container ? this.container : window
			@@ -133,4 +71,6 @@
			};
			</script>

			<style lang="less" scoped></style>
			<style lang="less">
			@import "../assets/main.less";
			</style>