From 3ef51d37b5c7711e14c1624d876685140265a5fc Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期二, 21 一月 2025 18:13:38 +0800
Subject: [PATCH] 更新资源

---
 src/books/kindergartenLanguageActivity/images/bj-v.png                |    0 
 src/books/kindergartenLanguageActivity/view/components/chapter004.vue |    4 
 src/books/preschoolGameGuidance/images/0091-1-4.png                   |    0 
 src/books/preschoolGameGuidance/view/components/chapter002.vue        |  851 +++++++++++++++++++++++++++++++++++++++++++++++--
 src/books/preschoolGameGuidance/images/0092-2.png                     |    0 
 src/books/preschoolGameGuidance/view/components/chapter001.vue        |    5 
 src/books/kindergartenLanguageActivity/view/components/chapter001.vue |    2 
 src/books/kindergartenLanguageActivity/css/default.less               |   10 
 src/books/preschoolGameGuidance/images/0091-1-2.png                   |    0 
 src/books/kindergartenLanguageActivity/view/components/index.vue      |    2 
 src/books/preschoolGameGuidance/images/0091-1-3.png                   |    0 
 src/books/preschoolGameGuidance/images/0092-3.png                     |    0 
 src/books/preschoolGameGuidance/images/0088-1-2.png                   |    0 
 src/books/preschoolGameGuidance/images/0092-1.png                     |    0 
 src/books/preschoolGameGuidance/images/0088-1-1.png                   |    0 
 src/books/preschoolGameGuidance/images/ti-icon.png                    |    0 
 src/books/preschoolGameGuidance/images/0091-1-1.png                   |    0 
 src/books/preschoolGameGuidance/css/default.less                      |  139 +++++++
 18 files changed, 954 insertions(+), 59 deletions(-)

