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 | 92 +++++++++++++++++++++++++++++++++++++++++----
1 files changed, 83 insertions(+), 9 deletions(-)
diff --git a/src/books/preventiveDentistry/view/components/chapter001.vue b/src/books/preventiveDentistry/view/components/chapter001.vue
index 83f6234..d630f51 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>
@@ -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: {
@@ -361,19 +367,61 @@
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(val) {
if (val != null) {
this.p_md5 = val.md5;
@@ -381,6 +429,32 @@
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