From cc232247648ea4cd6b4d3909bb71caea61e388e1 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 15 五月 2024 23:10:06 +0800 Subject: [PATCH] 第二本书 --- src/books/childHealth/view/content/components/chapter001.vue | 79 +++++++++++++++++++++++---------------- 1 files changed, 47 insertions(+), 32 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 680011e..d5a46db 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -210,7 +210,7 @@ <span v-if="videoOne"> <video poster="../../../assets/images/chapterOne/people-video-img.jpg" - :src="config.resourceCtx + '/video/chapterOne/overview.mp4'" + :src="pathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" @@ -234,9 +234,9 @@ /> </span> <examinations - v-if="testOne" + v-if="testOne && questionData" ref="examinationOne" - :cardList="questionData[1][2]" + :cardList="questionData[2]" /> </p> <h2 class="module_block" id="b001" style="margin: 0"> @@ -280,7 +280,7 @@ <h4 id="d001">锛堜竴锛夐</h4> <video poster="../../../assets/images/chapterOne/people-video-img.jpg" - :src="config.resourceCtx + '/video/chapterOne/bones.mp4'" + :src="pathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" @@ -508,8 +508,9 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[1][6]" /> <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <examinations :cardList="questionData[6]" v-if="questionData" /> + </p> <h4 id="d008">锛堜簲锛夋敞鎰忎繚鎶ゅソ鍏宠妭鍜岄煣甯�</h4> <p class="lh2"> @@ -692,7 +693,7 @@ <p class="lh2"> 鍛煎惛绯荤粺鐢卞懠鍚搁亾鍜岃偤缁勬垚銆傚懠鍚搁亾鍖呮嫭榧汇�佸捊銆佸枆銆佹皵绠″拰鏀皵绠★紝鏄皵浣撹繘鍑鸿偤鐨勯�氶亾锛堣鍥�1-6锛夈�傞�氬父鎶婇蓟銆佸捊銆佸枆绉颁负涓婂懠鍚搁亾锛屾妸姘旂鍜屾敮姘旂绉颁负涓嬪懠鍚搁亾銆傝偤鏄皵浣撲氦鎹㈢殑鍦烘墍銆� </p> - <h3 id="c003">涓�銆佸鍓嶅効绔ュ懠鍚哥郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3> + <h3 id="c003">涓�銆佸鍓嶅効绔ュ懠鍚哥郴缁熺殑鐗圭偣锛烇紴锛�</h3> <h4 id="d009">锛堜竴锛夊懠鍚稿櫒瀹樼殑鐗圭偣</h4> <h5 id="e012">1.榧�</h5> </div> @@ -721,7 +722,7 @@ </div> <div class="right" style="width: 60%"> <video - :src="pathOne" + :src="pathFive" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -835,7 +836,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[1][9]" /> + <examinations :cardList="questionData[9]" v-if="questionData" /> <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> --> </p> <h4 id="d015">锛堜簲锛変繚鎶ゅ0甯�</h4> @@ -1177,7 +1178,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[1][14]" /> + <examinations :cardList="questionData[14]" v-if="questionData" /> <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> </p> <h2 class="module_block" id="b004"> @@ -1516,7 +1517,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[1][19]" /> + <examinations :cardList="questionData[19]" v-if="questionData" /> <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍥�</span> --> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -1953,7 +1954,7 @@ <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0036-3.jpg" /><br /> --> <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜斻�佸涔犱富棰樺叚</span> --> - <examinations :cardList="questionData[1][24]" /> + <examinations :cardList="questionData[24]" v-if="questionData" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2104,7 +2105,7 @@ </div> <div class="right" style="width: 60%"> <video - :src=" config.resourceCtx + ' /video/chapterOne/endocrine.mp4'" + :src="pathSix" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -2200,7 +2201,7 @@ </h6> <p class="blockh6-c"> <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> - <examinations :cardList="questionData[1][26]" /> + <examinations :cardList="questionData[26]" v-if="questionData" /> </p> <h2 class="module_block" id="b008"> <div class="custom1">瀛︿範涓婚鍏�</div> @@ -2374,7 +2375,7 @@ <div class="right" style="width: 63%;margin-left:10px"> <p class="center"> <video - :src="config.resourceCtx + '/video/chapterOne/brain.mp4'" + :src="pathSeven" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -2540,7 +2541,7 @@ </h6> <p class="blockh6-c"> <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍏�</span> --> - <examinations :cardList="questionData[1][31]" /> + <examinations :cardList="questionData[31]" v-if="questionData" /> </p> <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4> <p> @@ -2825,7 +2826,7 @@ </div> <div class="right" style="width: 60%"> <video - :src=" config.resourceCtx + '/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ュ効绔ヨ�虫湹鐨勭敓鐞嗙壒鐐瑰強淇濆仴.mp4'" + :src="pathEight" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -2994,7 +2995,7 @@ </div> <div class="right" style="width: 60%"> <video - :src="config.resourceCtx + '/video/chapterOne/skin.mp4'" + :src="pathNine" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -3138,7 +3139,7 @@ <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> --> <!-- <span class="img">涓撻涓� 瀛︿範涓婚涔�</span> --> - <examinations :cardList="questionData[1][40]" /> + <examinations :cardList="questionData[40]" v-if="questionData"/> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> <p class="blockh6"> @@ -3303,9 +3304,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[1][421]" /> - <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[1][422]" /> + <examinations :cardList="questionData[421]" v-if="questionData" /> + <span class="span-border"></span> + <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> + <examinations :cardList="questionData[422]" v-if="questionData" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 fl fl-di fl-cn" style="text-indent: 0"> @@ -3339,6 +3341,8 @@ import evenHeaderVue from '../../components/pageHeader/evenHeader.vue'; import oddHeaderVue from '../../components/pageHeader/oddHeader.vue'; import getResourcePath from '@/assets/methods/resources' +import getQuestionData from '@/assets/methods/examination' +import testData from '../../../assets/examinationList' export default { name: "chapter-one", components: { examinations,evenHeaderVue,oddHeaderVue }, @@ -3414,18 +3418,30 @@ learnTableNine:true, questionData:{}, pathOne:'', - pathTWo:'', + pathTwo:'', pathThree:'', pathFour:'', + pathFive:'', + pathSix:'', + pathSeven:'', + pathEight:'', + pathNine:'', + pathTen:'' }; }, mounted() { - this.$data.questionData = this.$store.state.questionData + this.$data.questionData = getQuestionData(testData[1]) + // console.log('棰樼洰',this.$data.questionData ); this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1') this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed') this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6') this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58') - // 棰樼洰璇锋眰 鎸夌珷鑺傝姹傦紝浼樺寲 + this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618') + this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641') + this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f') + this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d') + this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9') + this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d') }, methods: { changeResources(type) { @@ -3435,7 +3451,6 @@ this.$data.videoOne = !this.$data.videoOne; } else if (type == "testOne") { this.$data.testOne = !this.$data.testOne; - this.getQuestionList(); } else if(type == 'learnTableTwo') { this.$data.learnTableTwo = !this.$data.learnTableTwo }else if(type == 'learnTableThree') { @@ -3454,13 +3469,13 @@ this.$data.learnTableNine = !this.$data.learnTableNine } }, - getQuestionList() { - const testData = this.$store.state.testList.find( - (item) => item.name == "涓撻涓�鎬昏 浜轰綋姒傝堪娴嬮獙棰�" - ); - this.$data.productLinkPath = testData.productLinkPath; - if (this.$refs.examinationOne) this.$refs.examinationOne.getIdPathList(); - }, + // getQuestionList() { + // const testData = this.$store.state.testList.find( + // (item) => item.name == "涓撻涓�鎬昏 浜轰綋姒傝堪娴嬮獙棰�" + // ); + // this.$data.productLinkPath = testData.productLinkPath; + // if (this.$refs.examinationOne) this.$refs.examinationOne.getIdPathList(); + // }, }, }; </script> -- Gitblit v1.9.1