diff --git a/src/books/kindergartenLanguageActivity/css/default.less b/src/books/kindergartenLanguageActivity/css/default.less
index 5847b28..0b36bc9 100644
--- a/src/books/kindergartenLanguageActivity/css/default.less
+++ b/src/books/kindergartenLanguageActivity/css/default.less
@@ -34,17 +34,24 @@
 
         .videoBox {
           width: 100%;
+          padding: 30px 20px;
+          padding-top: 60px;
+          box-sizing: border-box;
           display: flex;
           justify-content: space-around;
           flex-wrap: wrap;
           align-items: center;
+          background-image: url('../images/bj-v.png');
+          background-repeat: no-repeat;
+          background-position: center center;
+          background-size: 100% 100%;
 
           .videoItem {
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
-        
+
             .video-border {
               width: 230px;
               height: 180px;
@@ -78,6 +85,7 @@
 
           textarea:focus {
             outline: none;
+            border-color: #000;
           }
         }
 
diff --git a/src/books/kindergartenLanguageActivity/images/bj-v.png b/src/books/kindergartenLanguageActivity/images/bj-v.png
new file mode 100644
index 0000000..9613995
--- /dev/null
+++ b/src/books/kindergartenLanguageActivity/images/bj-v.png
Binary files differ
diff --git a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
index 0ea9585..e52fdb2 100644
--- a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
+++ b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
@@ -243,7 +243,7 @@
           </div>
           <p><span class="zt-1">鍏抽敭鏈</span></p>
           <div class="tp-8">
-            <p><img class="rwmb-3" alt="" src="image/tb-9.png" /></p>
+            <p><img class="rwmb-3" alt="" src="../../images/tb-9.png" /></p>
           </div>
           <p class="notIndent">1銆佽瑷�鐨勬湰璐�</p>
           <div class="bk-xyx">
diff --git a/src/books/kindergartenLanguageActivity/view/components/chapter004.vue b/src/books/kindergartenLanguageActivity/view/components/chapter004.vue
index a59c189..c494aae 100644
--- a/src/books/kindergartenLanguageActivity/view/components/chapter004.vue
+++ b/src/books/kindergartenLanguageActivity/view/components/chapter004.vue
@@ -615,7 +615,7 @@
           <div class="bk-xyx">
             <textarea
               rows="8"
-              v-model="chapter004.textBybItem22"
+              v-model="chapter004.textBybItem28"
               @change="setBookQuestion"
             ></textarea>
           </div>
@@ -721,6 +721,8 @@
               ></video>
               <div class="vname">{{ videoMd5.v45.name }}</div>
             </div>
+          </div>
+          <div class="videoBox">
             <div class="videoItem">
               <video
                 :src="videoUrl.v46"
diff --git a/src/books/kindergartenLanguageActivity/view/components/index.vue b/src/books/kindergartenLanguageActivity/view/components/index.vue
index 28d9997..3265215 100644
--- a/src/books/kindergartenLanguageActivity/view/components/index.vue
+++ b/src/books/kindergartenLanguageActivity/view/components/index.vue
@@ -179,7 +179,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     setTimeout(() => {
-      this.gotoPage(1, 8);
+      this.gotoPage(1, 1);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
diff --git a/src/books/preschoolGameGuidance/css/default.less b/src/books/preschoolGameGuidance/css/default.less
index a035df0..7bb5302 100644
--- a/src/books/preschoolGameGuidance/css/default.less
+++ b/src/books/preschoolGameGuidance/css/default.less
@@ -47,11 +47,141 @@
         align-items: center;
       }
 
-      .notIndent{
+      .notIndent {
         text-indent: 0 !important;
       }
 
       .chapter {
+
+        .questionBox {
+          width: 100%;
+          border: 2px solid #00ADEF;
+          margin-bottom: 10px;
+
+          .titleBox {
+            width: 100%;
+            height: 35px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid #00ADEF;
+
+            .title {
+              padding: 3px 0;
+              width: 120px;
+              background-color: #00ADEF;
+              text-align: center;
+              color: #000;
+              font-weight: 600;
+              letter-spacing: 2px;
+            }
+
+            img {
+              width: 25px;
+              height: 26px;
+              cursor: pointer;
+              margin-right: 10px;
+            }
+          }
+
+          .questionContent {
+            padding: 20px;
+            box-sizing: border-box;
+            .q-title {
+              font-size: 32px;
+              font-weight: 700;
+              text-align: center;
+              margin-bottom: 60px;
+            }
+            .q-tips {
+              font-size: 22px;
+              font-weight: 600;
+              text-align: center;
+              text-indent: 0;
+            }
+            .block-tips {
+              font-size: 18px;
+              font-weight: 600;
+              font-family: '妤蜂綋';
+            }
+
+            .block-ms-tips {
+              font-weight: 600;
+            }
+          }
+        }
+
+        .imgBox-003 {
+          width: 100%;
+          height: 220px;
+        }
+
+        .videoBox {
+          width: 100%;
+          padding: 30px 20px;
+          padding-top: 60px;
+          box-sizing: border-box;
+          display: flex;
+          justify-content: space-around;
+          flex-wrap: wrap;
+          align-items: center;
+
+          .videoItem {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+
+            .video-border {
+              width: 100%;
+              // border: 2px solid #fff;
+              border-radius: 10px;
+              margin-bottom: 10px;
+            }
+          }
+        }
+
+        .bk-xyx {
+          textarea {
+            width: 100%;
+            max-width: 630px;
+            border: 1px solid #00ADEF;
+            border-radius: 5px;
+            font-size: 16px;
+            font-family: '瀹嬩綋';
+            line-height: 30px;
+            padding: 10px;
+            box-sizing: border-box;
+          }
+
+          textarea:focus {
+            outline: none;
+            border-color: #000;
+          }
+        }
+
+        .btn-group {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 5px;
+          padding-left: 20px;
+          .answerText {
+            margin-left: 20px;
+            font-weight: 600;
+          }
+        }
+
+        .btn-default {
+          background-color: #35ACD6;
+          border: 1px solid #35ACD6;
+          color: #fff;
+          padding: 5px 10px;
+          box-sizing: border-box;
+          border-radius: 5px;
+          margin: 0 5px;
+          cursor: pointer;
+        }
 
         .coverImg {
           position: absolute;
@@ -290,9 +420,10 @@
 
         .block {
           font-size: 16px;
-          color: #666;
-          font-weight: 600;
+          color: #000;
+          font-weight: 500;
           font-family: '妤蜂綋';
+          line-height: 1.5;
         }
 
         .block1 {
@@ -793,7 +924,7 @@
           min-height: 1150px;
           display: flex;
           flex-direction: column;
-          justify-content: center;  
+          justify-content: center;
           align-items: center;
         }
 
diff --git a/src/books/preschoolGameGuidance/images/0088-1-1.png b/src/books/preschoolGameGuidance/images/0088-1-1.png
new file mode 100644
index 0000000..f463d99
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0088-1-1.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0088-1-2.png b/src/books/preschoolGameGuidance/images/0088-1-2.png
new file mode 100644
index 0000000..f633ad3
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0088-1-2.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0091-1-1.png b/src/books/preschoolGameGuidance/images/0091-1-1.png
new file mode 100644
index 0000000..2535304
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0091-1-1.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0091-1-2.png b/src/books/preschoolGameGuidance/images/0091-1-2.png
new file mode 100644
index 0000000..84c7ce0
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0091-1-2.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0091-1-3.png b/src/books/preschoolGameGuidance/images/0091-1-3.png
new file mode 100644
index 0000000..ee43dc4
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0091-1-3.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0091-1-4.png b/src/books/preschoolGameGuidance/images/0091-1-4.png
new file mode 100644
index 0000000..703ac37
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0091-1-4.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0092-1.png b/src/books/preschoolGameGuidance/images/0092-1.png
new file mode 100644
index 0000000..ee9c251
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0092-1.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0092-2.png b/src/books/preschoolGameGuidance/images/0092-2.png
new file mode 100644
index 0000000..a856023
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0092-2.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/0092-3.png b/src/books/preschoolGameGuidance/images/0092-3.png
new file mode 100644
index 0000000..a12fef1
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/0092-3.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/images/ti-icon.png b/src/books/preschoolGameGuidance/images/ti-icon.png
new file mode 100644
index 0000000..b91fd08
--- /dev/null
+++ b/src/books/preschoolGameGuidance/images/ti-icon.png
Binary files differ
diff --git a/src/books/preschoolGameGuidance/view/components/chapter001.vue b/src/books/preschoolGameGuidance/view/components/chapter001.vue
index 7ec2e17..6c8fd94 100644
--- a/src/books/preschoolGameGuidance/view/components/chapter001.vue
+++ b/src/books/preschoolGameGuidance/view/components/chapter001.vue
@@ -509,7 +509,9 @@
     <div class="page-box" page="28">
       <div v-if="showPageList.indexOf(28) > -1">
         <div class="bodystyle">
-          <p class="notIndent">褰撲綔鑷繁鐨勮亴璐o紝褰撴父鎴忓疄闄呰繘灞曚腑鍑虹幇鈥滈厤閿欒嵂鈥濈殑闂鏃讹紝涓嶅悓瑙掕壊涔嬮棿灏变細鐢变簬鍐茬獊鑰屼骇鐢熻璁恒�佷氦娴侊紝鐢氳嚦浜夋墽銆傚彲瑙侊紝鍦ㄦ父鎴忔椿鍔ㄤ腑锛屽辜鍎块渶瑕佸拰鍚屼即銆佹暀甯堣繘琛屼氦娴侊紝杩欏氨淇冧娇鍏朵笉鏂彁楂樿瑷�鑳藉姏锛屼赴瀵岃瑷�杩愮敤銆�</p>
+          <p class="notIndent">
+            褰撲綔鑷繁鐨勮亴璐o紝褰撴父鎴忓疄闄呰繘灞曚腑鍑虹幇鈥滈厤閿欒嵂鈥濈殑闂鏃讹紝涓嶅悓瑙掕壊涔嬮棿灏变細鐢变簬鍐茬獊鑰屼骇鐢熻璁恒�佷氦娴侊紝鐢氳嚦浜夋墽銆傚彲瑙侊紝鍦ㄦ父鎴忔椿鍔ㄤ腑锛屽辜鍎块渶瑕佸拰鍚屼即銆佹暀甯堣繘琛屼氦娴侊紝杩欏氨淇冧娇鍏朵笉鏂彁楂樿瑷�鑳藉姏锛屼赴瀵岃瑷�杩愮敤銆�
+          </p>
         </div>
       </div>
     </div>
@@ -523,5 +525,6 @@
       type: Array,
     },
   },
+
 };
 </script>
diff --git a/src/books/preschoolGameGuidance/view/components/chapter002.vue b/src/books/preschoolGameGuidance/view/components/chapter002.vue
index 6c3a2bd..a3ba4ca 100644
--- a/src/books/preschoolGameGuidance/view/components/chapter002.vue
+++ b/src/books/preschoolGameGuidance/view/components/chapter002.vue
@@ -70,12 +70,93 @@
               </div>
             </div>
             <p>瑙掕壊娓告垙鐨勭粨鏋勬湁锛堛��銆�锛夈��</p>
-            <p>A.娓告垙涓婚</p>
-            <p>B.瑙掕壊鎵紨</p>
-            <p>C.鍋囨兂</p>
-            <p>D.鍐呭湪瑙勫垯</p>
-            <p>E.娓告垙杩囩▼</p>
-            <!-- <p>锛堢瓟妗堬細ABCD锛�</p> -->
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer01.isComplete"
+                value="A"
+                id="1"
+                @change="changeRadio($event, 'aswer01', 'check01')"
+                v-model="questionData.aswer01.check01"
+              />A.娓告垙涓婚
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer01.isComplete"
+                value="B"
+                id="2"
+                @change="changeRadio($event, 'aswer01', 'check02')"
+                v-model="questionData.aswer01.check02"
+              />B.瑙掕壊鎵紨
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer01.isComplete"
+                value="C"
+                id="3"
+                @change="changeRadio($event, 'aswer01', 'check03')"
+                v-model="questionData.aswer01.check03"
+              />C.鍋囨兂
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer01.isComplete"
+                value="D"
+                id="4"
+                @change="changeRadio($event, 'aswer01', 'check04')"
+                v-model="questionData.aswer01.check04"
+              />D.鍐呭湪瑙勫垯
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer01.isComplete"
+                value="E"
+                id="5"
+                @change="changeRadio($event, 'aswer01', 'check05')"
+                v-model="questionData.aswer01.check05"
+              />E.娓告垙杩囩▼
+            </p>
+            <p v-if="questionData.showAswer01">锛堢瓟妗堬細ABCD锛�</p>
+            <div class="btn-group">
+              <div v-if="questionData.aswer01.isComplete">
+                <span class="answerText"
+                  >鎮ㄧ殑绛旀锛歿{ questionData.aswer01.data.join(",") }}</span
+                >
+                <span class="answerText" style="color: #1fbc1f"
+                  >姝g‘绛旀锛欰,B,C,D</span
+                >
+              </div>
+              <div v-else></div>
+              <div class="btn-data">
+                <button
+                  class="btn btn-default"
+                  @click="setBookQuestion('aswer01')"
+                >
+                  鎻愪氦
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="resetAswer('aswer01', 'showAswer01')"
+                >
+                  閲嶅仛
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="lookAnswer('showAswer01')"
+                >
+                  鏌ョ湅绛旀
+                </button>
+              </div>
+            </div>
           </div>
           <p>
             骞煎効瑙掕壊娓告垙鐨勮鍒欏叿鏈夊唴闅愭�с�傗�滃唴闅愮殑娓告垙瑙勫垯鈥濊〃鐜颁负鈥滄父鎴忓唴鍦ㄧ殑鎯呭鎬у拰绉╁簭鎰熲�濓紝瀹冩槸鍦ㄦ父鎴忚繃绋嬩腑寰椾互浣撶幇鐨勩�傚辜鍎挎父鎴忔槸鎸夌収瀹為檯鐢熸椿涓殑瑙勫垯锛堟垨鑰呯О涓衡�滀笘鐣岀殑瑙勫垯鈥濓級杩涜鐨勩��
@@ -226,13 +307,92 @@
               </div>
             </div>
             <p>1.鏁欏笀缁勭粐鎸囧骞煎効寮�灞曡鑹叉父鎴忕殑棣栬宸ヤ綔鏄紙銆�銆�锛夈��</p>
-            <p>A.涓板瘜骞煎効鐢熸椿缁忛獙</p>
-            <p>B.纭畾涓婚</p>
-            <p>C.鍒嗛厤瑙掕壊</p>
-            <p>D.閫傚綋鍙備笌</p>
-            <p>锛堢瓟妗堬細A锛�</p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer02.isComplete"
+                value="A"
+                id="1"
+                @change="changeRadio($event, 'aswer02', 'check011')"
+                v-model="questionData.aswer02.check011"
+              />A.涓板瘜骞煎効鐢熸椿缁忛獙
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer02.isComplete"
+                value="B"
+                id="1"
+                @change="changeRadio($event, 'aswer02', 'check012')"
+                v-model="questionData.aswer02.check012"
+              />B.纭畾涓婚
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer02.isComplete"
+                value="C"
+                id="1"
+                @change="changeRadio($event, 'aswer02', 'check013')"
+                v-model="questionData.aswer02.check013"
+              />C.鍒嗛厤瑙掕壊
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer02.isComplete"
+                value="D"
+                id="1"
+                @change="changeRadio($event, 'aswer02', 'check014')"
+                v-model="questionData.aswer02.check014"
+              />D.閫傚綋鍙備笌
+            </p>
+            <p v-if="questionData.showAswer02">锛堢瓟妗堬細A锛�</p>
+
+            <div class="btn-group">
+              <div v-if="questionData.aswer02.isComplete">
+                <span class="answerText"
+                  >鎮ㄧ殑绛旀锛歿{ questionData.aswer02.data.join(",") }}</span
+                >
+                <span class="answerText" style="color: #1fbc1f"
+                  >姝g‘绛旀锛欰</span
+                >
+              </div>
+              <div v-else></div>
+              <div>
+                <button
+                  class="btn btn-default"
+                  @click="setBookQuestion('aswer02')"
+                >
+                  鎻愪氦
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="resetAswer('aswer02', 'showAswer02')"
+                >
+                  閲嶅仛
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="lookAnswer('showAswer02')"
+                >
+                  鏌ョ湅绛旀
+                </button>
+              </div>
+            </div>
+            <p>2.缁撳悎瀹炰緥璇存槑缁勭粐骞煎効瑙掕壊娓告垙鐨勬寚瀵兼柟娉曘��</p>
+            <div class="bk-xyx">
+              <textarea
+                rows="6"
+                v-model="questionData.textBybItem22"
+                @change="setBookQuestion"
+              ></textarea>
+            </div>
           </div>
-          <p>2.缁撳悎瀹炰緥璇存槑缁勭粐骞煎効瑙掕壊娓告垙鐨勬寚瀵兼柟娉曘��</p>
           <p>
             鏁欏笀鍦ㄨ瘎浠锋�荤粨娲诲姩涓簲娉ㄦ剰锛氭彁闂互寮�鏀炬�ч棶棰樹负涓伙紝浠ヤ績浣垮辜鍎胯璁鸿瘽棰橈紝骞惰〃杈句笉鍚岃鐐癸紱姣忔娓告垙璇勪环瑕佹湁閲嶇偣锛屽叿浣撱�佸噯纭湴鎸囧骞煎効鐨勯棶棰樻垨琛屼负锛涗互骞煎効璇勪环涓轰富锛屾暀甯堥�傛椂寮曞锛涜瘎浠锋椿鍔ㄨ涓哄辜鍎胯繘琛屼笅涓�娆℃父鎴忔寚鏄庢柟鍚戙��
           </p>
@@ -258,30 +418,62 @@
         <div class="bodystyle">
           <div class="bk">
             <p class="notIndent">鑷繁鐢诲彂鍨嬨�備箣鍚庯紝鈥滅悊鍙戝簵鈥濈敓鎰忓張绾㈢伀璧锋潵銆�</p>
-            <p>璇峰垎鏋愭渚嬩腑鏁欏笀閲囩敤浜嗗摢浜涚瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p>
-            <p><b>銆愬弬鑰冪瓟妗堛��</b></p>
             <p>
-              鏁欏笀鎸囧娓告垙灏遍渶瑕佷粙鍏ュ辜鍎跨殑娓告垙褰撲腑鍘伙紝浠嬪叆鐨勭洰鐨勬槸寮曞骞煎効缁х画娓告垙锛屼績杩涘辜鍎挎父鎴忓悜楂樹竴绾ф按骞冲彂灞曪紝浠庤�屾彁楂樻父鎴忚川閲忥紝淇冭繘骞煎効绀句細鎬у彂灞曘�傚湪杩欎釜妗堜緥涓紝鏁欏笀閲囩敤鐨勬槸澶栭儴骞查鐨勪粙鍏ユ柟寮忔潵鎸囧娓告垙锛屽閮ㄥ共棰勬槸鎸囨垚浜哄苟涓嶇洿鎺ュ弬涓庢父鎴忥紝鑰屾槸浠ヤ竴涓鍦ㄧ殑瑙掕壊寮曞璇存槑銆佸缓璁�侀紦鍔辨父鎴忎腑骞煎効鐨勮涓恒��
+              璇峰垎鏋愭渚嬩腑鏁欏笀閲囩敤浜嗗摢浜涚瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��<button
+                class="btn btn-default"
+                @click="lookAnswer('showAswer03')"
+              >
+                鏄剧ず绛旀
+              </button>
             </p>
-            <p>璇ユ渚嬩腑锛屾潕鑰佸笀閲囩敤浜嗕互涓嬬瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p>
-            <p>锛�1锛夊強鏃跺府鍔╁辜鍎胯褰曚笌鎬荤粨瑙掕壊娓告垙涓殑绐佸嚭鐗圭偣銆�</p>
-            <p>
-              鏉庤�佸笀瑙傚療娓告垙涓瀛愮殑琛ㄧ幇浠ュ強娓告垙涓婚鍙婃潗鏂欑殑浣跨敤鎯呭喌銆傚強鏃惰褰曞瀛愬湪娓告垙涓殑鐗圭偣锛屽府鍔╁辜鍎挎妸鏃犳剰璇嗙殑娓告垙鍙樹负鏈夋剰璇嗙殑瀛︿範杩囩▼銆傚彟澶栵紝杩樺彲浠ヨ骞煎効閫氳繃鍙傝銆佽褰曘�佹彁闂殑鏂瑰紡鍙戠幇闂锛岃嚜宸辨潵鍒朵綔韬烘銆佽嚜宸辩敾鍙戝瀷鏉ュ弬涓庢父鎴忋�傞�氳繃杩欎簺锛屼笉鏂湴鍏呭疄鍜屾繁鍖栧辜鍎跨殑瑙掕壊娓告垙銆�
-            </p>
-            <p>锛�2锛変互浜ゆ祦浣撻獙涓哄獟浠嬨��</p>
-            <p>
-              鏉庤�佸笀寮曞骞煎効鑷彂鍦拌繘琛屼氦娴侊紙骞煎効鍚戠悊鍙戝笀鍜ㄨ闂锛岃褰曞辜鍎跨殑闂锛夛紝绉瀬鍦拌〃杈炬儏鎰燂紝鐩镐簰浣撻獙锛屽叡浜揩涔愶紝鍏辫В闅鹃锛岃繘涓�姝ヤ负骞煎効鎻愪緵琛ㄧ幇鍜屽涔犵殑鏈轰細銆傝嚜鍙戜氦娴佹槸娓告垙鍚屼即闂村鑷繁娓告垙鐨勪氦娴侊紝鑷彂浜ゆ祦鏀瑰彉浜嗚繃鍘讳氦娴佸彧鏄暀甯堝骞煎効鐨勮嚜涓婅�屼笅鐨勭墖闈㈠仛娉曪紝鍑告樉浜嗗辜鍎垮湪鏁翠釜娓告垙杩囩▼鐨勪富浣撳湴浣嶏紝鏇存湁鍒╀簬骞煎効鑷富鐙珛鍒涢�犵殑涓�у拰绀句細鎬т汉鏍兼儏鎰熺殑鍩瑰吇鍙戝睍銆�
-            </p>
+            <div class="bk-xyx">
+              <textarea
+                rows="6"
+                v-model="questionData.textBybItem33"
+                @change="setBookQuestion"
+              ></textarea>
+            </div>
+            <div v-if="questionData.showAswer03">
+              <p><b>銆愬弬鑰冪瓟妗堛��</b></p>
+              <p>
+                鏁欏笀鎸囧娓告垙灏遍渶瑕佷粙鍏ュ辜鍎跨殑娓告垙褰撲腑鍘伙紝浠嬪叆鐨勭洰鐨勬槸寮曞骞煎効缁х画娓告垙锛屼績杩涘辜鍎挎父鎴忓悜楂樹竴绾ф按骞冲彂灞曪紝浠庤�屾彁楂樻父鎴忚川閲忥紝淇冭繘骞煎効绀句細鎬у彂灞曘�傚湪杩欎釜妗堜緥涓紝鏁欏笀閲囩敤鐨勬槸澶栭儴骞查鐨勪粙鍏ユ柟寮忔潵鎸囧娓告垙锛屽閮ㄥ共棰勬槸鎸囨垚浜哄苟涓嶇洿鎺ュ弬涓庢父鎴忥紝鑰屾槸浠ヤ竴涓鍦ㄧ殑瑙掕壊寮曞璇存槑銆佸缓璁�侀紦鍔辨父鎴忎腑骞煎効鐨勮涓恒��
+              </p>
+              <p>璇ユ渚嬩腑锛屾潕鑰佸笀閲囩敤浜嗕互涓嬬瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p>
+              <p>锛�1锛夊強鏃跺府鍔╁辜鍎胯褰曚笌鎬荤粨瑙掕壊娓告垙涓殑绐佸嚭鐗圭偣銆�</p>
+              <p>
+                鏉庤�佸笀瑙傚療娓告垙涓瀛愮殑琛ㄧ幇浠ュ強娓告垙涓婚鍙婃潗鏂欑殑浣跨敤鎯呭喌銆傚強鏃惰褰曞瀛愬湪娓告垙涓殑鐗圭偣锛屽府鍔╁辜鍎挎妸鏃犳剰璇嗙殑娓告垙鍙樹负鏈夋剰璇嗙殑瀛︿範杩囩▼銆傚彟澶栵紝杩樺彲浠ヨ骞煎効閫氳繃鍙傝銆佽褰曘�佹彁闂殑鏂瑰紡鍙戠幇闂锛岃嚜宸辨潵鍒朵綔韬烘銆佽嚜宸辩敾鍙戝瀷鏉ュ弬涓庢父鎴忋�傞�氳繃杩欎簺锛屼笉鏂湴鍏呭疄鍜屾繁鍖栧辜鍎跨殑瑙掕壊娓告垙銆�
+              </p>
+              <p>锛�2锛変互浜ゆ祦浣撻獙涓哄獟浠嬨��</p>
+              <p>
+                鏉庤�佸笀寮曞骞煎効鑷彂鍦拌繘琛屼氦娴侊紙骞煎効鍚戠悊鍙戝笀鍜ㄨ闂锛岃褰曞辜鍎跨殑闂锛夛紝绉瀬鍦拌〃杈炬儏鎰燂紝鐩镐簰浣撻獙锛屽叡浜揩涔愶紝鍏辫В闅鹃锛岃繘涓�姝ヤ负骞煎効鎻愪緵琛ㄧ幇鍜屽涔犵殑鏈轰細銆傝嚜鍙戜氦娴佹槸娓告垙鍚屼即闂村鑷繁娓告垙鐨勪氦娴侊紝鑷彂浜ゆ祦鏀瑰彉浜嗚繃鍘讳氦娴佸彧鏄暀甯堝骞煎効鐨勮嚜涓婅�屼笅鐨勭墖闈㈠仛娉曪紝鍑告樉浜嗗辜鍎垮湪鏁翠釜娓告垙杩囩▼鐨勪富浣撳湴浣嶏紝鏇存湁鍒╀簬骞煎効鑷富鐙珛鍒涢�犵殑涓�у拰绀句細鎬т汉鏍兼儏鎰熺殑鍩瑰吇鍙戝睍銆�
+              </p>
+            </div>
           </div>
           <h4 id="d048">锛堜簩锛夊悇骞撮緞闃舵瑙掕壊娓告垙鐨勭粍缁囦笌鎸囧</h4>
           <p>
             骞煎効骞撮緞涓嶅悓锛岀敓娲荤粡楠屼笉鍚岋紝骞煎効娓告垙灞傛鍜屾按骞充篃鏈夊尯鍒�備緥濡傦紝灏忕彮骞煎効鐨勮鑹叉父鎴忓浠ョ畝鍗曞姩浣滄ā浠夸负涓伙紝涓彮骞煎効鐨勮鑹叉父鎴忎富棰樹赴瀵岋紝澶х彮骞煎効鐨勮鑹叉父鎴忎互鍒涢�犱负涓汇�傛暀甯堥渶瑕佹牴鎹疄闄呮儏鍐碉紝閽堝鍚勫勾榫勭彮鍋氬嚭鐩稿簲鎸囧銆�
           </p>
           <h5 id="e053">1.灏忕彮骞煎効瑙掕壊娓告垙缁勭粐涓庢寚瀵�</h5>
-          <p class="center">
-            <!-- <img class="img-g" alt="" src="../../images/0086-1.jpg" /> -->
-          </p>
-          <p class="img">灏忕彮瑙掕壊娓告垙</p>
+          <!-- <p class="center">
+            <img class="img-g" alt="" src="../../images/0086-1.jpg" />
+          </p> -->
+          <div class="videoBox">
+            <div class="videoItem">
+              <video
+                :src="videoUrl.v31"
+                webkit-playsinline="true"
+                x-webkit-airplay="true"
+                playsinline="true"
+                x5-video-orientation="h5"
+                x5-video-player-fullscreen="true"
+                x5-playsinline=""
+                controls
+                class="video-border w100"
+              ></video>
+              <div class="vname">{{ videoMd5.v31.name }}</div>
+            </div>
+          </div>
+          <!-- <p class="img">灏忕彮瑙掕壊娓告垙</p> -->
           <p>锛�1锛夊皬鐝辜鍎胯鑹叉父鎴忕殑鐗圭偣</p>
           <p>
             灏忕彮骞煎効鐨勬棤鎰忔敞鎰忓崰浼樺娍锛岀洿瑙夎鍔ㄦ�濈淮浠嶇劧鏄富瑕佺殑鎬濈淮鏂瑰紡锛屾墍浠ュ皬鐝辜鍎胯鑹叉父鎴忓鐜╁叿鐨勪緷璧栨�ф渶寮猴紝閫氬父鏄溂鍓嶆湁浠�涔堢帺鍏峰氨閫夋嫨浠�涔堢帺鍏枫�佺帺浠�涔堟父鎴忥紝绂诲紑浜嗙溂鍓嶇殑鐜╁叿锛屾父鎴忎篃灏卞仠姝簡銆傚辜鍎垮鐜╁叿鐨勮繍鐢ㄤ富瑕佹槸渚濇嵁鐜╁叿鐨勫埡婵�鎬х壒鐐癸紝涓嶆槸鑷繁鐪熺殑鍠滄鐜╂煇涓父鎴忋�備篃灏辨槸璇达紝鏄帺鍏峰埡婵�浠栦滑寮�濮嬫父鎴忔椿鍔ㄣ�傚皬鐝辜鍎跨己涔忔父鎴忔椿鍔ㄧ殑鐩殑鎬э紝鍠滄妯′豢锛岀湅鍒板懆鍥翠汉鐜╀粈涔堢帺鍏枫�佸仛浠�涔堟父鎴忥紝灏变細鑸嶅純鑷繁鎵嬩腑鐨勭帺鍏凤紝缁堟娓告垙娲诲姩锛岃浆鑰岃窇鍘荤帺鍜屽埆浜轰竴鏍风殑娓�
@@ -305,6 +497,13 @@
             <p>
               鏍规嵁鍚勫勾榫勭彮娓告垙鐗圭偣鍜屾按骞冲樊寮傦紝璋堣皥濡備綍缁勭粐骞煎効寮�灞曡鑹叉父鎴忋��
             </p>
+            <div class="bk-xyx">
+              <textarea
+                rows="6"
+                v-model="questionData.textBybItem44"
+                @change="setBookQuestion"
+              ></textarea>
+            </div>
           </div>
           <div class="bk">
             <div class="bk1">
@@ -317,11 +516,84 @@
             <p>
               灏忕彮鍚屼竴涓�滃▋濞冨鈥濅腑锛屽父甯稿嚭鐜拌澶氣�滃濡堚�濆湪鐑чキ锛屾瘡浣嶅辜鍎块兘鎰熷埌寰堟弧瓒炽�傝繖鍙嶆槧灏忕彮骞煎効娓告垙琛屼负鐗圭偣鏄紙銆�銆�锛夈��
             </p>
-            <p>A.鍠滄妯′豢</p>
-            <p>B.鍠滄鍚堜綔</p>
-            <p>C.鍗忚皟鑳藉姏宸�</p>
-            <p>D.瑙掕壊鎰忚瘑寮�</p>
-            <p>锛堢瓟妗堬細A锛�</p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer04.isComplete"
+                value="A"
+                id="1"
+                @change="changeRadio($event, 'aswer04', 'check01')"
+                v-model="questionData.aswer04.check01"
+              />A.鍠滄妯′豢
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer04.isComplete"
+                value="B"
+                id="1"
+                @change="changeRadio($event, 'aswer04', 'check02')"
+                v-model="questionData.aswer04.check02"
+              />B.鍠滄鍚堜綔
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer04.isComplete"
+                value="C"
+                id="1"
+                @change="changeRadio($event, 'aswer04', 'check03')"
+                v-model="questionData.aswer04.check03"
+              />C.鍗忚皟鑳藉姏宸�
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball5"
+                :disabled="questionData.aswer04.isComplete"
+                value="D"
+                id="1"
+                @change="changeRadio($event, 'aswer04', 'check04')"
+                v-model="questionData.aswer04.check04"
+              />D.瑙掕壊鎰忚瘑寮�
+            </p>
+            <!-- <p>锛堢瓟妗堬細A锛�</p> -->
+            <p v-if="questionData.showAswer04">锛堢瓟妗堬細A锛�</p>
+
+            <div class="btn-group">
+              <div v-if="questionData.aswer04.isComplete">
+                <span class="answerText"
+                  >鎮ㄧ殑绛旀锛歿{ questionData.aswer04.data.join(",") }}</span
+                >
+                <span class="answerText" style="color: #1fbc1f"
+                  >姝g‘绛旀锛欰</span
+                >
+              </div>
+              <div v-else></div>
+              <div>
+                <button
+                  class="btn btn-default"
+                  @click="setBookQuestion('aswer04')"
+                >
+                  鎻愪氦
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="resetAswer('aswer04', 'showAswer04')"
+                >
+                  閲嶅仛
+                </button>
+                <button
+                  class="btn btn-default"
+                  @click="lookAnswer('showAswer04')"
+                >
+                  鏌ョ湅绛旀
+                </button>
+              </div>
+            </div>
           </div>
           <p>锛�2锛夊皬鐝辜鍎胯鑹叉父鎴忔寚瀵�</p>
           <p>
