组件更新

zhongshujie

4 天以前 20f565e134743664045fc42376ef5acd826acbe3

 src/books/preventiveDentistry/view/components/chapter001.vue

@@ -20,11 +20,7 @@
            第一章    绪       论
          </h2>
          <div class="learnGoal">
            <img
              class="learnImg img-h"
              src="../../assets/images/learnGoal.png"
              alt=""
            />
            <img class="learnImg img-h" src="../../assets/images/learnGoal.png" alt="" />
            <p class="center"><span class="bold">素质目标</span></p>
            <p class="content">
              树立疾病预防意识，能够自觉维护个人健康和社会公共卫生安全。
@@ -55,10 +51,7 @@
            </div>
          </div>

          <div
            class="knowledgeExpansion"
            @click="toUrl(resourceList['A1'], '教学课件')"
          >
          <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1', 'md5'), '教学课件')">
            <div class="questionBank">
              <img src="../../assets/images/sanJiao.svg" alt="" />
              <span>教学课件</span>
@@ -88,12 +81,7 @@
          <h3 class="thirdTitle pt-70 mb-40">
            第一节&nbsp;&nbsp;&nbsp;&nbsp;口腔预防医学的基本概述
          </h3>
          <bookVideo
            :videoPath="resourceList['Z17']"
            videoName="微课：口腔预防医学概述"
            :BookId="config.activeBook.bookId"
            logoColor="#00918e"
          ></bookVideo>
          <bookVideo :videoInfo="getResourceInfo('Z17')"  :BookId="config.activeBook.bookId"></bookVideo>
          <h4 class="fourthTitle">一、口腔预防医学的定义</h4>
          <p class="content">
            口腔预防医学是一门通过有组织性的社会努力，预防口腔疾病，维护口腔健康及提高生命质量的科学。口腔预防医学是口腔医学的一门分支学科和重要组成部分，它以人群为主要研究对象，应用生物学、环境医学、预防医学、临床医学及社会医学的理论和方法，研究口腔健康及其影响因素、预防口腔疾病的措施及对策，达到预防口腔疾病、促进口腔健康及提高生命质量的目的。
@@ -125,11 +113,7 @@
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="page-header-right">
          <span class="header-title">第一章&nbsp;&nbsp;&nbsp;绪论</span>
          <img
            class="header-img"
            src="../../assets/images/pageHeader.png"
            alt=""
          />
          <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
        </div>
        <div class="bodystyle">
          <p class="titleQuot-1">（二）二级预防</p>
@@ -150,12 +134,8 @@
            从口腔预防医学发展历程看，大致可分为3个阶段：原始启蒙时代、科学基础形成时代、口腔预防医学诞生与发展时代。
          </p>
          <h4 class="fourthTitle">一、原始启蒙时期</h4>
          <bookVideo
            :videoPath="resourceList['Z15']"
            videoName="微课：口腔预防医学的发展简史"
            :BookId="config.activeBook.bookId"
            logoColor="#00918e"
          ></bookVideo>
          <div class="theme-color">123</div>
          <bookVideo  :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
          <p class="content">
            中华民族文化源远流长，对健康的探索和认识已逾数千年。公元前约1400年殷墟甲骨文清晰记载了象形文字并刻有了“齿”字和“龋”字。用齿字上面加一个小虫来表示“龋”字，认为是由虫蛀所致，至今民间仍有“虫牙”和“蛀牙”之说（图1-1）。古书中还记载了多种口腔卫生保健的方法，如漱口、咽津、剔牙、揩齿等，部分方法沿用至今。
          </p>
@@ -165,18 +145,12 @@
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img
                      src="../../assets/images/0025-01-1.jpg"
                      alt="图1-1&nbsp;&nbsp;&nbsp;&nbsp;甲骨文“齿”与“龋”"
                    />
                    <img src="../../assets/images/0025-01-1.jpg" alt="图1-1&nbsp;&nbsp;&nbsp;&nbsp;甲骨文“齿”与“龋”" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img
                      src="../../assets/images/0025-01-2.jpg"
                      alt="图1-1&nbsp;&nbsp;&nbsp;&nbsp;甲骨文“齿”与“龋”"
                    />
                    <img src="../../assets/images/0025-01-2.jpg" alt="图1-1&nbsp;&nbsp;&nbsp;&nbsp;甲骨文“齿”与“龋”" />
                  </div>
                </div>
              </div>
