组件优化

zhongshujie

3 天以前 d41648827f2d21c7884ac8d00e8d8a9ac1cd2715

 src/App.vue

@@ -1,7 +1,45 @@
<template>
  <div id="app">
       <demo v-if="activeBook.name == 'demo'"></demo>
    </div>
    <!-- <demo v-if="activeBook.name == 'demo'"></demo>
    <exerciseTherapyTechniques v-if="activeBook.name == 'exerciseTherapyTechniques'"></exerciseTherapyTechniques>
    <MSDiseaseRehabilitation v-if="activeBook.name == 'MSDiseaseRehabilitation'"></MSDiseaseRehabilitation>
    <prosthodontics v-if="activeBook.name == 'prosthodontics'"></prosthodontics>
    <normalHumanBodyStructureFunction v-if="activeBook.name == 'normalHumanBodyStructureFunction'">
    </normalHumanBodyStructureFunction>
    <physiology v-if="activeBook.name == 'physiology'"></physiology>
    <clinicalDiseasesSynopsis v-if="activeBook.name == 'clinicalDiseasesSynopsis'"></clinicalDiseasesSynopsis>
    <speechTherapyTechniques v-if="activeBook.name == 'speechTherapyTechniques'"></speechTherapyTechniques>
    <orthodontics v-if="activeBook.name == 'orthodontics'"></orthodontics>
    <physicalFactorTherapyTechnology v-if="activeBook.name == 'physicalFactorTherapyTechnology'">
    </physicalFactorTherapyTechnology>
    <occupationalTherapyTechniques v-if="activeBook.name == 'occupationalTherapyTechniques'">
    </occupationalTherapyTechniques>
    <rehabilitationMedicineIntroduction v-if="activeBook.name == 'rehabilitationMedicineIntroduction'">
    </rehabilitationMedicineIntroduction>
    <rehabilitationAssessmentTechniques v-if="activeBook.name == 'rehabilitationAssessmentTechniques'">
    </rehabilitationAssessmentTechniques>
    <rehabilitationPsychology v-if="activeBook.name == 'rehabilitationPsychology'"></rehabilitationPsychology>
    <humanKinematicsFundamentals v-if="activeBook.name == 'humanKinematicsFundamentals'"></humanKinematicsFundamentals> -->
    <preventiveDentistry v-if="activeBook.name == 'preventiveDentistry'"></preventiveDentistry>
    <!-- <oralImaging v-if="activeBook.name == 'oralImaging'"></oralImaging>
    <clinicalDiseasesSummary v-if="activeBook.name == 'clinicalDiseasesSummary'"></clinicalDiseasesSummary>
    <digitalDentalRestorationTechnology v-if="activeBook.name == 'digitalDentalRestorationTechnology'">
    </digitalDentalRestorationTechnology>
    <clinicalMedicalSummary v-if="activeBook.name == 'clinicalMedicalSummary'"></clinicalMedicalSummary>
    <CTExaminationTechnology v-if="activeBook.name == 'CTExaminationTechnology'"></CTExaminationTechnology>
    <medicalImagingAnatomy v-if="activeBook.name == 'medicalImagingAnatomy'"></medicalImagingAnatomy>
    <MRIExaminationTechnology v-if="activeBook.name == 'MRIExaminationTechnology'"></MRIExaminationTechnology>
    <dentalMorphologyFunction v-if="activeBook.name == 'dentalMorphologyFunction'"></dentalMorphologyFunction>
    <oralAnatomicalPhysiology v-if="activeBook.name == 'oralAnatomicalPhysiology'"></oralAnatomicalPhysiology>
    <oralFixedRestorationTechnology v-if="activeBook.name == 'oralFixedRestorationTechnology'">
    </oralFixedRestorationTechnology>
    <RPDtechnology v-if="activeBook.name == 'RPDtechnology'"></RPDtechnology>
    <oralcomprehensiveSkills v-if="activeBook.name == 'oralcomprehensiveSkills'"></oralcomprehensiveSkills>
    <completeDentureTechnology v-if="activeBook.name == 'completeDentureTechnology'"></completeDentureTechnology>
    <oralMaxillofacialSurgery v-if="activeBook.name == 'oralMaxillofacialSurgery'"></oralMaxillofacialSurgery>
    <oralHistopathology v-if="activeBook.name == 'oralHistopathology'"></oralHistopathology>
    <TCMRehabilitationTechnology v-if="activeBook.name == 'TCMRehabilitationTechnology'"></TCMRehabilitationTechnology> -->
  </div>
