From e33672cf85da88d515d5fe6ccc0a139c3cfaa5db Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 28 八月 2025 22:53:54 +0800
Subject: [PATCH] 8.28更新
---
src/books/preventiveDentistry/view/components/chapter001.vue | 182 +++++++++++++++++++++++++--------------------
1 files changed, 102 insertions(+), 80 deletions(-)
diff --git a/src/books/preventiveDentistry/view/components/chapter001.vue b/src/books/preventiveDentistry/view/components/chapter001.vue
index c4089f5..d630f51 100644
--- a/src/books/preventiveDentistry/view/components/chapter001.vue
+++ b/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">
绗竴鑺� 鍙ｈ厰棰勯槻鍖诲鐨勫熀鏈杩�
</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">绗竴绔� 缁</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 鐢查鏂団�滈娇鈥濅笌鈥滈緥鈥�"
- />
+ <img src="../../assets/images/0025-01-1.jpg" alt="鍥�1-1 鐢查鏂団�滈娇鈥濅笌鈥滈緥鈥�" />
</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 鐢查鏂団�滈娇鈥濅笌鈥滈緥鈥�"
- />
+ <img src="../../assets/images/0025-01-2.jpg" alt="鍥�1-1 鐢查鏂団�滈娇鈥濅笌鈥滈緥鈥�" />
</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">绗竴绔� 缁</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">绗竴绔� 缁</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>
--
Gitblit v1.9.1