@@ -218,13 +192,8 @@
          <p class="content">
            公元752年，王焘在《外台秘要》中已有柳枝制刷的记载，将杨柳枝用牙咬成絮状，揩刷牙面。宋代日本名僧道元禅师在《正法眼藏》中记载“僧侣们除漱口之外，尚用剪成寸余之马尾，植于牛角制成的器物上，用以刷洗牙”。公元916—1125年，辽代出现了骨柄植毛牙刷，与近代牙刷相似，国外17世纪才有植毛牙刷。公元1281年罗元益所著《卫生宝鉴》中提到要早晚刷牙2次，忽思慧在《饮膳正要》中提出“凡清旦刷牙，不如夜刷牙齿疾不生”，强调晚上刷牙的重要性。考古发现，明朝帝王们的一些牙上有楔状缺损，说明在那时刷牙就已成为习惯。
          </p>
          <h4 class="fourthTitle">二、科学形成时期</h4>
          <bookVideo
            :videoPath="resourceList['Z16']"
            videoName="微课：口腔预防医学的发展简史"
            :BookId="config.activeBook.bookId"
            logoColor="#00918e"
          ></bookVideo>
          <h4 class="fourthTitle ">二、科学形成时期</h4>
          <bookVideo :videoInfo="getResourceInfo('Z16')" :BookId="config.activeBook.bookId"></bookVideo>
          <p class="content">
            在口腔预防医学的历史上，发现口腔细菌、认识氟化物及窝沟封闭剂的诞生，大大推动了口腔预防医学的发展。前两者让人们认识了引起口腔疾病的病因，为针对性地开展口腔疾病预防奠定了基础。第三者使口腔预防有了有效的预防措施，减少了龋病的发生。
          </p>
@@ -242,11 +211,7 @@
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="page-header-right">
          <span class="header-title">第一章&nbsp;&nbsp;&nbsp;绪论</span>
          <img
            class="header-img"
            src="../../assets/images/pageHeader.png"
            alt=""
          />
          <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
        </div>
        <div class="bodystyle">
          <p class="titleQuot-1">（二）氟化物防龋的发现</p>
@@ -307,11 +272,7 @@
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="page-header-right">
          <span class="header-title">第一章&nbsp;&nbsp;&nbsp;绪论</span>
          <img
            class="header-img"
            src="../../assets/images/pageHeader.png"
            alt=""
          />
          <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
        </div>
        <div class="bodystyle">
          <h3 class="thirdTitle pt-70 mb-40">
@@ -350,11 +311,7 @@
            口腔预防医学将朝着更加智能化、个性化、数字化和跨学科合作的方向发展，“要让牙齿为人类健康终生服务”的愿望，将会在人类社会实现。
          </p>
          <div class="knowledgeExpansion">
            <img
              class="knowledgeExpansion-img"
              src="../../assets/images/knowledgeExpansion.png"
              alt=""
            />
            <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
            <p class="center"><span class="bold">“全国爱牙日”的由来</span></p>
            <p class="quotation">
              在全国牙病防治指导组和顾问组专家们的共同努力下，1989年国家卫生部、全国爱卫会、国家教委、文化部、广电部、全国总工会、全国妇联、共青团中央、全国老龄委九个部委联合发文，确定每年9月20日为“全国爱牙日”。其宗旨是通过“全国爱牙日”活动，动员社会各界力量参与、支持口腔预防保健工作，广泛开展群众性口腔卫生知识的普及教育，增强自我口腔保健的意识和能力，提高全国人民口腔健康水平。
@@ -362,17 +319,11 @@
          </div>

          <div class="unitSummary">
            <div
              class="summary-lift"
              @click="toUrl(resourceList['A2'], '考试知识点总结')"
            >
            <div class="summary-lift" @click="toUrl(getResourceInfo('A2'))">
              <img src="../../assets/images/zongJie.svg" alt="" />
              <span>考试知识点总结</span>
            </div>
            <div
              class="summary-right"
              @click="toUrl(resourceList['A3'], '本章小节')"
            >
            <div class="summary-right" @click="toUrl(getResourceInfo('A3'))">
              <img src="../../assets/images/tuoZhan.svg" alt="" />
              <span>本章小节</span>
            </div>
@@ -394,11 +345,7 @@
        <div class="page-bottom-left">010</div>
      </div>
    </div>
    <preView
      :md5="p_md5"
      :pdfTitle="somePdfTitleValue"
      ref="pdfDialogRef"
    ></preView>
    <preView :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>

@@ -410,8 +357,9 @@
    showPageList: {
      type: Array,
    },
    resourceList: {
      type: Object,
    getResourceInfo: {
      type: Function, // 明确指定它是一个函数
      required: true
    },
  },
  components: {
@@ -424,12 +372,12 @@
      somePdfTitleValue: "",
    };
  },
  mounted() {},
  mounted() { },
  methods: {
    toUrl(md5, name) {
      if (md5 && name) {
        this.p_md5 = md5;
        this.somePdfTitleValue = name;
    toUrl(val) {
      if (val != null) {
        this.p_md5 = val.md5;
        this.somePdfTitleValue = val.resourceName;
        this.$refs.pdfDialogRef.openDialog();
      }
    },