@@ -337,6 +609,13 @@
             <p>
               灏忕彮鍖哄煙娲诲姩寮�濮嬩簡锛屽皬濞滃拰鍢夌ズ杩呴�熸潵鍒板▋濞冨銆傚皬濞滃綋濡堝锛屽儚寰�甯镐竴鏍风粰濞冨▋鍠傞キ銆佹⒊澶达紱鍢夌ズ鍒欏潗鍦ㄦ矙鍙戜笂鐪嬫墜鏈恒�備袱涓汉娌℃湁浠�涔堜氦娴侊紝鍚勮嚜娌夋蹈鍦ㄨ嚜宸辩殑娲诲姩涓�傛牴鎹互涓婃潗鏂欙紝璇存槑鏁欏笀濡備綍寮曞灏忕彮骞煎効寮�灞曡鑹叉父鎴忋��
             </p>
+            <div class="bk-xyx">
+              <textarea
+                rows="6"
+                v-model="questionData.textBybItem55"
+                @change="setBookQuestion"
+              ></textarea>
+            </div>
           </div>
         </div>
       </div>
@@ -362,9 +641,27 @@
               ><a href="chapter003.html#m6"><sup>[6]</sup></a></b
             >
           </p> -->
-          <p class="center">
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0088-1-1.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0088-1-2.png" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
+          <!-- <p class="center">
             <img class="img-b" alt="" src="../../images/0088-1.jpg" />
