From 5d54066f924c98a8f3908497e8b546b5519a0ae3 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期四, 23 五月 2024 14:11:03 +0800 Subject: [PATCH] 添加分页 --- src/books/lifeCare/view/chapter005.vue | 116 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 70 insertions(+), 46 deletions(-) diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue index 3bd4530..4f16150 100644 --- a/src/books/lifeCare/view/chapter005.vue +++ b/src/books/lifeCare/view/chapter005.vue @@ -1,7 +1,7 @@ <template> - <div class="page-content-box"> - <div class="page-box"> - <div class="bodystyle"> + <div class="chapter" num="5"> + <div class="page-box" page="71"> + <div class="bodystyle topImg"> <h2 id="b005"> <img class="img-0" alt="" src="../image/dy5.jpg" /> </h2> @@ -60,7 +60,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="72"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -100,7 +100,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="73"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -158,7 +158,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="74"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -255,6 +255,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text3')" ></textarea> <p class="left">1锝�2宀�</p> @@ -264,6 +265,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text4')" ></textarea> <p class="left">2锝�3宀�</p> @@ -273,12 +275,13 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text5')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="75"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -381,7 +384,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="76"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -482,7 +485,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="77"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -624,7 +627,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="78"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -648,6 +651,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text13')" ></textarea> <p class="left">鍐</p> @@ -657,6 +661,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text14')" ></textarea> </div> @@ -720,7 +725,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="79"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -814,7 +819,7 @@ </p> --> </div> </div> - <div class="page-box"> + <div class="page-box" page="80"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -883,7 +888,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="81"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -946,7 +951,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="82"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1092,7 +1097,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="83"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1124,6 +1129,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text20')" ></textarea> <p class="left">濠村辜鍎跨殑骞撮緞</p> @@ -1133,6 +1139,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text21')" ></textarea> <p class="left">浣犻噰鐢ㄧ殑浠嬬粛鏂瑰紡</p> @@ -1142,6 +1149,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text22')" ></textarea> <p class="left">鍏蜂綋鐨勮瑷�</p> @@ -1151,6 +1159,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text23')" ></textarea> </div> @@ -1165,6 +1174,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text24')" ></textarea> <p class="left">鍏蜂綋浠嬬粛鐨勫唴瀹�</p> @@ -1174,12 +1184,13 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text25')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="84"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1219,6 +1230,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text27')" ></textarea> <p class="left">鍐呭</p> @@ -1228,6 +1240,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text28')" ></textarea> </div> @@ -1252,7 +1265,7 @@ <p>楗鏄渶閲嶈鐨勬棩甯哥敓娲伙紝鍠傚吇涓嶄粎鏄负濠村辜鍎挎彁渚涜惀鍏荤殑鎵嬫锛岃��</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="85"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1289,6 +1302,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text29')" ></textarea> <p class="left">鍋滄鍠傚摵鐨勮〃鐜�</p> @@ -1298,6 +1312,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text30')" ></textarea> </div> @@ -1350,7 +1365,7 @@ <p><br /></p> </div> </div> - <div class="page-box"> + <div class="page-box" page="86"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1531,7 +1546,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="87"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1678,7 +1693,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="88"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1775,7 +1790,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="89"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1838,7 +1853,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="90"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1864,6 +1879,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text38')" ></textarea> </div> @@ -1987,7 +2003,7 @@ <p>锛�1锛夋暀鑲插紩瀵笺�傛槑纭濠村辜鍎胯繘琛屾枃鏄庤繘椁愮殑鍋ュ悍鏁欒偛锛屽杩涢鐨勫湴鐐�</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="91"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2011,6 +2027,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text40')" ></textarea> </div> @@ -2025,6 +2042,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text41')" ></textarea> <p class="left">鍏蜂綋鍐呭</p> @@ -2034,6 +2052,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text42')" ></textarea> </div> @@ -2048,6 +2067,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text43')" ></textarea> <p class="left">鍏蜂綋鍐呭</p> @@ -2057,6 +2077,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text44')" ></textarea> <p class="left">涓昏鍘熷洜</p> @@ -2066,12 +2087,13 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text45')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="92"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2137,7 +2159,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="93"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2200,7 +2222,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="94"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2224,6 +2246,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text52')" ></textarea> <p class="left">钀ュ吇鎬х己閾佹�ц传琛�鍎�</p> @@ -2233,6 +2256,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text53')" ></textarea> <p class="left">钀ュ吇涓嶈壇鍎�</p> @@ -2242,6 +2266,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text54')" ></textarea> <p class="left">鏄撳弽澶嶆劅鏌撶柧鐥呯殑浣撳急鍎�</p> @@ -2251,6 +2276,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" rows="3" maxlength="100" + class="textareaInput" @blur="onBlurChange('text55')" ></textarea> </div> @@ -2278,7 +2304,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="95"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2387,7 +2413,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="96"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2485,7 +2511,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="97"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2545,7 +2571,7 @@ <p>缁撳悎涓婅堪鎯呭锛屾煡闃呴槄璇绘墜鍐岋紝灏忕粍鍚堜綔锛岃В鍐充互涓嬮棶棰樸��</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="98"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2594,15 +2620,13 @@ /> </div> <div - v-if="chapter005.idOpenThree && chapter005.qustionData[94]" + v-if="chapter005.idOpenThree && chapter005.qustionData[3]" class="tips-file" > - <examinations - :primaryColor="'#f49a4c'" - :cardList="chapter005.qustionData[94]" - /> + <examinations :cardList="chapter005.qustionData[3]" /> </div> </div> + <p><br /></p> <!-- <p><br /></p> <div class="bk-sys"> <div class="bj1-sys"> @@ -2657,7 +2681,7 @@ <p class="block">D.鍠濈櫧寮�姘存病鏈夎惀鍏伙紝鍙互璁╁┐骞煎効澶氬枬楗枡</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="99"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2720,10 +2744,10 @@ </div> </template> <script> -import getResourcePath from "@/assets/methods/resources.js"; -import getQuestionData from "@/assets/methods/examination.js"; +// import getResourcePath from "@/assets/methods/resources.js"; +// import getQuestionData from "@/assets/methods/examination.js"; import testData from "../js/examinationList.js"; -import examinations from "@/components/examinations/index.vue"; +// import examinations from "@/components/examinations/index.vue"; export default { name: "chapter005", @@ -3148,17 +3172,17 @@ }; }, components: { - examinations, + // examinations, }, - async created() { + created() { const localData = JSON.parse(localStorage.getItem("chapter005")); if (localData) { this.chapter005 = { ...Object.assign(this.chapter005, localData) }; } - this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577"); - this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f"); - this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3"); - this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7"); + // this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577"); + // this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f"); + // this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3"); + // this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7"); this.chapter005.videOneUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577"; this.chapter005.videoTwoUrl = @@ -3167,7 +3191,7 @@ "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3"; this.chapter005.videoFiveUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7"; - this.chapter005.qustionData = await getQuestionData("5",testData[5]); + // this.chapter005.qustionData = await getQuestionData("5",testData[5]); }, methods: { activityOne() { -- Gitblit v1.9.1