| | |
| | | <childHealth v-if="activeBook.name == 'childHealth'"></childHealth> |
| | | <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare> |
| | | <embedded v-if="activeBook.name == 'embedded'"></embedded> |
| | | <english v-if="activeBook.name == 'english'"> </english> |
| | | <sportsAndHealth |
| | | v-if="activeBook.name == 'sportsAndHealth'" |
| | | ></sportsAndHealth> |
| | | <english v-if="activeBook.name == 'english'"></english> |
| | | <sportsAndHealth v-if="activeBook.name == 'sportsAndHealth'"></sportsAndHealth> |
| | | <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> |
| | | <mathDom v-if="activeBook.name == 'math'"></mathDom> |
| | | <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama> |
| | | <mathBook v-if="activeBook.name == 'mathBook'"></mathBook> |
| | | <botany v-if="activeBook.name == 'botany'"></botany> |
| | | <civilAviation v-if="activeBook.name == 'civilAviation'"></civilAviation> |
| | | <civilServices v-if="activeBook.name == 'civilServices'"></civilServices> |
| | | <meetingPlanners v-if="activeBook.name == 'meetingPlanners'"></meetingPlanners> |
| | | <aviationBasicSkills v-if="activeBook.name == 'aviationBasicSkills'"></aviationBasicSkills> |
| | | <aviationSafety v-if="activeBook.name == 'aviationSafety'"></aviationSafety> |
| | | <aviationEtiquette v-if="activeBook.name == 'aviationEtiquette'"></aviationEtiquette> |
| | | <preschoolGameGuidance v-if="activeBook.name == 'preschoolGameGuidance'"></preschoolGameGuidance> |
| | | <kindergartenLanguageActivity v-if="activeBook.name == 'kindergartenLanguageActivity'"></kindergartenLanguageActivity> |
| | | <kindergartenActivitiesDesignGuidance v-if="activeBook.name == 'kindergartenActivitiesDesignGuidance'"></kindergartenActivitiesDesignGuidance> |
| | | <childcareInstitutionsManagement v-if="activeBook.name == 'childcareInstitutionsManagement'"> |
| | | </childcareInstitutionsManagement> |
| | | <toddlerGameImplementation v-if="activeBook.name == 'toddlerGameImplementation'"></toddlerGameImplementation> |
| | | <aurturingAndEducationAged0to3 v-if="activeBook.name == 'aurturingAndEducationAged0to3'"> |
| | | </aurturingAndEducationAged0to3> |
| | | <preschoolEvaluation v-if="activeBook.name == 'preschoolEvaluation'"> |
| | | </preschoolEvaluation> |
| | | <preschoolBasicKnowledge v-if="activeBook.name == 'preschoolBasicKnowledge'"></preschoolBasicKnowledge> |
| | | <policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations> |
| | | <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting> |
| | | <practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import childHealth from "./books/childHealth/view/index.vue"; |
| | | import lifeCare from "./books/lifeCare/view/index.vue"; |
| | | import embedded from "./books/embedded/view/index.vue"; |
| | | import english from "./books/English/view/index.vue"; |
| | | import sportsAndHealth from "./books/sportsAndHealth/view/index"; |
| | | import artAndDance from './books/artAndDance/view/index.vue' |
| | | import mathDom from './books/math/view/index' |
| | | // 解决ERROR ResizeObserver loop completed with undelivered notifications.//问题的 |
| | | const debounce = (fn, delay) => { |
| | | let timer = null; |
| | | return function () { |
| | | let context = this; |
| | | let args = arguments; |
| | | clearTimeout(timer); |
| | | timer = setTimeout(function () { |
| | | fn.apply(context, args); |
| | | }, delay); |
| | | }; |
| | | }; |
| | | // 解决ERROR ResizeObserver loop completed with undelivered notifications. |
| | | const _ResizeObserver = window.ResizeObserver; |
| | | window.ResizeObserver = class ResizeObserver extends _ResizeObserver { |
| | | constructor(callback) { |
| | | callback = debounce(callback, 16); |
| | | super(callback); |
| | | } |
| | | }; |
| | | export default { |
| | | name: "App", |
| | | components: { |
| | | childHealth, |
| | | lifeCare, |
| | | embedded, |
| | | english, |
| | | sportsAndHealth, |
| | | artAndDance, |
| | | mathDom |
| | | childHealth: () => import("./books/childHealth/view/index.vue"), |
| | | lifeCare: () => import("./books/lifeCare/view/index.vue"), |
| | | embedded: () => import("./books/embedded/view/index.vue"), |
| | | english: () => import("./books/english/view/index.vue"), |
| | | sportsAndHealth: () => import("./books/sportsAndHealth/view/index.vue"), |
| | | artAndDance: () => import("./books/artAndDance/view/index.vue"), |
| | | mathBook: () => import("./books/mathBook/view/index.vue"), |
| | | artAndDrama: () => import("./books/artAndDrama/view/index.vue"), |
| | | botany: () => import("./books/botany/view/index.vue"), |
| | | civilAviation: () => import("./books/civilAviation/view/index.vue"), |
| | | civilServices: () => import("./books/civilServices/view/index.vue"), |
| | | meetingPlanners: () => import("./books/meetingPlanners/view/index.vue"), |
| | | aviationBasicSkills: () => import("./books/aviationBasicSkills/view/index.vue"), |
| | | aviationSafety: ()=> import("./books/aviationSafety/view/index.vue"), |
| | | aviationEtiquette: ()=> import("./books/aviationEtiquette/view/index.vue"), |
| | | preschoolGameGuidance: ()=> import("./books/preschoolGameGuidance/view/index.vue"), |
| | | kindergartenLanguageActivity: ()=> import("./books/kindergartenLanguageActivity/view/index.vue"), |
| | | kindergartenActivitiesDesignGuidance: () => import("./books/kindergartenActivitiesDesignGuidance/view/index.vue"), |
| | | childcareInstitutionsManagement: () => import("./books/childcareInstitutionsManagement/view/index.vue"), |
| | | toddlerGameImplementation: () => import("./books/toddlerGameImplementation/view/index.vue"), |
| | | aurturingAndEducationAged0to3: () => import("./books/aurturingAndEducationAged0to3/view/index.vue"), |
| | | preschoolEvaluation: () => import("./books/preschoolEvaluation/view/index.vue"), |
| | | preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"), |
| | | policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"), |
| | | OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"), |
| | | practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue") |
| | | }, |
| | | data() { |
| | | return { |
| | | activeBook: {} |
| | | activeBook: {}, |
| | | }; |
| | | }, |
| | | async created() { |
| | | if (this.setGlobalState) { |
| | | this.setGlobalState({ |
| | | initTestBook: async (bookId, tryPageCount) => { |
| | | // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId); |
| | | if ( |
| | | // "http://182.92.203.7:3007/books/resource/" |
| | | // "https://jsek.bnuic.com/books/resource/" |
| | | this.config.resourceCtx == |
| | | "http://182.92.203.7:3007/books/resource/" |
| | | ) { |
| | | this.config.resourceCtx = this.config.resourceCtx + bookId; |
| | | } |
| | | this.activeBook = await this.config.getBookConfig( |
| | | process.env.VUE_APP_RESOURCE_CTX + process.env.VUE_APP_BOOK_ID |
| | | ); |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | this.activeBook = await this.config.getBookConfig( |
| | | this.config.resourceCtx |
| | | ); |
| | | if (tryPageCount) { |
| | | this.activeBook.tryPageCount = tryPageCount; |
| | | } |
| | |
| | | (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) |
| | | ) { |
| | | this.$store.state.qiankun.getBookConfig({ |
| | | bookConfig: this.activeBook |
| | | bookConfig: this.activeBook, |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | }); |
| | | } else { |
| | | // childHealth |
| | | // lifeCare |
| | | // sportsAndHealth |
| | | // embedded |
| | | // english |
| | | // artAndDance |
| | | // artAndDrama |
| | | // mathBook |
| | | // civilAviation // 民航概论 |
| | | // civilServices // 服务心理 |
| | | // meetingPlanners // 会议策划 |
| | | // aviationBasicSkills // 基本技能 |
| | | // aviationSafety // 安全检查实务 |
| | | // aviationEtiquette // 礼仪服务 |
| | | // childcareInstitutionsManagement // 托育机构管理与实务 |
| | | // toddlerGameImplementation // 婴幼儿游戏活动实施 |
| | | // preschoolGameGuidance // 学前游戏指导 |
| | | // kindergartenLanguageActivity // 幼儿园语言教育与活动指导 |
| | | // kindergartenActivitiesDesignGuidance //幼儿园教育活动设计写指导 |
| | | // aurturingAndEducationAged0to3 // 0~3岁婴幼儿抚育与教育 |
| | | // preschoolEvaluation // 学前教育评价 |
| | | // preschoolBasicKnowledge //学前教育基础知识 |
| | | // policiesAndRegulations //政策法律与法规|旅游社 |
| | | // practicalCareChildrenManual // 婴幼儿照护实录 |
| | | // OralAndBroadcasting // 航空服务口语交际与播音技巧 |
| | | console.log('debugger',process.env); |
| | | this.activeBook = await this.config.getBookConfig( |
| | | // childHealth |
| | | // lifeCare |
| | | // sportsAndHealth |
| | | // embedded |
| | | // english |
| | | // artAndDance |
| | | // math |
| | | this.config.resourceCtx + "sportsAndHealth" |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "OralAndBroadcasting") |
| | | ); |
| | | |
| | | // this.activeBook = await this.config.getBookConfig( |
| | | // 'http://182.92.203.7:3007/books/resource/'+ |
| | | // (process.env.VUE_APP_ENV == "product" |
| | | // ? process.env.VUE_APP_BOOK_ID |
| | | // : "botany") |
| | | // ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | but() { |
| | | console.log(this.activeBook, "this.activeBook789"); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | |
| | | body { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | margin: 0 !important; |
| | | } |
| | | |
| | | #app { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .highLight { |
| | | border: 1px dashed rgba(255, 255, 255, 0); |
| | | border-radius: 5px; |
| | | padding: 3px 0; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .highLight:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |
| | |
| | | text-underline-thickness: 2px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .underline:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |
| | |
| | | margin: auto; |
| | | } |
| | | |
| | | |
| | | .openImgBox img{ |
| | | .openImgBox img { |
| | | cursor: zoom-in; |
| | | } |
| | | </style> |