-          </p>
+          </p> -->
           <p><b>鍒嗘瀽</b></p>
           <p>
             灏忕彮濞冨▋瀹堕噷锛屽辜鍎跨殑鍒嗗伐杩樿緝鏄庣‘锛屼絾鍗寸己涔忔父鎴忔儏鑺傘�傝櫧鐒跺湪娓告垙鍒嗕韩
@@ -435,14 +732,54 @@
     <div class="page-box" page="79">
       <div v-if="showPageList.indexOf(79) > -1">
         <div class="bodystyle">
-          <p class="center">
-            <img class="img-b" alt="" src="../../images/0091-1.jpg" />
-          </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0091-1-1.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0091-1-2.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0091-1-3.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0091-1-4.png" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
           <h5 id="e055">3.澶х彮骞煎効瑙掕壊娓告垙缁勭粐涓庢寚瀵�</h5>
-          <p class="center">
+          <!-- <p class="center">
             <img class="img-g" alt="" src="../../images/0091-2.jpg" />
-          </p>
-          <p class="img">澶х彮瑙掕壊娓告垙</p>
+          </p> -->
+          <div class="videoBox">
+            <div class="videoItem">
+              <video
+                :src="videoUrl.v32"
+                webkit-playsinline="true"
+                x-webkit-airplay="true"
+                playsinline="true"
+                x5-video-orientation="h5"
+                x5-video-player-fullscreen="true"
+                x5-playsinline=""
+                controls
+                class="video-border w100"
+              ></video>
+              <div class="vname">{{ videoMd5.v32.name }}</div>
+            </div>
+          </div>
           <p>锛�1锛夊ぇ鐝辜鍎胯鑹叉父鎴忕殑鐗圭偣</p>
           <p>
             澶х彮骞煎効鐨勭敓娲荤粡楠屾棩鐩婁赴瀵岋紝瑙掕壊娓告垙姘村钩涔熸棩鐩婃彁楂樸�傛父鎴忎富棰樺箍娉涙柊棰栵紝寰�寰�涓庡辜鍎跨殑绀句細鐢熸椿绱у瘑鑱旂郴锛屽弽鏄犵殑浜洪檯鍏崇郴涔熻緝涓哄鏉傘�傚ぇ鐝辜鍎胯鑹叉父鎴忓浜庡悎浣滄父鎴忛樁娈碉紝鍠滄鍜屽悓浼翠竴璧锋父鎴忥紝鑰屼笖閫氬父鏈夋瘮杈冨浐瀹氱殑鐜╀即銆傛父鎴忕殑鐩殑鎬ц緝寮猴紝鍚堜綔姘村钩楂橈紝浼氬垎閰嶆父鎴忚鑹诧紝骞惰兘杈冨ソ鍦版壆婕旇鑹诧紝娓告垙鎯呰妭涔熸洿涓轰赴瀵屻�傛父鎴忕殑瑙勫垯鎰忚瘑杈冨己锛岃�屼笖瀵硅嚜鎴戞父鎴忔按骞冲拰浠栦汉娓告垙姘村钩鏈変竴瀹氱殑璇勪环鑳藉姏銆�
