| | |
| | | <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> |
| | | <sportsAndHealth |
| | | v-if="activeBook.name == 'sportsAndHealth'" |
| | | ></sportsAndHealth> |
| | | <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> |
| | | <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> |
| | | <civilAviationServices v-if="activeBook.name == 'civilAviationServices'"></civilAviationServices> |
| | | <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> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | // 解决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: { |
| | |
| | | artAndDrama: () => import("./books/artAndDrama/view/index.vue"), |
| | | botany: () => import("./books/botany/view/index.vue"), |
| | | civilAviation: () => import("./books/civilAviation/view/index.vue"), |
| | | civilAviationServices: () =>import("./books/civilAviationServices/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"), |
| | | }, |
| | | data() { |
| | | return { |
| | | activeBook: {} |
| | | activeBook: {}, |
| | | }; |
| | | }, |
| | | async created() { |
| | |
| | | (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) |
| | | ) { |
| | | this.$store.state.qiankun.getBookConfig({ |
| | | bookConfig: this.activeBook |
| | | bookConfig: this.activeBook, |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | }); |
| | | } else { |
| | | // childHealth |
| | |
| | | // artAndDance |
| | | // artAndDrama |
| | | // mathBook |
| | | // civilAviation |
| | | // civilAviationServices |
| | | // civilAviation // 民航概论 |
| | | // civilServices // 服务心理 |
| | | // meetingPlanners |
| | | // aviationBasicSkills //基本技能 |
| | | // aviationSafety //安全检查实务 |
| | | // aviationEtiquette //礼仪服务 |
| | | this.activeBook = await this.config.getBookConfig( |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "civilAviationServices") |
| | | : "meetingPlanners") |
| | | ); |
| | | |
| | | // this.activeBook = await this.config.getBookConfig( |
| | |
| | | }, |
| | | methods: { |
| | | but() { |
| | | console.log(this.activeBook, 'this.activeBook789'); |
| | | } |
| | | } |
| | | console.log(this.activeBook, "this.activeBook789"); |
| | | }, |
| | | }, |
| | | }; |
| | | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | |
| | | body { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | margin: 0 !important; |
| | | } |
| | | |
| | | #app { |