8.28更新

zhongshujie

18 小时以前 e33672cf85da88d515d5fe6ccc0a139c3cfaa5db

 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">
              树立疾病预防意识，能够自觉维护个人健康和社会公共卫生安全。
@@ -52,13 +48,13 @@
              <p class="content">
                请从三级预防策略的角度为家长制订一份龋病预防的项目书。
              </p>
              <p class="content">
                <textarea class="textarea-box" v-model="questionData.one" placeholder="请输入内容" rows="5"
                  @change="setQuestionData"></textarea>
              </p>
            </div>
          </div>

          <div
            class="knowledgeExpansion"
            @click="toUrl(resourceList['A1'], '教学课件')"
          >
          <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1'))">
            <div class="questionBank">
              <img src="../../assets/images/sanJiao.svg" alt="" />
              <span>教学课件</span>
@@ -68,8 +64,7 @@
              <span>教学课件</span>
            </div>
          </div>

          <p class="center mb-30">
          <p class="center mb-30 pt-70">
            <img class="g-pic" src="../../assets/images/0023_04.jpg" alt="" />
          </p>
          <p class="content">
@@ -88,12 +83,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 +115,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 +136,7 @@
            从口腔预防医学发展历程看，大致可分为3个阶段：原始启蒙时代、科学基础形成时代、口腔预防医学诞生与发展时代。
          </p>
          <h4 class="fourthTitle">一、原始启蒙时期</h4>
          <bookVideo
            :videoPath="resourceList['Z15']"
            videoName="微课：口腔预防医学的发展简史"
            :BookId="config.activeBook.bookId"
            logoColor="#00918e"
          ></bookVideo>
          <bookVideo :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
          <p class="content">
            中华民族文化源远流长，对健康的探索和认识已逾数千年。公元前约1400年殷墟甲骨文清晰记载了象形文字并刻有了“齿”字和“龋”字。用齿字上面加一个小虫来表示“龋”字，认为是由虫蛀所致，至今民间仍有“虫牙”和“蛀牙”之说（图1-1）。古书中还记载了多种口腔卫生保健的方法，如漱口、咽津、剔牙、揩齿等，部分方法沿用至今。
          </p>
@@ -165,18 +146,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 +193,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 +212,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 +273,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 +312,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 +320,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>
@@ -384,7 +336,7 @@
            </div>
            <div class="knowledgeExpansion-box">
              <img src="../../assets/images/tuoZhan.svg" alt="" />
              <span>拓展练习</span>
              <span @click="openQuestion(0)">拓展练习</span>
            </div>
          </div>
          <p class="right-info fm-kt">
@@ -394,45 +346,115 @@
        <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>
    <dialogExaminations :cardList="interfaceQuestion" :questionIDList=questionIDList :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

<script>
import testData from "../../assets/examinationList";
import preView from "@/components/pdfview/index.vue";
import bookVideo from "@/components/bookVideo/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  props: {
    showPageList: {
      type: Array,
    },
    resourceList: {
      type: Object,
    getResourceInfo: {
      type: Function, // 明确指定它是一个函数
      required: true
    },
    interfaceQuestion: {
      type: Array,
      required: true,
      default: () => [],
    }
  },
  components: {
    preView,
    bookVideo,
    dialogExaminations
  },
  data() {
    return {
      p_md5: "",
      somePdfTitleValue: "",
      // 题目相关
      questionNum: 0,
      questionTitleMain: "",
      questionIDList: [],
      chapterNum: 2,
      cardArrayList: [],
      examinations: [
        {
          questionTitleMain: "拓展练习",
          questionNum: 18,
        },
      ],
      questionData: {
        one: "",
      },

    };
  },
  mounted() {},
  watch: {
    interfaceQuestion: {
      handler(newValue, oldValue) {
        console.log('--- 子组件：interfaceQuestion 更新了！ ---');
        console.log('新值 (newValue):', newValue);
        console.log('旧值 (oldValue):', oldValue);
        if (newValue && newValue.length > 0) {

        }
      },
      deep: true,
      immediate: true
    },
  },

  mounted() {
    console.log(this.interfaceQuestion, "interfaceQuestion");

    this.getQuestionData()
  },
  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();
      }
    },
    setQuestionData() {
      localStorage.setItem(
        "preventiveDentistry-book-chapter01-questionData",
        JSON.stringify(this.questionData)
      );
    },
    getQuestionData() {
      let questionData = localStorage.getItem("preventiveDentistry-book-chapter01-questionData");
      if (questionData) {
        this.questionData = JSON.parse(questionData);
      }
    },
    openQuestion(num) {
      if (num != undefined) {
        this.questionNum = this.examinations[num].questionNum;
        console.log(this.questionNum);
        this.questionTitleMain = this.examinations[num].questionTitleMain;
        console.log(this.questionTitleMain);
        this.cardArrayList = this.interfaceQuestion;
        console.log(this.cardArrayList);
        this.questionIDList = testData[this.chapterNum][this.questionNum];
        console.log(this.questionIDList);

        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>