@@ -480,9 +817,32 @@
           <p>
             鍦ㄧ粍缁囧辜鍎挎父鎴忔椂锛屾暀甯堝線寰�鎬ヤ簬姹傛垚锛屾憜鍑烘父鎴忕殑閬撳叿锛岃瑙e畬娓告垙鐨勮鍒欙紝灏辫骞煎効鑷敱鍦版父鎴忎簡锛岀敱姝ゅ湪娓告垙娲诲姩涓骇鐢熶簡寰堝ぇ鐨勯棶棰橈細骞煎効鐜╂父鎴忔病鏈夋繁搴︼紝瀵规父鎴忎笉鐞嗚В锛屾妸閬撳叿褰撲綔鐜╁叿鐜╋紝绛夌瓑銆傝繖闇�瑕佹暀甯堟妸姣忎竴姝ュ伐浣滃仛缁嗐�佸仛鍒颁綅锛屼粠骞煎効瀵硅鑹茬殑鐞嗚В妯′豢鍒伴亾鍏风殑浣跨敤鍙婃暣涓弬涓庤繃绋嬶紝鏁欏笀閮借鍗佸垎閲嶈骞跺姞浠ュ紩瀵笺�傛娆℃父鎴忓悗锛屾暀甯堜粩缁嗗湴鍚戝辜鍎胯瑙d簡娓告垙瑙勫垯锛岃骞煎効璁ょ湡浣撲細鐥呬汉涓庡尰鐢熺殑琛ㄦ儏銆佸姩浣滅瓑锛屽湪绗簩娆″皬鍖婚櫌娲诲姩涓紝鎯呭喌鏈変簡寰堝ぇ鐨勫ソ杞��
           </p>
-          <p class="center">
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0092-1.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0092-2.png" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/0092-3.png" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
+          <!-- <p class="center">
             <img class="img-b" alt="" src="../../images/0092-1.jpg" />
-          </p>
+          </p> -->
         </div>
       </div>
     </div>
@@ -517,7 +877,38 @@
           <div class="tp-8">
             <p><img class="rwmb-3" alt="" src="../../images/tb-9.png" /></p>
           </div>
-          <p>瑙掕壊娓告垙 娓告垙涓婚 瑙掕壊鎵紨 鍋囨兂</p>
+          <p class="notIndent">1銆佽鑹叉父鎴�</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="1"
+              v-model="questionData.textBybItem61"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
+          <p class="notIndent">2銆佹父鎴忎富棰�</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="1"
+              v-model="questionData.textBybItem62"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
+          <p class="notIndent">3銆佽鑹叉壆婕�</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="1"
+              v-model="questionData.textBybItem63"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
+          <p class="notIndent">4銆佸亣鎯�</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="1"
+              v-model="questionData.textBybItem64"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
         </div>
       </div>
     </div>
@@ -533,34 +924,300 @@
           </div>
           <p><b>涓�銆佺畝绛旈</b></p>
           <p>1.涓句緥璇存槑瑙掕壊娓告垙鐨勭壒鐐广��</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem70"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p>2.瑙掕壊娓告垙瀵瑰辜鍎垮彂灞曠殑鍔熻兘琛ㄧ幇鍦ㄥ摢浜涙柟闈紵</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem71"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p>3.瑙掕壊娓告垙鐢卞摢鍑犻儴鍒嗘瀯鎴愶紵</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem72"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p>4.骞煎効瑙掕壊娓告垙鐨勪竴鑸寚瀵兼柟娉曞寘鎷摢浜涘唴瀹癸紵</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem73"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p><b>浜屻�佽杩伴</b></p>
           <p>缁撳悎鍚勫勾榫勫辜鍎跨殑涓嶅悓鐗圭偣锛岃鏄庡浣曟寚瀵煎辜鍎胯繘琛岃鑹叉父鎴忋��</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem74"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p class="left"><span class="bj4">瀹炶缁冧範</span></p>
           <p>1.瑙傚療璁板綍鏌愪竴骞撮緞鐝辜鍎跨殑瑙掕壊娓告垙浠ュ強鏁欏笀瀵规父鎴忕殑鎸囧鎯呭喌銆�</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem75"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p>2.缁撳悎瑙佷範銆佸疄涔狅紝灏濊瘯鎸囧鏌愪竴骞撮緞鐝殑涓�涓鑹叉父鎴忋��</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem76"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p>3.鐢熸椿涓瀵熶竴骞煎効瑙掕壊娓告垙娲诲姩锛屽苟鍒嗘瀽瑙掕壊娓告垙鐨勭壒鐐广�佹瀯鎴愩��</p>