</template>
<script>
// 解决ERROR ResizeObserver loop completed with undelivered notifications.//问题的
@@ -27,7 +65,38 @@
export default {
  name: "App",
  components: {
        demo: () => import("@/books/demo/view/index.vue"),
    // demo: () => import("@/books/demo/view/index.vue"),
    // exerciseTherapyTechniques: () => import("@/books/exerciseTherapyTechniques/view/index.vue"),
    // MSDiseaseRehabilitation: () => import("@/books/MSDiseaseRehabilitation/view/index.vue"),
    // prosthodontics: () => import("@/books/prosthodontics/view/index.vue"),
    // normalHumanBodyStructureFunction: () => import("@/books/normalHumanBodyStructureFunction/view/index.vue"),
    // physiology: () => import("@/books/physiology/view/index.vue"),
    // clinicalDiseasesSynopsis: () => import("@/books/clinicalDiseasesSynopsis/view/index.vue"),
    // speechTherapyTechniques: () => import("@/books/speechTherapyTechniques/view/index.vue"),
    // orthodontics: () => import("@/books/orthodontics/view/index.vue"),
    // physicalFactorTherapyTechnology: () => import("@/books/physicalFactorTherapyTechnology/view/index.vue"),
    // occupationalTherapyTechniques: () => import("@/books/occupationalTherapyTechniques/view/index.vue"),
    // rehabilitationMedicineIntroduction: () => import("@/books/rehabilitationMedicineIntroduction/view/index.vue"),
    // rehabilitationAssessmentTechniques: () => import("@/books/rehabilitationAssessmentTechniques/view/index.vue"),
    // rehabilitationPsychology: () => import("@/books/rehabilitationPsychology/view/index.vue"),
    // humanKinematicsFundamentals: () => import("@/books/humanKinematicsFundamentals/view/index.vue"),
      preventiveDentistry: () => import("./books/preventiveDentistry/view/index.vue"),
    // oralImaging: () => import("./books/oralImaging/view/index.vue"),
    // clinicalDiseasesSummary: () => import("./books/clinicalDiseasesSummary/view/index.vue"),
    // digitalDentalRestorationTechnology: () => import("./books/digitalDentalRestorationTechnology/view/index.vue"),
    // clinicalMedicalSummary: () => import("./books/clinicalMedicalSummary/view/index.vue"),
    // CTExaminationTechnology: () => import("./books/CTExaminationTechnology/view/index.vue"),
    // medicalImagingAnatomy: () => import("./books/medicalImagingAnatomy/view/index.vue"),
    // MRIExaminationTechnology: () => import("./books/MRIExaminationTechnology/view/index.vue"),
    // dentalMorphologyFunction: () => import("./books/dentalMorphologyFunction/view/index.vue"),
    // oralAnatomicalPhysiology: () => import("./books/oralAnatomicalPhysiology/view/index.vue"),
    // oralFixedRestorationTechnology: () => import("./books/oralFixedRestorationTechnology/view/index.vue"),
    // RPDtechnology: () => import("./books/RPDtechnology/view/index.vue"),
    // oralcomprehensiveSkills: () => import("./books/oralcomprehensiveSkills/view/index.vue"),
    // completeDentureTechnology: () => import("./books/completeDentureTechnology/view/index.vue"),
    // oralMaxillofacialSurgery: () => import("./books/oralMaxillofacialSurgery/view/index.vue"),
    // oralHistopathology: () => import("./books/oralHistopathology/view/index.vue"),
    // TCMRehabilitationTechnology: () => import("./books/TCMRehabilitationTechnology/view/index.vue"),
  },
  data() {
    return {
@@ -56,12 +125,29 @@
        },
      });
    } else {
      // demo
      // preventiveDentistry                    // 21 口腔预防医学               
      // oralImaging                            // 29 口腔影像学   
      // clinicalDiseasesSummary                // 30 临床疾病概要（口腔）
      // digitalDentalRestorationTechnology     // 31 数字化口腔修复技术
      // clinicalMedicalSummary                 // 33 临床医学概要
      // CTExaminationTechnology                // 37 CT检查技术             
      // medicalImagingAnatomy                  // 34 医学影像解剖学
      // MRIExaminationTechnology               // 38 MRI检查技术
      // 新增  
      // dentalMorphologyFunction               // 27 牙体形态与功能
      // oralAnatomicalPhysiology               // 22 口腔解剖生理学
      // oralFixedRestorationTechnology         // 24 口腔固定修复工艺技术
      // RPDtechnology                          // 25 可摘局部义齿工艺技术
      // oralcomprehensiveSkills                // 23 口腔综合技能训练
      // completeDentureTechnology              // 26 全口义齿工艺技术
      // oralMaxillofacialSurgery               // 20 口腔颌面外科学
      // oralHistopathology                     // 19 口腔组织病理学
      // TCMRehabilitationTechnology            // 12 中医康复技术
      this.activeBook = await this.config.getBookConfig(
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "demo")
          : "preventiveDentistry")
      );

      // 测试试读30页
@@ -76,7 +162,6 @@
  },
  methods: {
    but() {
      console.log(this.activeBook, "this.activeBook789");
    },
  },
};