From ce70bc450a2401997bb850f89f3c4dc0a23e0a72 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 九月 2025 18:38:13 +0800
Subject: [PATCH] 31 数字化口腔修复技术 整本
---
src/books/preventiveDentistry/view/components/chapter001.vue | 74 +++++++++++++++++++++++++++++++-----
1 files changed, 63 insertions(+), 11 deletions(-)
diff --git a/src/books/preventiveDentistry/view/components/chapter001.vue b/src/books/preventiveDentistry/view/components/chapter001.vue
index 83f6234..d50d0cd 100644
--- a/src/books/preventiveDentistry/view/components/chapter001.vue
+++ b/src/books/preventiveDentistry/view/components/chapter001.vue
@@ -48,10 +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(getResourceInfo('A1', 'md5'), '鏁欏璇句欢')">
+ <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1'))">
<div class="questionBank">
<img src="../../assets/images/sanJiao.svg" alt="" />
<span>鏁欏璇句欢</span>
@@ -61,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">
@@ -81,7 +83,7 @@
<h3 class="thirdTitle pt-70 mb-40">
绗竴鑺� 鍙ｈ厰棰勯槻鍖诲鐨勫熀鏈杩�
</h3>
- <bookVideo :videoInfo="getResourceInfo('Z17')" :BookId="config.activeBook.bookId"></bookVideo>
+ <bookVideo :videoInfo="getResourceInfo('Z17')" :BookId="config.activeBook.bookId"></bookVideo>
<h4 class="fourthTitle">涓�銆佸彛鑵旈闃插尰瀛︾殑瀹氫箟</h4>
<p class="content">
鍙ｈ厰棰勯槻鍖诲鏄竴闂ㄩ�氳繃鏈夌粍缁囨�х殑绀句細鍔姏锛岄闃插彛鑵旂柧鐥咃紝缁存姢鍙ｈ厰鍋ュ悍鍙婃彁楂樼敓鍛借川閲忕殑绉戝銆傚彛鑵旈闃插尰瀛︽槸鍙ｈ厰鍖诲鐨勪竴闂ㄥ垎鏀绉戝拰閲嶈缁勬垚閮ㄥ垎锛屽畠浠ヤ汉缇や负涓昏鐮旂┒瀵硅薄锛屽簲鐢ㄧ敓鐗╁銆佺幆澧冨尰瀛︺�侀闃插尰瀛︺�佷复搴婂尰瀛﹀強绀句細鍖诲鐨勭悊璁哄拰鏂规硶锛岀爺绌跺彛鑵斿仴搴峰強鍏跺奖鍝嶅洜绱犮�侀闃插彛鑵旂柧鐥呯殑鎺柦鍙婂绛栵紝杈惧埌棰勯槻鍙ｈ厰鐤剧梾銆佷績杩涘彛鑵斿仴搴峰強鎻愰珮鐢熷懡璐ㄩ噺鐨勭洰鐨勩��
@@ -134,8 +136,7 @@
浠庡彛鑵旈闃插尰瀛﹀彂灞曞巻绋嬬湅锛屽ぇ鑷村彲鍒嗕负3涓樁娈碉細鍘熷鍚挋鏃朵唬銆佺瀛﹀熀纭�褰㈡垚鏃朵唬銆佸彛鑵旈闃插尰瀛﹁癁鐢熶笌鍙戝睍鏃朵唬銆�
</p>
<h4 class="fourthTitle">涓�銆佸師濮嬪惎钂欐椂鏈�</h4>
- <div class="theme-color">123</div>
- <bookVideo :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
+ <bookVideo :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
<p class="content">
涓崕姘戞棌鏂囧寲婧愯繙娴侀暱锛屽鍋ュ悍鐨勬帰绱㈠拰璁よ瘑宸查�炬暟鍗冨勾銆傚叕鍏冨墠绾�1400骞存澧熺敳楠ㄦ枃娓呮櫚璁拌浇浜嗚薄褰㈡枃瀛楀苟鍒绘湁浜嗏�滈娇鈥濆瓧鍜屸�滈緥鈥濆瓧銆傜敤榻垮瓧涓婇潰鍔犱竴涓皬铏潵琛ㄧず鈥滈緥鈥濆瓧锛岃涓烘槸鐢辫櫕铔�鎵�鑷达紝鑷充粖姘戦棿浠嶆湁鈥滆櫕鐗欌�濆拰鈥滆泙鐗欌�濅箣璇达紙鍥�1-1锛夈�傚彜涔︿腑杩樿杞戒簡澶氱鍙ｈ厰鍗敓淇濆仴鐨勬柟娉曪紝濡傛急鍙ｃ�佸捊娲ャ�佸墧鐗欍�佹彥榻跨瓑锛岄儴鍒嗘柟娉曟部鐢ㄨ嚦浠娿��
</p>
@@ -192,7 +193,7 @@
<p class="content">
鍏厓752骞达紝鐜嬬剺鍦ㄣ�婂鍙扮瑕併�嬩腑宸叉湁鏌虫灊鍒跺埛鐨勮杞斤紝灏嗘潹鏌虫灊鐢ㄧ墮鍜垚绲姸锛屾彥鍒风墮闈€�傚畫浠ｆ棩鏈悕鍍ч亾鍏冪甯堝湪銆婃娉曠溂钘忋�嬩腑璁拌浇鈥滃儳渚ｄ滑闄ゆ急鍙ｄ箣澶栵紝灏氱敤鍓垚瀵镐綑涔嬮┈灏撅紝妞嶄簬鐗涜鍒舵垚鐨勫櫒鐗╀笂锛岀敤浠ュ埛娲楃墮鈥濄�傚叕鍏�916鈥�1125骞达紝杈戒唬鍑虹幇浜嗛鏌勬姣涚墮鍒凤紝涓庤繎浠ｇ墮鍒风浉浼硷紝鍥藉17涓栫邯鎵嶆湁妞嶆瘺鐗欏埛銆傚叕鍏�1281骞寸綏鍏冪泭鎵�钁椼�婂崼鐢熷疂閴淬�嬩腑鎻愬埌瑕佹棭鏅氬埛鐗�2娆★紝蹇芥�濇収鍦ㄣ�婇ギ鑶虫瑕併�嬩腑鎻愬嚭鈥滃嚒娓呮棪鍒风墮锛屼笉濡傚鍒风墮榻跨柧涓嶇敓鈥濓紝寮鸿皟鏅氫笂鍒风墮鐨勯噸瑕佹�с�傝�冨彜鍙戠幇锛屾槑鏈濆笣鐜嬩滑鐨勪竴浜涚墮涓婃湁妤旂姸缂烘崯锛岃鏄庡湪閭ｆ椂鍒风墮灏卞凡鎴愪负涔犳儻銆�
</p>
- <h4 class="fourthTitle ">浜屻�佺瀛﹀舰鎴愭椂鏈�</h4>
+ <h4 class="fourthTitle">浜屻�佺瀛﹀舰鎴愭椂鏈�</h4>
<bookVideo :videoInfo="getResourceInfo('Z16')" :BookId="config.activeBook.bookId"></bookVideo>
<p class="content">
鍦ㄥ彛鑵旈闃插尰瀛︾殑鍘嗗彶涓婏紝鍙戠幇鍙ｈ厰缁嗚弻銆佽璇嗘盁鍖栫墿鍙婄獫娌熷皝闂墏鐨勮癁鐢燂紝澶уぇ鎺ㄥ姩浜嗗彛鑵旈闃插尰瀛︾殑鍙戝睍銆傚墠涓よ�呰浜轰滑璁よ瘑浜嗗紩璧峰彛鑵旂柧鐥呯殑鐥呭洜锛屼负閽堝鎬у湴寮�灞曞彛鑵旂柧鐥呴闃插瀹氫簡鍩虹銆傜涓夎�呬娇鍙ｈ厰棰勯槻鏈変簡鏈夋晥鐨勯闃叉帾鏂斤紝鍑忓皯浜嗛緥鐥呯殑鍙戠敓銆�
@@ -335,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">
@@ -346,12 +347,17 @@
</div>
</div>
<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: {
@@ -359,20 +365,42 @@
},
getResourceInfo: {
type: Function, // 鏄庣‘鎸囧畾瀹冩槸涓�涓嚱鏁�
- required: true
+ required: true,
+ },
+ interfaceQuestion: {
+ type: Array,
+ required: true,
+ default: () => [],
},
},
components: {
preView,
bookVideo,
+ dialogExaminations,
},
data() {
return {
p_md5: "",
somePdfTitleValue: "",
+ // 棰樼洰鐩稿叧
+ questionNum: 0,
+ questionTitleMain: "",
+ questionIDList: [],
+ chapterNum: 2,
+ examinations: [
+ {
+ questionTitleMain: "鎷撳睍缁冧範",
+ questionNum: 18,
+ },
+ ],
+ questionData: {
+ one: "",
+ },
};
},
- mounted() { },
+ mounted() {
+ this.getQuestionData();
+ },
methods: {
toUrl(val) {
if (val != null) {
@@ -381,6 +409,30 @@
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;
+ this.questionTitleMain = this.examinations[num].questionTitleMain;
+ this.questionIDList = testData[this.chapterNum][this.questionNum];
+ this.$nextTick(() => {
+ this.$refs.dialogRef.openDialogQuestion();
+ });
+ }
+ },
},
};
</script>
--
Gitblit v1.9.1