+          <div class="bk-xyx">
+            <textarea
+              rows="6"
+              v-model="questionData.textBybItem77"
+              @change="setBookQuestion"
+            ></textarea>
+          </div>
           <p class="left1"><b>鎷撳睍缁冧範</b></p>
           <div class="tp-10">
             <p><img class="rwmb-6" alt="" src="../../images/tb-12.png" /></p>
           </div>
           <p>浠ヤ笅涓洪儴鍒嗘暀甯堣祫鏍艰瘉鑰冭瘯绗旇瘯鐪熼鍙婇潰璇曠湡棰橈紝鍙壂鎻忎簩缁寸爜瑙傜湅銆�</p>
-          <p class="center">
+          <!-- <p class="center">
             <img class="img-g" alt="" src="../../images/0094-1.jpg" />
-          </p>
-          <p class="img">绗旇瘯鐪熼</p>
-          <p class="center">
+          </p> -->
+          <div class="questionBox">
+            <div class="titleBox">
+              <span class="title">绗旇瘯鐪熼</span>
+              <img
+                src="../../images/ti-icon.png"
+                @click="openQuestion(1)"
+                alt=""
+              />
+            </div>
+            <div class="questionContent" v-if="questionData.showQuestion01">
+              <div class="q-title">骞煎効鍥暀甯堣祫鏍艰�冭瘯路鐪熼鍐嶇幇</div>
+              <p class="q-tips">2013 骞翠笅鍗婂勾銆婁繚鏁欑煡璇嗕笌鑳藉姏銆嬫椿鍔ㄨ璁¢</p>
+              <p>
+                涓簩鐝辜鍎垮湪濞冨▋瀹舵父鎴忎腑锛屾帴寰呪�滃浜衡�濅富鍔ㄧ儹鎯咃紝涓庨暱杈堜氦寰�寰堟湁绀艰矊锛屽彲瀹堕暱鍗磋锛屽瀛愬湪瀹朵笉鏄繖鏍风殑锛屾湁瀹汉鏉ヤ簡寰堝皯鎵撴嫑鍛硷紝杩樼粡甯稿鐖风埛濂跺ザ鍙戣劸姘斻��
+              </p>
+              <p>
+                璇烽拡瀵逛笂杩板辜鍎胯涓虹殑鍙嶅樊锛岃璁¤В鍐宠繖涓�闂鐨勬柟娉曘��<button
+                  class="btn btn-default"
+                  @click="lookAnswer('showAswer05')"
+                >
+                  鏄剧ず绛旀
+                </button>
+              </p>
+              <p>锛�1锛夊啓鍑洪棶棰樼殑鍘熷洜鍒嗘瀽銆�</p>
+              <div class="bk-xyx">
+                <textarea
+                  rows="6"
+                  v-model="questionData.textBybItem78"
+                  @change="setBookQuestion"
+                ></textarea>
+              </div>
+              <p>锛�2锛夋暀瀛︾洰鏍囥��</p>
+              <div class="bk-xyx">
+                <textarea
+                  rows="6"
+                  v-model="questionData.textBybItem79"
+                  @change="setBookQuestion"
+                ></textarea>
+              </div>
+              <p>锛�3锛夋暀鑲叉寚瀵煎唴瀹广�佹柟娉曘��</p>
+              <div class="bk-xyx">
+                <textarea
+                  rows="6"
+                  v-model="questionData.textBybItem80"
+                  @change="setBookQuestion"
+                ></textarea>
+              </div>
+              <div v-if="questionData.showAswer05" class="questionAswer">
+                <p><b>銆愬弬鑰冪瓟妗堛��</b></p>
+                <p>锛�1锛夊師鍥犲垎鏋愶細</p>
+                <p>
+                  鈶犵敱瀛╁瓙鐨勫績鐞嗙壒鐐规墍鍐冲畾銆傚瀛愬勾骞硷紝鑷帶鑳藉姏宸紝瀵瑰闀挎湁寮虹儓鐨勪緷璧栧績鐞嗐��
+                </p>
+                <p>
+                  鈶$敱瀹堕暱鑷韩鐨勫師鍥犻�犳垚銆傛汉鐖卞瀛愶紝瀵逛粬浠斁鏉捐姹傦紱淇濇姢杩囧锛屽瀛╁瓙鍖呭姙浠f浛锛涙暀鑲叉柟娉曚笉寰楀綋锛涘拷瑙嗕簡瀹跺涵涓庡辜鍎垮洯鏁欒偛鐨勪竴鑷存�с��
+                </p>
+                <p>
+                  鈶㈢敱浜庡辜鍎垮洯鏁欏笀鍦ㄧ浉鍏抽鍩熸椿鍔ㄤ腑娌℃湁鍔犲己骞煎効鍥暀鑲插奖鍝嶇殑涓�鑷存�у拰杩炶疮鎬э紝娆犵己鍜屽闀跨殑娌熼�氬伐浣溿��
+                </p>
+                <p>锛�2锛夋暀瀛︾洰鏍囷細</p>
+                <p>鈶犲湪娓告垙涓紝鍒濇璁よ瘑涓庝汉绀艰矊浜ゅ線鐨勯噸瑕佹�с��</p>
+                <p>
+                  鈶″湪鎵撶數璇濈殑娓告垙涓紝瀛︿範鏃ュ父鐨勭ぜ璨岀敤璇紝鐭ラ亾鍦ㄥ閲屽拰骞煎効鍥簲璇ュ悓鏍锋噦绀艰矊锛屽煿鍏昏壇濂界殑浜洪檯浜ゅ線鑳藉姏鍜屼範鎯��
+                </p>
+                <p>锛�3锛夋暀鑲叉寚瀵煎唴瀹癸細</p>
+                <p>鈶犲璇寸ぜ璨岀敤璇��</p>
+                <p>鈶℃彁楂樹汉闄呬氦寰�鑳藉姏銆�</p>
+                <p>鈶㈠鍥繚鎸佷竴鑷淬��</p>
+                <p style="margin-bottom: 30px">鍏蜂綋娲诲姩璁捐濡備笅銆�</p>
+                <div>
+                  <p class="block" style="text-align: center">
+                    灏忕尨鎵撶數璇濃�斺�斾腑鐝ぞ浼氫氦寰�娲诲姩
+                  </p>
+                  <p class="block-tips">娲诲姩鍑嗗</p>
+                  <p class="block">1锛庣帺鍏峰皬鐚翠竴涓��</p>
+                  <p class="block">2锛庢晠浜嬪姩鐢汇�婂皬鐚存墦鐢佃瘽銆嬨��</p>
+                  <p class="block">3锛庣帺鍏风數璇濆洓鍙般��</p>
+                  <p class="block">4锛庡皬鐚淬�佸皬鐔娿�佸皬楦�佸皬鍏斿ご楗拌嫢骞层��</p>
+                  <p class="block">5锛庢瓕鏇诧細銆婃垜浠粠灏忔湁绀艰矊銆嬨��</p>
+                  <p class="block-tips">娲诲姩杩囩▼</p>
+                  <p class="block">
+                    1.璋堣瘽瀵煎叆锛氬瀛愪滑锛屽钩鏃朵綘浠兘鍠滄鍜岃皝鎵撶數璇濓紵鎵撶數璇濇椂浣犻兘鍜屼粬璇翠簺浠�涔堬紵浣犳槸鎬庢牱璇寸殑锛�
+                  </p>
+                  <p class="block">2.鍑虹ず鐜╁叿灏忕尨锛岃繘鍏ヨ棰樸��</p>
+                  <p class="block">
+                    鏁欏笀锛氫粖澶╋紝灏忕尨璞嗚眴鐗瑰埆楂樺叴锛屽洜涓轰粬鎼柊瀹朵簡锛屼粬瑕佺粰浠栫殑濂芥湅鍙嬫墦鐢佃瘽锛岄個璇蜂粬浠潵瀹堕噷鐜┿�傛垜浠潵鐪嬬湅浠栨槸鎬庢牱鎵撶數璇濈殑銆�
+                  </p>
+                  <p class="block">
+                    锛�1锛夋挱鏀炬晠浜嬪姩鐢汇�婂皬鐚存墦鐢佃瘽銆嬶紝浣垮辜鍎挎劅鐭ユ病绀艰矊鐨勫悗鏋溿��
+                  </p>
+                  <p class="block">
+                    锛�2锛夋暀甯堟彁闂細鈶犲皬鐚撮兘缁欏摢浜涘ソ鏈嬪弸鎵撶數璇濅簡锛熲憽浠栫殑濂芥湅鍙嬫潵浜嗗悧锛熶负浠�涔堟病鏈夋潵锛�
+                  </p>
+                  <p class="block">
+                    锛�3锛夊皬缁擄細灏忕尨璞嗚眴鍦ㄧ數璇濋噷璇磋瘽涓嶇ぜ璨岋紝鎵�浠ユ湅鍙嬩滑閮戒笉鐞嗙潿浠栥��
+                  </p>
+                  <p class="block">
+                    锛�1锛夎繃娓¤锛氬皬浼欎即浠兘涓嶈偗鏉ワ紝灏忕尨璞嗚眴鍙毦杩囦簡锛屼粬澶氭兂璁╀紮浼翠滑鏉ョ帺鍛�銆備簬鏄浜屽ぉ锛屽皬鐚磋眴璞嗗張缁欏皬浼欎即浠墦鐢佃瘽浜嗐�傝繖涓�娆¤�佸笀瑕佽灏忔湅鍙嬩滑鏉ユ暀璞嗚眴鎵撴湁绀艰矊鐨勭數璇濅簡銆傚皬鏈嬪弸浠兂涓�鎯筹紝璇ユ�庢牱鎵撳憿锛�
+                  </p>
+                  <p class="block">
+                    锛�2锛夋暀甯堢ず鑼冩父鎴忥細鏁欏笀鎴村皬鐚村ご楗帮紝鐢ㄧぜ璨岀敤璇粰灏忕唺鎵撶數璇濓紙璁╅厤鐝暀甯堝綋灏忕唺鎴村皬鐔婂ご楗帮級锛堚�滃杺锛佹偍濂斤紝鎮ㄦ槸灏忕唺鍚楋紵璇峰埌鎴戝鏉ョ帺锛屽ソ鍚楋紵鈥濃�滃ソ鐨勶紝璋㈣阿鎮ㄣ�傚啀瑙併�傗�濓級
+                  </p>
+                  <p class="block">
+                    锛�3锛夋暀甯堣涓埆骞煎効妯′豢娓告垙锛氳涓ゅ悕骞煎効鑷敱閫夋嫨褰撳皬鐚村拰灏忛腑锛岀敤绀艰矊璇墦鐢佃瘽銆傦紙娓告垙杩涜鑻ュ共娆★紝璁╁辜鍎块兘鑳界敤绀艰矊鐢ㄨ鎺ユ墦鐢佃瘽銆傦級
+                  </p>
+                  <p class="block">
+                    锛�4锛夊垎缁勬父鎴忥細鍏ㄧ彮骞煎効鍒嗘垚鍥涚粍锛屾瘡缁勬湁涓�鍙扮數璇濄�佷竴涓皬鐚寸殑澶撮グ鍜岃嫢骞蹭釜灏忕唺銆佸皬楦�佸皬鍏旂殑澶撮グ銆傛瘡娆℃瘡缁勬湁涓�浣嶆壆婕斿皬鐚寸殑灏忔湅鍙嬫墦鐢佃瘽锛屾墦缁欒皝灏辩敱璋佹帴鐢佃瘽锛屾暀甯堝贰鍥炴寚瀵笺��
+                  </p>
+                  <p class="block">
+                    4.鎻愰棶璁ㄨ锛氬皬鏈嬪弸锛屼綘浠府灏忕尨璞嗚眴鍙樺緱鏈夌ぜ璨屼簡锛屼綘浠嚜宸卞湪骞煎効鍥�佸湪瀹堕噷璇ユ�庢牱鍋氭湁绀艰矊鐨勫瀛愬憿锛燂紙骞煎効鍙戣█锛屾暀甯堢粰浜堥紦鍔憋級
+                  </p>
+                  <p class="block">5.鍚彂鎻愰棶锛�</p>
+                  <p class="block">
+                    锛�1)灏忔湅鍙嬩笂骞煎効鍥椂锛岃浜嗚�佸笀璇ユ�庝箞璇达紵鍜屽濡堝垎鎵嬫椂璇ユ�庝箞璇达紵
+                  </p>
+                  <p class="block">
+                    锛�2锛夊钩鏃跺湪閬囧埌鐔熸倝鐨勯暱杈堟椂锛屼綘璇ユ�庢牱鍋氾紵鎬庢牱璇达紵
+                  </p>
+                  <p class="block">锛�3锛夊綋灏忔湅鍙嬪府鍔╀簡浣犳椂锛屼綘璇ユ�庢牱璇达紵</p>
+                  <p class="block">
+                    锛�4锛夊綋浣犱笉灏忓績纰扮柤浜嗘湅鍙嬫椂锛屼綘璇ユ�庢牱璇达紵濡傛灉鏈嬪弸纰颁簡浣犳椂,浣犲張璇ユ�庢牱璇村憿锛�
+                  </p>
+                  <p class="block">6.闊充箰娆h祻锛氭瓕鏇层�婃垜浠粠灏忔湁绀艰矊銆嬨��</p>
+                  <p class="block">7.娲诲姩寤朵几銆�</p>
+                  <p class="block">
+                    鍦ㄥ閲岋紝瀹堕暱鎸囧骞煎効鐢ㄧぜ璨岀敤璇粰浜蹭汉鍜屾湅鍙嬫墦鐢佃瘽銆�
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- <p class="center">
             <img class="img-g" alt="" src="../../images/0094-2.jpg" />
