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/chapter004.vue |   84 ++++++++++++++++++++----------------------
 1 files changed, 40 insertions(+), 44 deletions(-)

diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index 3fbe275..951bcd7 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="page-content-box">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter">
+    <div class="page-box" page="55">
+      <div class="bodystyle topImg">
         <h2 id="b004">
           <img class="img-0" alt="" src="../image/dy4.jpg" />
         </h2>
@@ -58,7 +58,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="56">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -121,7 +121,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="57">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -144,6 +144,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text1')"
           ></textarea>
           <p class="left">澶т究</p>
@@ -153,6 +154,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text2')"
           ></textarea>
         </div>
@@ -182,6 +184,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text3')"
           ></textarea>
           <p class="left">13锝�24鏈堥緞</p>
@@ -191,6 +194,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text4')"
           ></textarea>
           <p class="left">25锝�36鏈堥緞</p>
@@ -200,12 +204,13 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text5')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="58">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -273,7 +278,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="59">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -371,7 +376,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="60">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -503,7 +508,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="61">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -571,7 +576,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="62">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -639,7 +644,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="63">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -695,7 +700,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="64">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -799,7 +804,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="65">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -866,7 +871,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="66">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -924,7 +929,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="67">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1028,7 +1033,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="68">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1076,7 +1081,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="69">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1115,13 +1120,10 @@
             />
           </div>
           <div
-            v-if="chapter004.idOpenThree && chapter004.qustionData[65]"
+            v-if="chapter004.idOpenThree && chapter004.qustionData[4]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter004.qustionData[65]"
-            />
+            <examinations :cardList="chapter004.qustionData[4]" />
           </div>
         </div>
         <p><br /></p>
@@ -1191,7 +1193,7 @@
         <p class="block">D.鎻愭棭璁粌</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="70">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1216,32 +1218,26 @@
         <p class="block">B.鍚炲捊鍙嶅皠</p>
         <p class="block">C.鍚稿惍鍙嶅皠</p>
         <p class="block">D.鏉′欢鍙嶅皠</p>
-        <p>
-          7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input
+        <p>7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input
             v-model="chapter004.radio.text7"
             @blur="onRadioText()"
-          />銆�锛夈��
-        </p>
+          />銆�锛夈��</p>
         <p class="block">A.鎻愰珮濠村辜鍎垮姩浣滅殑鐏垫椿鎬�</p>
         <p class="block">B.鎻愰珮濠村辜鍎跨殑绀句細浜ゅ線鑳藉姏</p>
         <p class="block">C.鎻愰珮濠村辜鍎挎満浣撶殑宸ヤ綔鏁堢巼</p>
         <p class="block">D.淇冭繘濠村辜鍎跨殑鏅哄姏鍙戝睍</p>
-        <p>
-          8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input
+        <p>8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input
             v-model="chapter004.radio.text8"
             @blur="onRadioText()"
-          />銆�锛夈��
-        </p>
+          />銆�锛夈��</p>
         <p class="block">A.鎶撳噯闂撮殧鏃堕棿鎻愬墠鎻愰啋</p>
         <p class="block">B.鎻愭棭璁粌</p>
         <p class="block">C.浠ュ闀跨殑濞佷弗鍒舵湇濠村効</p>
         <p class="block">D.鐢ㄩ鐗╅�楀紩濠村効</p>
-        <p>
-          9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input
+        <p>9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input
             v-model="chapter004.radio.text9"
             @blur="onRadioText()"
-          />銆�锛夈��
-        </p>
+          />銆�锛夈��</p>
         <p class="block">A.渚垮悗娲楁墜</p>
         <p class="block">B.鐢ㄦ俯姘存礂灞佽偂</p>
         <p class="block">C.渚垮悗渚跨泦娓呮礂娑堟瘨</p>
@@ -1251,14 +1247,14 @@
   </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: "chapter004",
   components: {
-    examinations,
+    // examinations
   },
   data() {
     return {
@@ -1316,21 +1312,21 @@
       },
     };
   },
-  async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter004"));
     if (localData) {
       this.chapter004 = { ...Object.assign(this.chapter004, localData) };
     }
-    this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
-    this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
-    this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
+    // this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
+    // this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
+    // this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
     this.chapter004.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
     this.chapter004.videoTwoUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
     this.chapter004.videoFourUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
-    this.chapter004.qustionData = await getQuestionData("4", testData[4]);
+    // this.chapter004.qustionData = await getQuestionData("4",testData[4]);
   },
   methods: {
     activityOne() {

--
Gitblit v1.9.1