-          </p>
-          <p class="img">闈㈣瘯鐪熼</p>
+          </p> -->
+          <div class="questionBox">
+            <div class="titleBox">
+              <span class="title">闈㈣瘯鐪熼</span>
+              <img
+                src="../../images/ti-icon.png"
+                @click="openQuestion(2)"
+                alt=""
+              />
+            </div>
+            <div class="questionContent" v-if="questionData.showQuestion02">
+              <div class="q-tips">闈㈣瘯璁粌钀�</div>
+              <p class="block-ms-tips">闈㈣瘯鐪熼 1</p>
+              <p>1.棰樼洰锛氳鎬庝箞浠橀挶銆�</p>
+              <p>
+                2.鍐呭锛氭暀甯堜负澶х彮鐨勮秴甯傛父鎴忔彁渚涗簡鑷埗鐨勯挶锛�1 鍏冦��2 鍏冦��5
+                鍏冪瓑锛夛紝骞朵负姣忎欢鍟嗗搧鏍囦笂浜嗕环閽憋紝鎯宠骞煎効鍦ㄤ拱鍗栨父鎴忎腑杩愮敤鎵�瀛︾殑鏁欏鐭ヨ瘑銆傚彲濂瑰嵈鍙戠幇骞煎効鍦ㄦ父鎴忕殑鏃跺�欙紝浠嶉殢渚夸粯閽憋紝鏀堕摱鍛樹篃闅忎究鏀堕挶銆�
+              </p>
+              <p>3.鍩烘湰瑕佹眰锛�</p>
+              <p>
+                锛�1锛夊洖绛旈棶棰橈細鏁欏笀鍙互鎬庢牱寮曞骞煎効鍒╃敤閽卞竵鐜╄秴甯傛父鎴忥紵璇锋兂鍑轰袱绉嶆柟娉曘��
+              </p>
+              <p>锛�2锛夋ā鎷熸紨绀猴細</p>
+              <p>鈶犳暀甯堜粙鍏ユ寚瀵煎辜鍎夸娇鐢ㄩ挶甯佺帺娓告垙鐨勪竴绉嶆柟娉曘��</p>
+              <p>鈶¤姹傝瑷�娓呮櫚锛岃璋冩煍鍜岋紝渚夸簬骞煎効鎺ュ彈銆�</p>
+              <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p>
+              <p class="block-ms-tips">闈㈣瘯鐪熼 2</p>
+              <p>1.棰樼洰锛氬尰闄㈡父鎴忋��</p>
+              <p>
+                2.鍐呭锛氬ぇ鐝父鎴忓紑濮嬩簡锛屽尰闄㈤噷寰堝鐥呬汉锛屽ぇ瀹跺惖鍚甸椆闂癸紝褰卞搷浜嗗叾浠栧辜鍎挎父鎴忋�傛暀甯堢湅鍒颁互鍚庯紝澶у0璁枼閬擄細鈥滀綘浠惉鍚綘浠殑澹伴煶锛屽埆浜鸿繕鑳芥父鎴忓悧锛熲�濇帴鐫�骞煎効绾风悍绂诲紑浜嗘父鎴忋��
+              </p>
+              <p>
+                3.鍩烘湰瑕佹眰锛氾紙1锛夊洖绛旈棶棰橈細浣犳槸鍚﹁禐鍚屾渚嬩腑鏁欏笀瑙e喅骞煎効鍚甸椆鐨勬柟娉曪紵涓轰粈涔堬紵
+              </p>
+              <p>锛�2锛夋ā鎷熸紨绀猴細</p>
+              <p>鈶犱綘濡備綍澶勭悊涓婇潰杩欎釜鍖婚櫌娓告垙涓嚭鐜扮殑闂锛岃婕旂ず浣犵殑鏂规硶銆�</p>
+              <p>鈶¤姹傝姘斾翰鍒囪嚜鐒讹紝琛ㄨ揪鏄庣櫧鏄撴噦锛屾槗浜庡辜鍎跨悊瑙c��</p>
+              <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p>
+              <p class="block-ms-tips">闈㈣瘯鐪熼 3</p>
+              <p>1.棰樼洰锛氭枒椹嚎銆�</p>
+              <p>
+                2.鍐呭锛氫腑鐝笅瀛︽湡瑙掕壊娓告垙锛屾垚鎴愬綋鍙告満锛屽彂鐜版病鏈夋枒椹嚎锛屽氨瑁佷簡涓�浜涚焊鏉★紝涓�鏉℃潯绮樺湪鍦颁笂褰撴枒椹嚎锛屼粬瀵瑰懆鍥寸殑骞煎効璇达細鈥滆浜鸿繃椹矾鍙兘璧版枒椹嚎鈥濓紝鍙槸娌′汉鐞嗕粬锛屽ぇ瀹惰繕鏄殢鎰忚蛋鏉ヨ蛋鍘荤殑銆備竴浼氬効锛屾枒椹嚎灏变贡浜嗭紝浠栧緢鐫�鎬モ�︹��
+              </p>
+              <p>
+                3.鍩烘湰瑕佹眰锛氾紙1锛夊洖绛旈棶棰橈細濡傛灉浣犳槸鑰佸笀锛岄亣鍒拌繖绉嶆儏鍐典綘浼氭�庝箞鍔�?璇峰垪涓句袱绉嶆柟娉曘��
+              </p>
+              <p>锛�2锛夋ā鎷熸紨绀猴細</p>
+              <p>鈶犺閫夊彇涓�绉嶆柟娉曪紝妯℃嫙婕旂ず浠嬪叆娓告垙鎸囧銆�</p>
+              <p>鈶¤鍑轰綘閲囩敤杩欑鏂规硶鐨勭悊鐢便��</p>
+              <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p>
+              <p>
+                锛�4锛夊洖绛旈棶棰橈細濡傛灉浣犳槸鑰佸笀锛岄亣鍒拌繖绉嶆儏鍐典綘浼氭�庝箞鍔�?璇峰垪涓句袱绉嶆柟娉曘��
+              </p>
+              <p class="block-ms-tips">闈㈣瘯鐪熼 4</p>
+              <p>1.棰樼洰锛氭病浜虹帺銆�</p>
+              <p>
+                2.鍐呭锛氳鑹叉父鎴忕殑鏃跺�欙紝鏁欏笀鍙戠幇涓彮鐨勫尰闄㈡病鏈変汉鐜╋紝瓒呭競涔熸病鏈夎惀涓氬憳锛屽ぇ瀹堕兘鎷ユ尋鍒颁簡濞冨▋瀹跺拰楗搴楅噷浜嗐��
+              </p>
+              <p>3.鍩烘湰瑕佹眰锛�</p>
+              <p>
+                锛�1锛夊洖绛旈棶棰橈細閬囧埌杩欑鎯呭喌锛屾暀甯堣濡備綍鎸囧锛熻璇村嚭 3 绉嶆柟娉曘��
+              </p>
+              <p>锛�2锛夋ā鎷熸紨绀猴細</p>
+              <p>飩佹ā鎷熸紨绀轰竴绉嶆柟娉曪紝瀵逛笂杩版父鎴忚繘琛屾寚瀵笺��</p>
+              <p>飩傝姹傝瑷�娓呮櫚锛岃涔夋槑浜嗐��</p>
+              <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p>
+              <p class="block-ms-tips">闈㈣瘯鐪熼 5</p>
+              <p>1.棰樼洰锛氳皝涔熶笉璁よ瘑璋併��</p>
+              <p>
+                2.鍐呭锛氬皬鐝▋濞冨銆傛娆f蹇欑潃缁欏▋濞冪┛琛f湇锛屼笢涓滃繖鐫�鐓キ锛屽畞瀹佸憜鍛嗗湴鍧愬湪娌欏彂涓娿�傝�佸笀璧拌繃鍘婚棶娆f锛氫綘鏄皝鍛�锛熸娆g瓟锛氭垜鏄濡堛�傝�佸笀鍙堥棶锛氶偅浠栦滑涓や釜鏄皝鍛�锛熸娆f憞鎽囧ご锛岃涓嶇煡閬撱�傝�佸笀鍙堥棶娌欏彂涓婄殑瀹佸畞锛屼綘鐭ラ亾浠栦滑鏄▋濞冨鐨勪粈涔堜汉鍚楋紵瀹佸畞涔熸憞鎽囧ご琛ㄧず涓嶇煡閬撱��
+              </p>
+              <p>3.鍩烘湰瑕佹眰锛�</p>
+              <p>锛�1锛夊洖绛旈棶棰橈細</p>
+              <p>飩佹渚嬪弽鏄犱簡骞煎効浠�涔堟牱鐨勬父鎴忔按骞筹紵</p>
+              <p>飩傞亣鍒拌繖鏍风殑鎯呭喌锛屼綘浼氭�庝箞鎸囧锛�</p>
+              <p>锛�2锛夋ā鎷熸紨绀猴細</p>
+              <p>飩佷粙鍏ユ寚瀵煎辜鍎挎父鎴忥紝璁╁辜鍎夸簰鐩镐簡瑙f墍鎵紨鐨勮鑹层��</p>
+              <p>飩傝姹傝璋冩煍鍜岋紝璇皵鑷劧銆�</p>
+              <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p>
+            </div>
+          </div>
         </div>
       </div>
     </div>
   </div>
 </template>
 <script>
+import { getResourcePath } from "@/assets/methods/resources";
 export default {
   name: "chapter002",
   props: {
@@ -568,5 +1225,99 @@
       type: Array,
     },
   },
+  data() {
+    return {
+      questionData: {
+        isComplete: false,
+        showAswer01: false,
+        showAswer02: false,
+        showAswer03: false,
+        showAswer04: false,
+        showAswer05: false,
+        aswer01: {
+          data: [],
+        },
+        aswer02: {
+          data: [],
+        },
+        aswer04: {
+          data: [],
+        },
+        showQuestion01: true,
+        showQuestion02: true,
+      },
+      videoUrl: {},
+      videoMd5: {
+        v31: {
+          md5: "faaf41f2f32e31511eb9cb7f576a66fb",
+          name: "灏忕彮瑙掕壊娓告垙",
+        },
+        v32: {
+          md5: "1dbc323ca1b6879e4294da0c4d660767",
+          name: "澶х彮瑙掕壊娓告垙",
+        },
+      },
+    };
+  },
+  created() {
+    const bookQuestion = localStorage.getItem(
+      "preschoolGameGuidance-book-chapter01"
+    );
+    if (bookQuestion) {
+      this.questionData = JSON.parse(bookQuestion);
+    }
+  },
+  methods: {
+    async getVideo(md5, val) {
+      const data = await getResourcePath(md5);
+      this.videoUrl[val] = data;
+    },
+    setBookQuestion(val) {
+      if (val) {
+        this.questionData[val].isComplete = true;
+      }
+      localStorage.setItem(
+        "preschoolGameGuidance-book-chapter01",
+        JSON.stringify(this.questionData)
+      );
+
+      const bookQuestion = localStorage.getItem(
+        "preschoolGameGuidance-book-chapter01"
+      );
+      if (bookQuestion) {
+        this.questionData = JSON.parse(bookQuestion);
+      }
+    },
+    lookAnswer(val) {
+      this.questionData[val] = !this.questionData[val];
+      console.log(this.questionData);
+    },
+    resetAswer(val1, val2) {
+      this.questionData[val1] = {};
+      this.questionData[val2] = false;
+      this.questionData[val1].isComplete = false;
+      this.questionData[val1].data = [];
+    },
+    openQuestion(val) {
+      this.questionData["showQuestion0" + val] =
+        !this.questionData["showQuestion0" + val];
+    },
+    changeRadio(e, val, val2) {
+      this.questionData[val][val2] = e.target.checked;
+      if (this.questionData[val][val2]) {
+        this.questionData[val].data.push(e.target.value);
+      } else {
+        const str = e.target.value;
+        this.questionData[val].data = this.questionData[val].data.filter(
+          (item) => item !== str
+        );
+      }
+    },
+  },
+  mounted() {
+    for (let key in this.videoMd5) {
+      this.getVideo(this.videoMd5[key].md5, key);
+    }
+  },
 };
 </script>

--
Gitblit v1.9.1