From 97eb39caf61e8ea8f70776af267f6deed51720fe Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 28 七月 2025 09:43:39 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue |  669 +++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 593 insertions(+), 76 deletions(-)

diff --git a/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue b/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
index d0909f7..aeaa5b4 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/chapter002.vue
@@ -21,7 +21,7 @@
           </div>
           <p class="center mt-20"><b>妗堜緥锛氬疂瀹濊剸瀛愬彂绾€�佹湁鑷懗鏄�庝箞鍥炰簨锛�</b></p>
           <div class="img-rights w200 mb-20 openImgBox">
-            <p class="center"><img class="img-0" alt="" src="../../assets/images/0032-1.jpg" /></p>
+            <p class="center"><img class="img-0" src="../../assets/images/0032-1.jpg" alt="鍥�2-1 鈥滄饭浜嗏�濈殑濠村効鐨偆" /></p>
             <p class="img">鍥�2-1 鈥滄饭浜嗏�濈殑濠村効鐨偆</p>
           </div>
           <span>
@@ -164,18 +164,19 @@
 
           <div class="bk2">
             <p class="center"><b>骞煎効鏁欏笀璧勬牸鑰冭瘯路鐪熼鍐嶇幇</b></p>
-            <ul class='mr-0' v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
+            <p>2014骞翠笂娴锋暀甯堣祫鏍艰�冭瘯銆婁繚鏁欑煡璇嗕笌鑳藉姏銆嬶紙骞煎効鍥級妯℃嫙棰橈細</p>
+            <ul class='mr-0' v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
               <li>
-                {{ item.txt }}銆�
+                锛坽{ index + 1 }}锛�.{{ item.txt }}銆�
               </li>
               <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                 <label>
-                  <input type="radio" :disabled="exampleTwo.isComplete" :name="item.txt" :value="citem.value"
-                    v-model="item.userAnswer" @change="saveExampleTwo" />
+                  <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt" :value="citem.value"
+                    v-model="item.userAnswer" @change="saveExampleOne" />
                   <span>{{ citem.value }}.{{ citem.txt }}</span>
                 </label>
               </li>
-              <li v-if="exampleTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+              <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                 <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                 <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                   item.userAnswer
@@ -197,42 +198,30 @@
                   </svg>
                 </span>
               </li>
+              <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5">
+                {{ item.answerTitle }}
+              </li>
             </ul>
             <!-- 鎻愪氦鎸夐挳 -->
             <div class="w100 fl ju-cn">
               <ul class="fl ju-ev w80 choice">
                 <li>
-                  <button class="btn-border btn-w" @click="goExampleTwo">
+                  <button class="btn-border btn-w" @click="goExampleOne">
                     鎻愪氦
                   </button>
                 </li>
                 <li>
-                  <button @click="changeExampleTwo" class="btn-border btn-w">
+                  <button @click="changeExampleOne" class="btn-border btn-w">
                     閲嶅仛
                   </button>
                 </li>
                 <li>
-                  <button @click="exampleTwo.isShowAnswer = !exampleTwo.isShowAnswer" class="parimary-btn">
+                  <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer" class="parimary-btn">
                     鏌ョ湅绛旀
                   </button>
                 </li>
               </ul>
             </div>
-            <p>2014骞翠笂娴锋暀甯堣祫鏍艰�冭瘯銆婁繚鏁欑煡璇嗕笌鑳藉姏銆嬶紙骞煎効鍥級妯℃嫙棰橈細</p>
-            <p>锛�1锛変笅鍒楀摢绉嶇幇璞¤兘琛ㄦ槑鏂扮敓鍎跨殑瑙嗗惉鍗忚皟锛堛��銆�锛�</p>
-            <p>A.鏈変簺濠村効鍚埌闊充箰浼氶湶鍑虹瑧瀹�</p>
-            <p>B.鍚埌宸ㄥぇ鐨勫0鍝嶏紝濠村効浼氱灙澶х溂鐫�</p>
-            <p>C.濠村効鍚埌姣嶄翰鍙�滃疂瀹濃�濆氨浼氬幓鎵惧濡�</p>
-            <p>D.濠村効鐪嬪埌澶т汉閫椾粬璇磋瘽锛屼細涓�璺充竴璺宠〃鐜板嚭蹇箰鐨勬牱瀛�</p>
-            <p>绛旀锛欳</p>
-            <p>瑙f瀽锛氬┐鍎垮惉鍒版瘝浜插彨瀹濆疂锛岃〃鐜颁簡鍚锛屽氨浼氬幓鎵惧濡堬紝涓庤瑙夋湁鍏炽��</p>
-            <p>锛�2锛夊効绔ュ嚭鐢熷悗灏卞嚭鐜颁簡娉ㄦ剰鐜拌薄锛岃繖瀹炶川鏄竴绉嶏紙銆�銆�锛�</p>
-            <p>A.閫夋嫨鎬ф敞鎰�</p>
-            <p>B.鏈夋剰娉ㄦ剰</p>
-            <p>C.瀹氬悜鎬ф敞鎰�</p>
-            <p>D.闅忔剰娉ㄦ剰</p>
-            <p>绛旀锛欳</p>
-            <p>瑙f瀽锛氬畾鍚戞�ф敞鎰忓湪鏂扮敓鍎挎湡鍑虹幇锛屽┐鍎挎湡杈冩槑鏄俱�傝繖鏄湰鑳界殑鏃犳潯浠跺弽灏勩��</p>
           </div>
         </div>
         <ul class="fl al-fe footer-left">
@@ -246,9 +235,32 @@
       <div v-if="showPageList.indexOf(34) > -1">
         <div class="bodystyle">
           <h5 id="e034">4.鎶撴彙鍙嶅皠</h5>
-          <p>
-            鎶撴彙鍙嶅皠鍙堢О涓烘彙鎸佸弽灏勩�傚皢椋熸寚鏀惧湪鏂扮敓鍎挎帉蹇冿紝鑳界珛鍗虫劅鍒版墜鎸囪濠村効鏀ョ揣锛屾姄鎻$殑鍔涢噺涔嬪ぇ锛岃冻浠ユ壙鍙楀┐鍎跨殑浣撻噸銆傚鍊熸灏嗗┐鍎挎彁鍗囧湪绌轰腑鍙仠鐣欏嚑绉掞紝灏卞儚浜虹被鐨勭鍏堝湪妫灄涓偓鍚婂湪鏍戞灊涓婁竴鏍枫�傛姄鎻″弽灏�3锝�4涓湀鏃舵秷澶憋紝琚嚜涓绘姄鎻″彇浠c��
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[1].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[1].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[1].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[1].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[1])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>
+              鎶撴彙鍙嶅皠鍙堢О涓烘彙鎸佸弽灏勩�傚皢椋熸寚鏀惧湪鏂扮敓鍎挎帉蹇冿紝鑳界珛鍗虫劅鍒版墜鎸囪濠村効鏀ョ揣锛屾姄鎻$殑鍔涢噺涔嬪ぇ锛岃冻浠ユ壙鍙楀┐鍎跨殑浣撻噸銆傚鍊熸灏嗗┐鍎挎彁鍗囧湪绌轰腑鍙仠鐣欏嚑绉掞紝灏卞儚浜虹被鐨勭鍏堝湪妫灄涓偓鍚婂湪鏍戞灊涓婁竴鏍枫�傛姄鎻″弽灏�3锝�4涓湀鏃舵秷澶憋紝琚嚜涓绘姄鎻″彇浠c��
+            </p>
+          </span>
           <h5 id="e035">5.鍚惛鍙嶅皠</h5>
           <p>褰撶敤涔冲ご鎴栨墜鎸囪Е纰版柊鐢熷効鐨勫槾鍞囨椂锛屼粬鐨勫槾绔嬪嵆灏变細鍑虹幇鍢村攪鍙婅垖鐨勫惛鍚爼鍔ㄣ��4锝�7涓湀鏃惰嚜琛屾秷澶憋紝閫愭笎琚富鍔ㄧ殑杩涢鍔ㄤ綔鎵�浠f浛銆傝嫢鏂扮敓鍎挎湡鍚稿惍鍙嶅皠娑堝け鎴栨槑鏄惧噺寮憋紝鎻愮ず鑴戝唴鐥呭彉锛涜嫢浜㈣繘鍒欒〃绀洪ゥ楗裤��</p>
           <p>鍏堝ぉ鍙嶅皠闄や笂杩�5绉嶅锛岃繕鏈夎椋熷弽灏勩�佹嫢鎶卞弽灏勭瓑銆傝繖浜涘厛澶╁弽灏勯兘鑳藉府鍔╂柊鐢熷効閫傚簲鍛ㄥ洿鐜銆佹憚鍙栭鐗┿�佷繚鎶よ嚜宸便��</p>
@@ -259,8 +271,8 @@
           <h3 id="c022"><span class="h3-zt">涓夈��</span>鏂扮敓鍎跨殑鍋ュ悍鏍囧噯</h3>
           <p>涓撳浠粡杩囩爺绌跺悗璁や负锛屽仴搴风殑鏂扮敓鍎匡紝搴斿湪鍟煎摥銆佽剦鎼忋�佷綋閲嶃�佽儙渚裤�佹帓灏裤�佽偆鑹层�佸厛澶╁弽灏勩�佽鍚瓑鏂归潰鍏锋湁琛�2-1鎻忚堪鐨勭壒寰併��</p>
           <p class="img">琛�2-1 鏂扮敓鍎跨殑鍋ュ悍鏍囧噯</p>
-          <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0037-2-1.png" /></p>
-
+          <p class="center openImgBox"><img class="img-0" alt="琛�2-1 鏂扮敓鍎跨殑鍋ュ悍鏍囧噯" src="../../assets/images/0037-2-1.png" />
+          </p>
         </div>
         <ul class="fl al-fe jc-fe footer-right">
           <li class="footerText">绗簩鍗曞厓</li>
@@ -274,7 +286,8 @@
       <div v-if="showPageList.indexOf(35) > -1">
         <div class="bodystyle">
           <p class="continued fz-14">缁〃</p>
-          <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0037-2-2.png" /></p>
+          <p class="center openImgBox"><img class="img-0" alt="琛�2-1 鏂扮敓鍎跨殑鍋ュ悍鏍囧噯" src="../../assets/images/0037-2-2.png" />
+          </p>
           <div class="bk-1">
             <div class="bk-2">
               <p><span class="bj2">鐩稿叧閾炬帴</span></p>
@@ -308,7 +321,30 @@
           <h2 id="b006"><span class="h2-zt">绗簩璇�</span><span class="h2-zt1">鏂扮敓鍎跨殑甯歌鐘舵�佸拰鐜拌薄</span></h2>
           <p>鏂扮敓鍎垮嚭鐢熷悗鏈�鍒濆嚑澶╋紝甯稿父浼氬嚭鐜颁竴浜涙柊鐢熷効鏈熸墍鐗规湁鐨勭敓鐞嗙姸鎬侊紝鎴戜滑瀵规搴斿綋鏈夋墍璁よ瘑锛屼互鍏嶈璁や负鏄梾鎬佽�岄噰鍙栦笉蹇呰鐨勬帾鏂斤紝鍙嶈�屽奖鍝嶆柊鐢熷効鐨勫仴搴枫�傚綋鐒讹紝涔熻杈ㄨ瘑鏂扮敓鍎跨殑寮傚父鐜拌薄锛屼互渚垮強鏃惰瘖娌汇��</p>
           <h3 id="c023"><span class="h3-zt">涓�銆�</span>鏂扮敓鍎跨殑甯歌鐘舵��</h3>
-          <p>姣忎釜鏂扮敓鍎垮湪姣忓ぉ閮界粡鍘嗗畨闈欒閱掋�佹椿鍔ㄨ閱掋�佸摥涓夌瑙夐啋鐘舵�侊紝鐬岀潯鐘舵�侊紙浠嬩簬鐫″拰閱掍箣闂寸殑杩囨浮鐘舵�侊級锛屼互鍙婂畨闈欑潯鐪狅紙娣辩潯鐪狅級銆佹椿鍔ㄧ潯鐪狅紙娴呯潯鐪狅級涓ょ鐫$湢鐘舵�併�傚惊鐜線澶嶏紝闈炲父鏈夎寰嬨��</p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[2].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[2].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[2].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[2].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[2])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>姣忎釜鏂扮敓鍎垮湪姣忓ぉ閮界粡鍘嗗畨闈欒閱掋�佹椿鍔ㄨ閱掋�佸摥涓夌瑙夐啋鐘舵�侊紝鐬岀潯鐘舵�侊紙浠嬩簬鐫″拰閱掍箣闂寸殑杩囨浮鐘舵�侊級锛屼互鍙婂畨闈欑潯鐪狅紙娣辩潯鐪狅級銆佹椿鍔ㄧ潯鐪狅紙娴呯潯鐪狅級涓ょ鐫$湢鐘舵�併�傚惊鐜線澶嶏紝闈炲父鏈夎寰嬨��</p>
+          </span>
           <h4 id="d029">锛堜竴锛夊畨闈欒閱�</h4>
           <p>鏂扮敓鍎垮叏澶╄閱掓椂闂翠负3锝�4灏忔椂锛屼細鐫佺溂鏁板垎閽熻嚦1灏忔椂锛屼絾鍑虹敓鍚庣1鍛ㄥ唴瀹夐潤瑙夐啋鐘舵�佺害鍗犱竴澶╂椂闂寸殑10%锛屾椂闂村緢鐭�傝閱掓椂锛岀溂鐫涚潄寰楀ぇ澶х殑锛屼絾寰堝畨闈欙紝涔熷緢灏戞椿鍔ㄣ��</p>
           <h4 id="d030">锛堜簩锛夋椿鍔ㄨ閱�</h4>
@@ -338,8 +374,31 @@
           <h4 id="d034">锛堝叚锛夋椿鍔ㄧ潯鐪�</h4>
           <p>娲诲姩鐫$湢鐘舵�佹槸鎸囨柊鐢熷効鍦ㄧ潯鐪犳椂锛岀溂閫氬父鏄棴鍚堢殑锛屼絾鍋剁劧鐭殏鍦扮潄涓�涓嬶紝鐪肩潙鏈夋椂棰ゅ姩锛岀粡甯稿彲瑙佸埌鐪肩悆鍦ㄧ溂鐫戜笅蹇�熻繍鍔紝杩欏睘浜庢祬鐫$湢銆�</p>
           <h3 id="c024"><span class="h3-zt">浜屻��</span>鏂扮敓鍎跨殑甯歌鐜拌薄</h3>
-          <h4 id="d035">锛堜竴锛夋甯哥殑鐢熺悊鐜拌薄</h4>
-          <p>鏂扮敓鍎垮嚭鐢熷悗浼氭湁鐢熺悊鎬т綋閲嶄笅闄嶃�佸ぇ渚块粦鑹层�佽偄浣撳嵎鏇插拰鍥涜偄涓嶈兘浼哥洿绛夌幇璞★紝杩欓兘鏄甯哥殑鐢熺悊鐜拌薄锛堝琛�2-3鎵�绀猴級銆�</p>
+          <div class="img-rights-video w395">
+            <div class="video-box mr-0">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[3].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[3].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[3].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[3].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[3])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <h4 id="d035" class="mt-20">锛堜竴锛夋甯哥殑鐢熺悊鐜拌薄</h4>
+            <p class="mt-20">鏂扮敓鍎垮嚭鐢熷悗浼氭湁鐢熺悊鎬т綋閲嶄笅闄嶃�佸ぇ渚块粦鑹层�佽偄浣撳嵎鏇插拰鍥涜偄涓嶈兘浼哥洿绛夌幇璞★紝杩欓兘鏄甯哥殑鐢熺悊鐜拌薄锛堝琛�2-3鎵�绀猴級銆�</p>
+          </span>
           <p class="img">琛�2-3 鏂扮敓鍎挎甯哥殑鐢熺悊鐜拌薄</p>
           <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0040-2-1.png" /></p>
         </div>
@@ -561,9 +620,32 @@
           <p>姣嶄钩鍠傚吇鍙互淇冭繘浜у瀛愬鎭㈠锛屽噺灏戜骇鍚庡嚭琛�锛屾湁鍒╀簬浜у韬綋鍋ュ悍銆傜敱浜庝骇濡囨硨涔筹紝姣忓ぉ娑堣�楁洿澶氱殑鐑噺锛屾湁鍒╀簬浜у浣撳瀷鎭㈠銆傚悓鏃讹紝姣嶅瓙浜插瘑鎺ヨЕ涔熶娇姣嶄翰鐨勫績鐞嗗緱鍒版瀬澶х殑婊¤冻銆�</p>
           <h4 id="d044">锛堝洓锛夋瘝涔冲杺鍏荤殑鏂规硶</h4>
           <h5 id="e056">1.鏃╁紑濂�</h5>
-          <p>
-            鏃╁紑濂舵槸鎸囨柊鐢熷効鐢熶笅鏉ュ氨鏈夊惍鍚稿弽灏勶紝瓒婃棭鍠傚摵瓒婅兘鍒烘縺娉屼钩銆備骇濡囩敓鍚�4锝�8灏忔椂鍗冲彲寮�濮嬪杺濂讹紝鎻愭棭鍝轰钩涓嶄粎鏈夌泭浜庢柊鐢熷効鐨勮惀鍏讳緵缁欙紝鑰屼笖鑳戒績杩涗骇濡囨硨涔炽�傚簲娉ㄦ剰姝g‘鐨勫杺濂跺Э鍔匡紝涓�鑸噰鐢ㄥ潗濮垮杺濂讹紝濡傛憞绡紡鍝轰钩銆佷氦鍙夊紡鍝轰钩銆佹﹦姒勭悆寮忓摵涔炽�備篃鍙噰鐢ㄤ晶鍗у紡鍝轰钩锛屼究浜庢瘝浜蹭紤鎭�傚垵涔冲叿涔充腑绮惧崕锛岃鐝嶆儨鍒濅钩锛屽垏鍕夸涪寮冦��
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[4].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[4].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[4].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[4].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[4])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>
+              鏃╁紑濂舵槸鎸囨柊鐢熷効鐢熶笅鏉ュ氨鏈夊惍鍚稿弽灏勶紝瓒婃棭鍠傚摵瓒婅兘鍒烘縺娉屼钩銆備骇濡囩敓鍚�4锝�8灏忔椂鍗冲彲寮�濮嬪杺濂讹紝鎻愭棭鍝轰钩涓嶄粎鏈夌泭浜庢柊鐢熷効鐨勮惀鍏讳緵缁欙紝鑰屼笖鑳戒績杩涗骇濡囨硨涔炽�傚簲娉ㄦ剰姝g‘鐨勫杺濂跺Э鍔匡紝涓�鑸噰鐢ㄥ潗濮垮杺濂讹紝濡傛憞绡紡鍝轰钩銆佷氦鍙夊紡鍝轰钩銆佹﹦姒勭悆寮忓摵涔炽�備篃鍙噰鐢ㄤ晶鍗у紡鍝轰钩锛屼究浜庢瘝浜蹭紤鎭�傚垵涔冲叿涔充腑绮惧崕锛岃鐝嶆儨鍒濅钩锛屽垏鍕夸涪寮冦��
+            </p>
+          </span>
           <h5 id="e057">2.涓嶅畾鏃跺杺鍝�</h5>
           <p>
             鍠傚吇鏂扮敓鍎跨幇鍦ㄦ彁鍊′笉瀹氭椂鍠傚ザ锛屽嵆鏂扮敓鍎夸粈涔堟椂鍊欐兂鍚冿紝灏变粈涔堟椂鍊欏杺锛岃繖鏍锋洿绗﹀悎鏂扮敓鍎跨殑鐢熺悊瑕佹眰銆備竴鑸柊鐢熷効鍦ㄥ紑濮嬪惍鐨�2锝�3鍒嗛挓鍐咃紝灏辫兘鍚冭繘涔虫埧80%锝�90%鐨勪钩姹併�傛墍浠ワ紝涓�娆″摵涔虫椂闂翠笉瀹滃お闀匡紝鏂�
@@ -636,6 +718,27 @@
             浠ョ墰涔充负鍩虹鐨勫┐鍎块厤鏂瑰ザ绮夐�傜敤浜庝竴鑸仴搴风殑濠村効椋熺敤銆備竴浜涙湁鐗规畩鐢熺悊鐘跺喌鐨勫┐鍎匡紝闇�瑕佺粡鍖诲笀銆佽惀鍏诲笀鎸囩ず鍚庯紝椋熺敤缁忚繃鐗瑰埆鍔犲伐澶勭悊鐨勫┐鍎块厤鏂逛钩绮夈�備緥濡傦紝瀵逛钩绯栦笉鑰愬彈鐨勫┐鍎匡紝闇�瑕侀鐢ㄤ互鐗涗钩涓哄熀纭�鐨勬棤涔崇硸濠村効閰嶆柟涔崇矇锛屾垨浠ラ粍璞嗕负鍩虹鐨勬棤涔崇硸濠村効閰嶆柟涔崇矇锛涜嫢鏄棭浜у効锛岄渶瑕侀鐢ㄦ棭浜у効閰嶆柟涔崇矇锛涘浜庣墰涔宠繃鏁忕殑濠村効锛屽彲閫夌敤浠ュぇ璞嗚泲鐧戒负鍩鸿川鐨勫┐鍎块厤鏂逛钩绮夛紱鑳冭偁閬撲笉澶ソ銆佹秷鍖栬兘鍔涙瘮杈冨樊鐨勫┐鍎匡紝鍙互閫夋嫨娣诲姞浜嗘敼鍠勮儍鑲犻亾鍔熻兘鎴愬垎鐨勪钩绮夛紝濡傚惈伪-涔虫竻铔嬬櫧鍚噺杈冮珮锛屽鏄撴秷鍖栧惛鏀剁殑閰嶆柟涔崇矇锛涘浜庡鏄撹吂娉汇�佹劅鍐掓姷鎶楀姏姣旇緝寮辩殑濠村効锛屽彲浠ラ�夋嫨鑳¤悵鍗滅礌銆佹牳鑻烽吀鍚噺姣旇緝楂樼殑涔崇矇锛岃繖浜涙垚鍒嗛兘鏈夊姪浜庡寮哄厤鐤兘鍔涖��
           </p>
           <p>锛�3锛夐�夋嫨鍝佽川浼樿壇銆侀厤鏂瑰悎鐞嗙殑閰嶆柟涔崇矇</p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[5].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[5].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[5].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[5].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[5])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
           <p>鍝佽川浼樿壇鐨勪钩绮夐鑹插簲璇ユ槸澶╃劧涔抽粍鑹诧紝鏈夌墰濂剁壒鏈夌殑涔抽鍛筹紝绮夎川缁嗚吇锛屾憾瑙h緝蹇笖鍙e懗娓呮贰銆佷笉鐢滆吇銆�</p>
           <p>
             铏界劧鐩墠甯傞潰涓婄殑濠村辜鍎块厤鏂逛钩绮夛紝鍦ㄨ惀鍏绘惌閰嶄笂閮藉敖閲忎笌姣嶄钩鎺ヨ繎锛屽悓鏃舵坊鍔犱簡涓�浜涗績杩涜剳鍙戣偛鐨勮惀鍏荤墿璐紝濡侱HA銆備絾鍥介檯鏍囧噯涓槑纭瀹氾紝0锝�6涓湀濠村効DHA鐨勬瘡鏃ラ�傚疁鎽勫叆閲忔槸100姣厠锛岃�屼笉鏄秺澶氳秺濂姐�傞�夎喘鏃舵敞鎰忔煡鐪嬪鍖呰鐨勯厤鏂硅〃鍜岃惀鍏绘垚鍒嗚〃锛屼笉鍚屽搧鐗岀殑濂剁矇鍦ㄩ厤鏂逛笂鏈夋槑鏄剧殑鍖哄埆锛屽挨鍏舵槸鍚噺姣斾緥涓娿��
@@ -751,8 +854,31 @@
       <div v-if="showPageList.indexOf(51) > -1">
         <div class="bodystyle">
           <h4 id="d053">锛堜簩锛夊翱甯�</h4>
-          <p>灏垮竷鏄柊鐢熷効涓�鍑虹敓灏遍渶瑕佷娇鐢ㄧ殑鐗╁搧锛屽嚑涔庣浉褰撲簬瀛╁瓙鐨勭浜岃倢鑲ゃ�傛墍浠ワ紝鍦ㄩ�夋嫨鏃惰鑰冭檻鏉愯川銆佸昂瀵革紝娉ㄦ剰浣跨敤鍜屾竻娲佹柟娉曠瓑銆�</p>
-          <p>鏍规嵁鏉愯川锛屽翱甯冨垎涓哄竷灏垮竷涓庣焊灏垮竷锛堣¥锛夈�傚墠鑰呬娇鐢ㄥ巻鍙叉偁涔咃紝涓轰紶缁熷翱甯冿紱鍚庤�呮槸鐜颁唬绉戞妧鐢熸椿鐨勪骇鐗┿��</p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[6].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[6].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[6].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[6].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[6])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>灏垮竷鏄柊鐢熷効涓�鍑虹敓灏遍渶瑕佷娇鐢ㄧ殑鐗╁搧锛屽嚑涔庣浉褰撲簬瀛╁瓙鐨勭浜岃倢鑲ゃ�傛墍浠ワ紝鍦ㄩ�夋嫨鏃惰鑰冭檻鏉愯川銆佸昂瀵革紝娉ㄦ剰浣跨敤鍜屾竻娲佹柟娉曠瓑銆�</p>
+            <p>鏍规嵁鏉愯川锛屽翱甯冨垎涓哄竷灏垮竷涓庣焊灏垮竷锛堣¥锛夈�傚墠鑰呬娇鐢ㄥ巻鍙叉偁涔咃紝涓轰紶缁熷翱甯冿紱鍚庤�呮槸鐜颁唬绉戞妧鐢熸椿鐨勪骇鐗┿��</p>
+          </span>
           <p>
             鐢变簬鏄函妫夎川鍦帮紝甯冨翱甯冨叿鏈夎垝閫傘�侀�忔皵銆佸惛姘存�уソ銆佷笉鏄撹繃鏁忕瓑浼樼偣锛岃�屼笖锛屼环鏍艰緝浣庡粔锛屽彲浠ラ噸澶嶄娇鐢ㄣ�傜己鐐规槸闇�瑕佹竻娲椼�佹櫨鏅掋�佺儤骞插拰娑堟瘨銆傜焊灏垮竷锛堣¥锛夌殑浼樼偣鏄娇鐢ㄦ柟渚裤�佷究浜庢惡甯︺�佷笉蹇呮竻娲楋紝浣嗕环鏍艰緝楂橈紝杩樺彲鑳戒細寮曡捣鐨偆杩囨晱銆傚彟澶栵紝杩樺繀椤绘敞鎰忓昂瀵告槸鍚﹀悎閫傘��
           </p>
@@ -942,9 +1068,32 @@
             鏈劚钀界殑鑴愬甫鏄竴绉嶅潖姝荤粍缁囷紝闃叉劅鏌撴槸棣栬浠诲姟銆傚鏋滆剱閮ㄦ湁浜涙疆婀匡紝鏈�濂界粰鏂扮敓鍎胯9涓婁竴灞傜罕甯冿紝闃叉鍑虹幇鎰熸煋鐨勭幇璞°�傚鏋滃共鐕ョ姸鍐垫瘮杈冭壇濂斤紝鐩存帴缁欐柊鐢熷効绌夸笂灏垮竷鍗冲彲銆傚翱甯冨崈涓囦笉瑕佽秴杩囨柊鐢熷効鐨勮倸鑴愶紝娉ㄦ剰鎶婂翱甯冭竟缂樼殑鏉剧揣澶勭洊鍦ㄨ倸鑴愪互涓嬶紝浠ラ槻灏挎恫娌炬箍鑴愬甫娈嬬鐨勫垱鍙f垨灏垮竷涓庤剱甯︽畫绔懇鎿﹀彂鐢熸劅鏌撱�傚湪娈嬬娌℃湁鑴辫惤涔嬪墠锛岀敤鎿︽礂鐨勬柟寮忕粰鏂扮敓鍎挎礂婢★紝鑰屼笉瑕佽鍏跺湪娴寸几閲屾场婢°�傝剱甯︽畫绔劚钀芥椂锛屽彲鑳戒細鏈夊嚑婊磋娓楀嚭锛屽睘浜庢甯哥幇璞★紝鍙户缁姢鐞嗘秷姣掋��
           </p>
           <h5 id="e079">2.鑴愬甫鑴辫惤鍚庣殑鎶ょ悊</h5>
-          <p>
-            鐢变簬鑴愮獫澶勭殑鏂拌倝鑺界粍缁囪繕娌℃湁鎴愮啛锛屼細鏈夊皯閲忔笚鍑烘恫锛屾疆婀挎垨娌炬按浼氶潪甯镐笉鍒╀簬浼ゅ彛鐨勬剤鍚堛�傜敤妫夌铇稿彇75%娴撳害鐨勯厭绮炬秷姣掕剱绐濓紝闅忓悗瑕嗙洊绾卞竷锛屾姢鐞嗚嚦娌℃湁娓楀嚭娑蹭负姝€�傝嫢鏈夎創鎬у垎娉岋紝鑴愰儴鍛ㄥ洿绾㈣偪锛岃鏄庢偅浜嗚剱鐐庛�傚垏蹇屽線鑴愰儴鎾掓秷鐐庤嵂绮夈��
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[7].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[7].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[7].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[7].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[7])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>
+              鐢变簬鑴愮獫澶勭殑鏂拌倝鑺界粍缁囪繕娌℃湁鎴愮啛锛屼細鏈夊皯閲忔笚鍑烘恫锛屾疆婀挎垨娌炬按浼氶潪甯镐笉鍒╀簬浼ゅ彛鐨勬剤鍚堛�傜敤妫夌铇稿彇75%娴撳害鐨勯厭绮炬秷姣掕剱绐濓紝闅忓悗瑕嗙洊绾卞竷锛屾姢鐞嗚嚦娌℃湁娓楀嚭娑蹭负姝€�傝嫢鏈夎創鎬у垎娉岋紝鑴愰儴鍛ㄥ洿绾㈣偪锛岃鏄庢偅浜嗚剱鐐庛�傚垏蹇屽線鑴愰儴鎾掓秷鐐庤嵂绮夈��
+            </p>
+          </span>
           <div class="bk-1">
             <div class="bk-2">
               <p><span class="bj2">鐩稿叧閾炬帴</span></p>
@@ -960,7 +1109,7 @@
           </div>
           <p class="fl al-c"><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
               class="zt-ht">鏈鍐呭鍥為【</span></p>
-          <p class="center"><img class="img-0" alt="" src="../../assets/images/0061-2.jpg" /></p>
+          <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0061-2.jpg" /></p>
         </div>
         <ul class="fl al-fe footer-left">
           <li class="footerNumber">46</li>
@@ -980,9 +1129,32 @@
           </p>
           <h3 id="c037"><span class="h3-zt">浜屻��</span>鏂扮敓鍎跨殑甯歌鐤剧梾</h3>
           <h4 id="d064">锛堜竴锛夋柊鐢熷効榛勭柛</h4>
-          <p>
-            鏂扮敓鍎垮嚭鐢熷悗2锝�3澶╁嚭鐜伴粍鐤革紝鐨偆鍛堟祬榛勮壊锛屽珐鑶滃井甯﹂粍鑹诧紝灏跨◢榛勶紝浣嗘棤涓嶉�傝〃鐜帮紝杩欏氨鏄柊鐢熷効鐨勭敓鐞嗘�ч粍鐤搞�傜敓鐞嗘�ч粍鐤告槸鏂扮敓鍎跨殑涓�绉嶇壒娈婄敓鐞嗙幇璞★紝姝e父鏂扮敓鍎垮嚑涔庨兘鏈夈�傜4锝�6澶╅粍鐤告渶鏄庢樉锛岃冻鏈堝効鍦ㄥ嚭鐢熷悗绗�10锝�14澶╅粍鐤告秷閫�锛屾棭浜у効鍙兘寤惰嚦绗�3锝�4鍛ㄦ秷閫�銆�
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[8].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[8].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[8].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[8].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[8])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>
+              鏂扮敓鍎垮嚭鐢熷悗2锝�3澶╁嚭鐜伴粍鐤革紝鐨偆鍛堟祬榛勮壊锛屽珐鑶滃井甯﹂粍鑹诧紝灏跨◢榛勶紝浣嗘棤涓嶉�傝〃鐜帮紝杩欏氨鏄柊鐢熷効鐨勭敓鐞嗘�ч粍鐤搞�傜敓鐞嗘�ч粍鐤告槸鏂扮敓鍎跨殑涓�绉嶇壒娈婄敓鐞嗙幇璞★紝姝e父鏂扮敓鍎垮嚑涔庨兘鏈夈�傜4锝�6澶╅粍鐤告渶鏄庢樉锛岃冻鏈堝効鍦ㄥ嚭鐢熷悗绗�10锝�14澶╅粍鐤告秷閫�锛屾棭浜у効鍙兘寤惰嚦绗�3锝�4鍛ㄦ秷閫�銆�
+            </p>
+          </span>
           <h5 id="e080">1.鍘熷洜</h5>
           <p>鏂扮敓鍎跨殑鑲濊剰澶勭悊鑳嗙孩绱犵殑鑳藉姏杈冨樊锛岃嚧浣胯儐绾㈢礌鍫嗙Н浜庤涓�屽彂鐢熼粍鐤搞�傞殢鐫�鑲濊剰鍔熻兘鐨勯�愭笎鎴愮啛锛屾柊鐢熷効榛勭柛浼氶�愭笎娑堥��銆�</p>
           <p>浣嗚璀︽儠鐥呯悊鎬ч粍鐤搞�傛湁浜涗弗閲嶇殑榛勭柛鍙苟鍙戣儐绾㈢礌鑴戠梾锛堟牳榛勭柛锛夎�屽紩璧锋案涔呮�ц剳鎹熷锛屾墍浠ヤ竴鏃﹀彂鐜版柊鐢熷効榛勭柛鏈夋墍鍔犻噸灏卞簲鍙婃椂灏卞尰銆�</p>
@@ -1013,9 +1185,32 @@
           </p>
           <h5 id="e083">2.鎶ょ悊</h5>
           <p>锛�1锛夋媿鍡�</p>
-          <p>鍠傚ザ鍚庡簲灏嗘柊鐢熷効杞昏交鎶辫捣锛屽ご闈犲湪姣嶄翰鑲╀笂锛岃交鎷嶅┐鍎胯儗閮紝浣胯儍鍐呯┖姘斿緱浠ユ帓鍑恒�備篃鍙噰鐢ㄥ叾浠栨纭殑鎷嶅棟鏂规硶銆�</p>
-          <p>锛�2锛夋纭杺鍝�</p>
-          <p>浜哄伐鍠傚吇锛屽ザ鍢寸殑寮�瀛斿ぇ灏忚鍚堥�傦紝濂跺槾蹇呴』鍏呮弧涔虫眮锛涗篃鍙妸涔虫眮璋冨緱绋嶉粡绋犱竴浜涖�傚鏋滄瘝浜蹭钩澶村唴闄凤紝鍦ㄥ瓡鏈熷氨搴斿姞浠ョ煫姝c��</p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[9].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[9].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[9].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[9].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[9])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>鍠傚ザ鍚庡簲灏嗘柊鐢熷効杞昏交鎶辫捣锛屽ご闈犲湪姣嶄翰鑲╀笂锛岃交鎷嶅┐鍎胯儗閮紝浣胯儍鍐呯┖姘斿緱浠ユ帓鍑恒�備篃鍙噰鐢ㄥ叾浠栨纭殑鎷嶅棟鏂规硶銆�</p>
+            <p>锛�2锛夋纭杺鍝�</p>
+            <p>浜哄伐鍠傚吇锛屽ザ鍢寸殑寮�瀛斿ぇ灏忚鍚堥�傦紝濂跺槾蹇呴』鍏呮弧涔虫眮锛涗篃鍙妸涔虫眮璋冨緱绋嶉粡绋犱竴浜涖�傚鏋滄瘝浜蹭钩澶村唴闄凤紝鍦ㄥ瓡鏈熷氨搴斿姞浠ョ煫姝c��</p>
+          </span>
           <p>锛�3锛夊杺鍝哄悗绔栨姳</p>
           <p>鑻ユ槸璐查棬鏉惧紱銆侀棴閿佸姛鑳戒笉鍏ㄦ墍鑷达紝鍠傚ザ鍚庡簲绔栫洿鎶辫捣涓�浼氬効锛屽啀鏀惧埌搴婁笂锛屽ご閮ㄧ暐鎶珮銆傞殢鐫�璐查棬閮ㄧ殑鑲岃倝鍙戣偛瀹屽杽锛屾孩濂剁棁鐘朵細閫愭笎鍑忚交銆�</p>
           <p>锛�4锛夊尰娌诲彂鑲蹭笉鑹�</p>
@@ -1043,11 +1238,34 @@
           <p>锛�1锛夊眬閮ㄦ秱鑽�</p>
           <p>鍙敤鍒堕湁鑿岀礌鐮旀垚鏈笌楸艰倽娌规淮鍓傝皟鍖�锛屾秱鎼藉湪鍒涢潰涓婏紝姣�4灏忔椂鐢ㄨ嵂涓�娆★紝鐤楁晥鏄捐憲銆傛秱鑽悗涓嶈椹笂鍚冨ザ锛屾垨杩涢鍚庝笉瑕佹�ヤ簬缁欏瀛愭秱鑽紝鍚﹀垯浼氬紩璧峰瀛愭伓蹇冦�佸憰鍚愩��</p>
           <p>锛�2锛夋敞鎰忓彛鑵旀姢鐞�</p>
-          <p>姣忔鍠傚ザ鍚庡啀鍠傚嚑鍙f俯寮�姘达紝鍙啿鍘诲┐鍎跨暀鍦ㄥ彛鑵斿唴鐨勪钩姹侊紝鎶戝埗闇夎弻鐢熼暱銆�</p>
-          <p>锛�3锛夋敞鎰忔竻娲佸拰娑堟瘨</p>
-          <p>
-            濡傛灉鏄汉宸ュ杺鍏伙紝濂跺叿瑕佷弗鏍肩叜娌告秷姣掋�傚ザ鐡躲�佸ザ澶淬�佺鍕虹瓑瑕佷笓浜轰笓鐢紝浣跨敤鍚庣敤纰辨按娓呮礂锛岀叜娌告秷姣掋�傚鏋滄槸姣嶄钩鍠傚吇锛屾瘡娆″杺濂跺墠锛屾瘝浜插簲娲楁墜銆佹竻娲佷钩澶淬�傚彟澶栵紝濠村効鐨勮瑜ュ拰鐜╁叿瑕佸畾鏈熸竻娲椼�佹櫨鏅掞紱娲楁急鐢ㄥ叿灏介噺鍜屽闀跨殑鍒嗗紑锛屽苟瀹氭湡娑堟瘨銆�
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[10].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[10].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[10].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[10].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[10])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>姣忔鍠傚ザ鍚庡啀鍠傚嚑鍙f俯寮�姘达紝鍙啿鍘诲┐鍎跨暀鍦ㄥ彛鑵斿唴鐨勪钩姹侊紝鎶戝埗闇夎弻鐢熼暱銆�</p>
+            <p>锛�3锛夋敞鎰忔竻娲佸拰娑堟瘨</p>
+            <p>
+              濡傛灉鏄汉宸ュ杺鍏伙紝濂跺叿瑕佷弗鏍肩叜娌告秷姣掋�傚ザ鐡躲�佸ザ澶淬�佺鍕虹瓑瑕佷笓浜轰笓鐢紝浣跨敤鍚庣敤纰辨按娓呮礂锛岀叜娌告秷姣掋�傚鏋滄槸姣嶄钩鍠傚吇锛屾瘡娆″杺濂跺墠锛屾瘝浜插簲娲楁墜銆佹竻娲佷钩澶淬�傚彟澶栵紝濠村効鐨勮瑜ュ拰鐜╁叿瑕佸畾鏈熸竻娲椼�佹櫨鏅掞紱娲楁急鐢ㄥ叿灏介噺鍜屽闀跨殑鍒嗗紑锛屽苟瀹氭湡娑堟瘨銆�
+            </p>
+          </span>
           <h4 id="d067">锛堝洓锛夋柊鐢熷効绾㈣噣</h4>
           <p>鏂扮敓鍎跨孩鑷�鏄寚鍦ㄦ柊鐢熷効鐨勮倹闂ㄩ檮杩戙�佽噣閮ㄣ�佷細闃撮儴绛夊鐨偆鍙戠孩锛屾湁鏁g姸鏂戜笜鐤规垨鐤辩柟鐨勭毊鑲ょ値鐥囷紝涔熷彨灏垮竷鐨値銆�</p>
           <h5 id="e086">1.鍘熷洜</h5>
@@ -1065,12 +1283,35 @@
       <div v-if="showPageList.indexOf(61) > -1">
         <div class="bodystyle">
           <h5 id="e087">2.鎶ょ悊</h5>
-          <p>锛�1锛夐�夋嫨鍚堥�傜殑灏垮竷</p>
-          <p>閫夋嫨鏄撴竻娲併�佹煍杞�佸惛姘村姏寮虹殑鏉愯川鍋氬翱甯冦��</p>
-          <p>锛�2锛変繚鎸佽噣閮ㄥ共鐕ャ�侀�忔皵</p>
-          <p>
-            涓嶈鍦ㄥ翱甯冧笅鍨斁濉戞枡甯冩垨姗$毊甯冿紝鍥犱负濉戞枡甯冨拰姗$毊甯冧笉閫忔皵銆傝鍕ゆ崲灏垮竷锛屼笉瑕佽瀛╁瓙鏌斿鐨勭毊鑲ら暱鏃堕棿鍙楀翱娑茬殑鍒烘縺銆傛瘡娆℃崲灏垮竷鍚庣敤娓╂按灏嗘柊鐢熷効鑷�閮ㄧ毊鑲ゆ礂鍑�锛屽苟鍚稿共姘村垎锛屼繚鎸佽噣閮ㄧ毊鑲ゅ共鐕ャ�傞伩鍏嶇敤鑲ョ殏銆佺儹姘寸儷娲楀┐鍎胯噣閮ㄣ�傝噣閮ㄥ共鐖藉悗锛屽彲娑備竴浜涙不鐤楃孩鑷�鐨勮嵂鑶忋��
-          </p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[11].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[11].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[11].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[11].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[11])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>锛�1锛夐�夋嫨鍚堥�傜殑灏垮竷</p>
+            <p>閫夋嫨鏄撴竻娲併�佹煍杞�佸惛姘村姏寮虹殑鏉愯川鍋氬翱甯冦��</p>
+            <p>锛�2锛変繚鎸佽噣閮ㄥ共鐕ャ�侀�忔皵</p>
+            <p>
+              涓嶈鍦ㄥ翱甯冧笅鍨斁濉戞枡甯冩垨姗$毊甯冿紝鍥犱负濉戞枡甯冨拰姗$毊甯冧笉閫忔皵銆傝鍕ゆ崲灏垮竷锛屼笉瑕佽瀛╁瓙鏌斿鐨勭毊鑲ら暱鏃堕棿鍙楀翱娑茬殑鍒烘縺銆傛瘡娆℃崲灏垮竷鍚庣敤娓╂按灏嗘柊鐢熷効鑷�閮ㄧ毊鑲ゆ礂鍑�锛屽苟鍚稿共姘村垎锛屼繚鎸佽噣閮ㄧ毊鑲ゅ共鐕ャ�傞伩鍏嶇敤鑲ョ殏銆佺儹姘寸儷娲楀┐鍎胯噣閮ㄣ�傝噣閮ㄥ共鐖藉悗锛屽彲娑備竴浜涙不鐤楃孩鑷�鐨勮嵂鑶忋��
+            </p>
+          </span>
           <p class="fl al-c"><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
               class="zt-ht">鏈鍐呭鍥為【</span></p>
           <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0065-2.jpg" /></p>
@@ -1214,11 +1455,34 @@
           <h3 id="c043"><span class="h3-zt">涓夈��</span>鎶氳Е鏂扮敓鍎跨殑鎿嶄綔姝ラ</h3>
           <h4 id="d078">锛堜竴锛夊噯澶�</h4>
           <h5 id="e092">1.鎿嶄綔鑰呯殑鍑嗗</h5>
-          <p>
-            鎶氳Е鍓嶏紝鎿嶄綔鑰呰灏嗘寚鐢插壀骞冲壀鐭紝閬垮厤闀挎寚鐢蹭笉鎱庡垝浼ゆ柊鐢熷効锛涙竻娲佸弻鎵嬶紝骞朵繚鎸佸弻鎵嬫俯鏆栥�佹鼎婊戯紙鍙敤濠村効娑﹁偆娌规粙娑﹀弻鎵嬶級锛涙憳涓嬮グ鐗╋紝濡傛垝鎸囥�佹墜閾俱�佹墜闀�佹瘺琛i摼绛夛紱琚栫鍗疯捣鑷宠倶閮紱淇濇寔鎰夊揩鐨勫績鎯咃紝闅忔椂鍑嗗鍏ㄨ韩蹇冩姇鍏ヤ笌濠村効鐨勪氦娴佷腑銆�
-          </p>
-          <h5 id="e093">2.鏂扮敓鍎跨殑鍑嗗</h5>
-          <p>閫夋嫨鏂扮敓鍎垮崐绌鸿吂锛堜笉楗ラタ銆佷笉楗辫吂锛夈�佽閱掞紙涓嶅洶鍊︼級鎴栨矏娴村悗杩涜鎶氳Е銆傚悓鏃讹紝閫夋嫨鍚堥�傜殑浣撲綅锛岀‘淇濆叾鑸掗�傘��</p>
+          <div class="img-rights-video w330">
+            <div class="video-box">
+              <p class="center text td-0">
+                <video :src="chapter001.videoMd5[12].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                  playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                  controls controlslist="nodownload" class="w100 video"></video>
+              </p>
+              <p class="center videoname">
+                <span>瑙嗛锛歿{ chapter001.videoMd5[12].name }}</span>
+                <el-tooltip class="item" effect="dark"
+                  :content="chapter001.videoMd5[12].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                  <img :src="collectResourceList.findIndex(
+                    (item) => item.id == chapter001.videoMd5[12].md5
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[12])" />
+                </el-tooltip>
+              </p>
+            </div>
+          </div>
+          <span>
+            <p>
+              鎶氳Е鍓嶏紝鎿嶄綔鑰呰灏嗘寚鐢插壀骞冲壀鐭紝閬垮厤闀挎寚鐢蹭笉鎱庡垝浼ゆ柊鐢熷効锛涙竻娲佸弻鎵嬶紝骞朵繚鎸佸弻鎵嬫俯鏆栥�佹鼎婊戯紙鍙敤濠村効娑﹁偆娌规粙娑﹀弻鎵嬶級锛涙憳涓嬮グ鐗╋紝濡傛垝鎸囥�佹墜閾俱�佹墜闀�佹瘺琛i摼绛夛紱琚栫鍗疯捣鑷宠倶閮紱淇濇寔鎰夊揩鐨勫績鎯咃紝闅忔椂鍑嗗鍏ㄨ韩蹇冩姇鍏ヤ笌濠村効鐨勪氦娴佷腑銆�
+            </p>
+            <h5 id="e093">2.鏂扮敓鍎跨殑鍑嗗</h5>
+            <p>閫夋嫨鏂扮敓鍎垮崐绌鸿吂锛堜笉楗ラタ銆佷笉楗辫吂锛夈�佽閱掞紙涓嶅洶鍊︼級鎴栨矏娴村悗杩涜鎶氳Е銆傚悓鏃讹紝閫夋嫨鍚堥�傜殑浣撲綅锛岀‘淇濆叾鑸掗�傘��</p>
+          </span>
           <h5 id="e094">3.鐜鍜岀墿鍝佺殑鍑嗗</h5>
           <p>鎶氳Е鐨勬埧闂磋瀹夐潤锛堟棤鍣0锛夈�佹竻娲併�佹俯鏆栵紙25鈩冨乏鍙筹級锛涙挱鏀炬煍鍜屻�佽交蹇�佽垝缂撶殑澶ц嚜鐒堕煶涔愶紱棰勫濂芥柊鐢熷効鐢ㄧ殑濠村効娑﹁偆娌广�佹瘺宸俱�佸翱甯冨強鏇挎崲鐨勮。鏈嶇瓑銆�</p>
           <hr class="img-g" />
@@ -1569,18 +1833,76 @@
             <p>
               鐢ㄥ竷銆佹瀛愩�佸す琚�佸皬妫夎涓ヤ弗瀹炲疄鍦版妸鏂扮敓鍎垮寘瑁硅捣鏉ャ�傛湁鏃讹紝涓烘�曞瀛愭墜鑴氫贡鍔ㄦ墦鏁d簡鍖呰9锛岃繕瑕佺敤甯﹀瓙鎴栫怀瀛愭妸浠栦滑缁戣捣鏉ャ�傝繖绉嶅寘瑁规柟寮忔渶缁堟妸鏂扮敓鍎胯9鎴愪竴涓暱闀跨殑灏忓寘瑁癸紝鍍忎竴鏍硅湣鐑涗竴鏍凤紝鎴戜滑绉颁箣涓衡�滆湣鐑涘寘鈥濄�傝繖鏍锋姳璧锋潵瀹规槗浜嗭紝浣嗘槸瀵规柊鐢熷効鏉ヨ鏈夊鏃犵泭銆�
             </p>
-            <p>
-              浼犵粺鐨勨�滆湣鐑涘寘鈥濆紡鎶婃柊鐢熷効鐨勭姸鎬佸己杩垚鈥�1鈥濆瓧褰€�傚叾瀹炴柊鐢熷疂瀹濈殑鑷劧浣撲綅搴斿綋鏄袱涓婅偄涓庤函骞插憟鈥淲鈥濆舰锛岃吂閮ㄨ啫闅嗭紝涓や笅鑲笌鑷�閮ㄥ憟鈥淢鈥濆舰锛屽叾娲诲姩搴︿负120掳锝�140掳銆傝繖绉嶈嚜鐒朵綋浣嶆槸鏈�閫傚悎鏂扮敓鍎跨殑娲诲姩鍜屾甯哥敓闀垮彂鑲茬殑銆�
-            </p>
-            <p>鍦ㄦ柊鐢熷効鏈熶笂涓嬭偄鐨勬椿鍔ㄥ瀛╁瓙鐨勫彂鑲茶嚦鍏抽噸瑕併�傚寘鈥滆湣鐑涘寘鈥濋檺鍒朵簡鍏跺洓鑲㈢殑鑷富杩愬姩锛屽浐瀹氱殑濮垮娍浣垮叾鑲岃倝澶勪簬绱у紶鐘舵�侊紝涓嶅埄浜庤倢鑲夌殑鍙戣偛锛屽悓鏃剁缁忓緱涓嶅埌鏈夋晥鐨勫埡婵�锛屼笉鍒╀簬鑴戠殑鍙戣偛銆�</p>
+            <div class="img-rights-video w330">
+              <div class="video-box">
+                <p class="center text td-0">
+                  <video :src="chapter001.videoMd5[14].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                    controls controlslist="nodownload" class="w100 video"></video>
+                </p>
+                <p class="center videoname">
+                  <span>瑙嗛锛歿{ chapter001.videoMd5[14].name }}</span>
+                  <el-tooltip class="item" effect="dark"
+                    :content="chapter001.videoMd5[14].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                    <img :src="collectResourceList.findIndex(
+                      (item) => item.id == chapter001.videoMd5[14].md5
+                    ) > -1
+                      ? collectCheck
+                      : collectImg
+                      " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[14])" />
+                  </el-tooltip>
+                </p>
+              </div>
+            </div>
+            <span>
+              <p>
+                浼犵粺鐨勨�滆湣鐑涘寘鈥濆紡鎶婃柊鐢熷効鐨勭姸鎬佸己杩垚鈥�1鈥濆瓧褰€�傚叾瀹炴柊鐢熷疂瀹濈殑鑷劧浣撲綅搴斿綋鏄袱涓婅偄涓庤函骞插憟鈥淲鈥濆舰锛岃吂閮ㄨ啫闅嗭紝涓や笅鑲笌鑷�閮ㄥ憟鈥淢鈥濆舰锛屽叾娲诲姩搴︿负120掳锝�140掳銆傝繖绉嶈嚜鐒朵綋浣嶆槸鏈�閫傚悎鏂扮敓鍎跨殑娲诲姩鍜屾甯哥敓闀垮彂鑲茬殑銆�
+              </p>
+              <p>鍦ㄦ柊鐢熷効鏈熶笂涓嬭偄鐨勬椿鍔ㄥ瀛╁瓙鐨勫彂鑲茶嚦鍏抽噸瑕併�傚寘鈥滆湣鐑涘寘鈥濋檺鍒朵簡鍏跺洓鑲㈢殑鑷富杩愬姩锛屽浐瀹氱殑濮垮娍浣垮叾鑲岃倝澶勪簬绱у紶鐘舵�侊紝涓嶅埄浜庤倢鑲夌殑鍙戣偛锛屽悓鏃剁缁忓緱涓嶅埌鏈夋晥鐨勫埡婵�锛屼笉鍒╀簬鑴戠殑鍙戣偛銆�</p>
+            </span>
           </div>
           <p class="fl al-c"><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
               class="zt-ht">鏈鍐呭鍥為【</span></p>
           <p class="center mb-20 openImgBox"><img class="img-0" alt="" src="../../assets/images/0076-2.jpg" /></p>
-          <p class="fl al-c mt-20"><img class="rwmb-1" alt="" src="../../assets/images/tb-5.png" /><span
-              class="zt-ht">鎬濊�冧笌缁冧範</span></p>
+          <p class="fl al-c mt-20" id="first-answer"><img class="rwmb-1" alt=""
+              src="../../assets/images/tb-5.png" /><span class="zt-ht">鎬濊�冧笌缁冧範</span></p>
           <p>1.绠�杩版柊鐢熷効鐨勮韩蹇冨彂灞曠壒鐐广��</p>
+          <textarea v-model="questionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冪瓟妗堛��
+            <br />锛�1锛夋柊鐢熷効鐨勭敓鐞嗗彂鑲茬壒鐐广��
+            <br />A.鏂扮敓鍎跨殑浣撴牸鍙戣偛鐗圭偣锛氭柊鐢熷効鍑虹敓鏃剁殑骞冲潎韬暱涓�50鍘樼背锛屾弧鏈堝闀�4鍘樼背锛涘钩鍧囦綋閲嶄负3锝�3.3鍗冨厠锛屾弧鏈堝閲�0.8锝�0.9鍗冨厠銆�
+            <br />B.鏂扮敓鍎垮悇鍣ㄥ畼绯荤粺鍙戣偛鐗圭偣锛�
+            <br />鈶犺繍鍔ㄧ郴缁燂細楠ㄩ鏌旇蒋锛屽鍦ㄩ鍖栬繃绋嬩腑锛涢楠ㄦ湁鍥熼棬锛岃剨鏌辩殑鏄釜鐢熺悊寮洸闄ら鏇插杩樻病鏈夊浐瀹氾紝鍏宠妭涓嶇墷鍥猴紱鍥涜偄灞堣倢鍔涢噺澶т簬浼歌倢鍔涢噺锛屽洓鑲㈠父鍛堝眻鏇茬姸鎬併��
+            <br />鈶″懠鍚哥郴缁燂細鑳歌厰鐙獎锛岃倠闂磋倢鍔涘急锛屽懠鍚镐富瑕侀潬鑶堣倢鏉ュ畬鎴愶紝浠ヨ吂寮忓懠鍚镐负涓伙紱榧昏厰鐙獎銆佺煭灏忥紝姘旂鍜屾敮姘旂鑵旂嫮绐勶紝鏄撳彂鐢熷懠鍚稿洶闅俱��
+            <br />鈶㈡秷鍖栫郴缁燂細鍞炬恫鑵烘湭鍙戣偛鎴愮啛锛屽斁娑插垎娉屽皯锛屾秷鍖栬兘鍔涘急锛涜儍瀹归噺杈冨皬锛涜�屼笖璐查棬鑲岃倝鏉鹃┌锛屾槗婕惧ザ锛涜偁閬撲负韬暱鐨�8鍊嶏紝鑲犻亾娑堝寲鍚告敹闈㈢Н澶э紝閫傚簲娴佽川楗銆�
+            <br />鈶h娑插惊鐜郴缁燂細鏂伴檲浠h阿鏃虹洓锛屽績鐜囧揩锛涜娑插闆嗕腑鍦ㄨ函骞插拰鍐呰剰锛屽洓鑲㈣緝灏戯紝鏄撳彂鍑夋垨闈掔传銆�
+            <br />鈶ゆ硨灏裤�佺敓娈栧櫒瀹橈細鑲捐剰灏氭湭鍙戣偛瀹屽杽锛屾帓娉勮兘鍔涘樊銆傚翱閬撶煭锛屾槗寮曡捣娉屽翱绯荤粺鎰熸煋銆�
+            <br />鈶ョ缁忕郴缁燂細鑴戦噸绾�350鍏嬶紝鑴戠粏鑳炰粛澶勪簬澧炴畺闃舵锛屼絾绁炵粡绾ょ淮鐭�佸垎鏀皯锛岄珦闉樿繕娌″舰鎴愶紝淇℃伅浼犲涓嶅噯纭�傚厛澶╃缁忓弽灏勫潎宸插缓绔嬨��
+            <br />鈶︾毊鑲わ細鐨偆寰堣杽寰堝锛屼繚鎶ゅ姛鑳藉樊锛屽鏄撹鎿︿激銆佹饭绾㈠拰鎰熸煋銆傜毊涓嬭剛鑲皯锛屾睏鑵烘湭鍙戣偛鎴愮啛锛屼繚鏆栥�佹暎鐑兘寰堝樊锛屾槗鍙楃幆澧冨奖鍝嶃��
+            <br />鈶у厤鐤郴缁燂細鎶椾綋涓昏鏉ヨ嚜姣嶄綋锛岃嚜韬埗閫犳姉浣撶殑鑳藉姏寰堝樊銆�
+            <br />锛�2锛夋柊鐢熷効蹇冪悊鍙戝睍鐗圭偣銆�
+            <br />A.鎰熺煡瑙夊彂灞曪細瑙﹁宸查珮搴﹀彂杈撅紝鐗瑰埆鏁忔劅鐨勬槸鍢村攪銆佹墜鎺屻�佽剼鎺屻�佸墠棰濆拰鐪煎笜绛夐儴浣嶏紝瀵规俯搴︾殑鎰熻闈炲父鐏垫晱锛屽凡鑳借鲸鍒敎銆佸捀銆佽嫤銆侀吀绛変笉鍚屽懗閬擄紝骞朵笖瀵圭敎鐨勫枩鐖辫儨杩囧捀銆傚浜害宸埆鏄晱鎰熺殑锛屽苟涓旇鲸鍒姏鍙戝睍杩呴�熴�備絾鍦ㄥ嚭鐢熷悗2锝�3鍛ㄥ唴锛屼袱鐪艰繍鍔ㄤ粛涓嶅崗璋冦�傝瑙夐泦涓�,鍦�2涓湀鏃舵墠鏄庢樉鍦板嚭鐜般�傛柊鐢熷効宸茶兘瀵规煇浜涘0闊冲彂鐢熷弽搴旓紝鑳芥劅鍙椾笉鍚屾柟浣嶅彂鍑虹殑澹伴煶锛屽苟鎶婂ご杞悜澹版簮銆�
+            <br />B.鍏堝ぉ鍙嶅皠锛氬嚭鐢熷悗灏卞嚭鐜颁簡瀹氬悜鎬ф敞鎰忋�佸惍鍚稿弽灏勩�佹姄鎻″弽灏勩�佽椋熷弽灏勩�佹嫢鎶卞弽灏勭瓑銆�
+          </p>
           <p>2.璇磋鏂扮敓鍎垮父瑙佺殑鍑犵鐘舵�佸拰甯歌鐨勫紓甯哥幇璞°��</p>
+          <textarea v-model="questionData.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冪瓟妗堛��
+            <br />锛�1锛夋柊鐢熷効鐘舵�併��
+            <br />姣忎釜鏂扮敓鍎垮湪姣忎竴澶╅兘缁忓巻鐫$湢銆佽閱掑拰鐬岀潯涓夌鐘舵�併�傜潯鐪犲寘鎷畨闈欑潯鐪狅紙娣辩潯鐪狅級銆佹椿鍔ㄧ潯鐪狅紙娴呯潯鐪狅級涓ょ鐫$湢鐘舵�侊紱瑙夐啋鍖呮嫭瀹夐潤瑙夐啋銆佹椿鍔ㄨ閱掋�佸摥涓夌瑙夐啋鐘舵�侊紱鐬岀潯鐘舵�佹槸浠嬩簬鐫″拰閱掍箣闂寸殑杩囨浮鐘舵�併�傚惊鐜線澶嶏紝闈炲父鏈夎寰嬨��
+            <br />锛�2锛夋柊鐢熷効甯歌鐨勫紓甯哥幇璞★細
+            <br />鈶犲嚭鐢熷悗浣撻噸涓嶅闀匡細鐢熺悊鎬т綋閲嶄笅闄嶉櫎澶栵紝鑻�10澶╁悗锛屼綋閲嶄粛鐒朵笉鑳芥仮澶嶆甯告垨涓嬮檷寰楀お澶氾紝鎻愮ず韬綋瀛樺湪寮傚父銆�
+            <br /> 鈶″懠鍚歌繃蹇細濡傛灉鏂扮敓鍎挎瘡鍒嗛挓鍛煎惛澶т簬60娆″垯涓哄懠鍚歌繃蹇紝鍙兘鏄偅浜嗘柊鐢熷効鑲虹値銆�
+            <br />鈶㈤槾閬撳嚭琛�閲忚緝澶氾細濂冲┐闃撮亾鍑鸿閲忓锛屼笖鎸佺画鏃堕棿杈冮暱涓哄紓甯搞��
+            <br />鈶i粍鐤歌繜杩熶笉娑堥��鎴栧姞娣憋細鏈夊彲鑳芥槸鐥呯悊鎬ч粍鐤搞��
+            <br />鈶ゅご鏄庢樉澶э細鍙兘鎮f湁鑴戠Н姘淬�佸法鑴戠棁鎴栨煋鑹蹭綋鏄炬�ч仐浼犳�х柧鐥呫��
+            <br /> 鈶ヤ袱涓皬涔虫埧澶у皬涓嶄竴鏍凤細浼存湁鍙戠孩銆佸彂鐑瓑琛ㄧ幇锛屽彲鑳芥槸涔宠吅缁勭粐鏈夌値鐥囥��
+            <br />鈶﹀彂鐑э細鑻ュ嚭鐢熷悗3锝�5澶╁嚭鐜板彂鐑э紝浣撴俯鍙崌鑷�39锝�40鈩冿紝鎸佺画1锝�2澶┿�傚彨鍋氣�滆劚姘寸儹鈥濇垨鈥滀竴娆℃�у彂鐑�濓紝鏄敱浜庡娓╄繃楂樻垨鍖呰9澶帤鎴栧杺姘磋繃灏戦�犳垚鐨勩��
+            <br /> 鈶ф儕鍘ワ細鍑虹幇涓ょ溂鍑濊銆侀渿棰ゃ�侀潰閮ㄨ倢鑲夋娊鍔ㄦ垨涓嶆柇鐪ㄧ溂锛屽彛閮ㄥ弽澶嶅湴浣滃拃鍤笺�佸惛鍚姩浣滅瓑搴斿強鏃跺氨鍖汇��
+          </p>
         </div>
         <ul class="fl al-fe jc-fe footer-right">
           <li class="footerText">绗簩鍗曞厓</li>
@@ -1594,14 +1916,126 @@
       <div v-if="showPageList.indexOf(73) > -1">
         <div class="bodystyle">
           <p>3.涓轰粈涔堣姣嶄钩鏄柊鐢熷効鏈�鐞嗘兂鐨勯鐗╋紵姣嶄钩鍠傚吇銆佷汉宸ュ杺鍏诲拰娣峰悎鍠傚吇鐨勬柟娉曟槸浠�涔堬紵鍋囧娌℃湁姣嶄钩鍠傚摵锛岃璇村浣曢�夋嫨濠村効閰嶆柟涔崇矇銆�</p>
+          <textarea v-model="questionData.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冪瓟妗堛��
+            <br />锛�1锛夊師鍥狅細
+            <br />鈶犳瘝涔虫槸鏂扮敓鍎挎渶鐞嗘兂鐨勯鐗╋紝鏄换浣曚钩鍒跺搧鍜屼唬涔冲搧閮芥棤娉曞缇庣殑銆�
+            <br />鈶℃瘝涔虫柊椴溿�佹竻娲佹柟渚匡紝瀹规槗娑堝寲锛屽惈鏈夋柊鐢熷効鏈熺敓闀垮彂鑲叉墍闇�瑕佺殑鍚勭钀ュ吇鐗╄川銆�
+            <br /> 鈶㈡瘝涔充腑鍚湁澶氱鍏嶇柅鐗╄川锛屽鎶椾綋銆佹憾鑿岄叾銆佷钩閾佽泲鐧姐�佽ˉ浣撶瓑绛夛紝鍏锋湁杈冨己鐨勬姉鎰熸煋浣滅敤锛屽彲浠ュ噺灏戝瀛愭偅鐥呯殑姒傜巼锛屽悓鏃跺噺灏戣繃鏁忓弽搴斻��
+            <br />鈶f瘝涔虫垚鍒嗗強姣斾緥杩樹細闅忕潃濠村効鐨勭敓闀垮拰闇�瑕佸憟鐩稿簲鏀瑰彉锛屼笌濠村効鐨勬垚闀垮悓姝ュ彉鍖栵紝浠ラ�傚簲瀛╁瓙涓嶅悓鏃舵湡鐨勯渶瑕侊紝鏄叾瀹冧唬涔冲搧鎴栦钩鍒跺搧鎵�鏃犳硶鍙栦唬鐨勩��
+            <br />鈶ゆ瘝涔冲杺鍏绘椂锛屾瘝濠村瘑鍒囨帴瑙︼紝鍔犲己姣嶅瓙鎰熸儏浜ゆ祦锛屼娇濠村効寰楀埌蹇冪悊婊¤冻锛屾湁鍒╀簬濠村効鐨勫績鐞嗗仴搴枫��
+            <br />鈶ユ瘝涔冲杺鍏绘湁鍒╀簬浜у浣撳瀷鎭㈠锛岃韩蹇冭韩浣撳仴搴枫��
+            <br />锛�2锛夊杺鍏绘柟娉曪細
+            <br />姣嶄钩鍠傚吇鏂规硶锛�
+            <br />鈶犳棭寮�濂讹細鍑虹敓鍚庡崐灏忔椂锝�1灏忔椂鍐呭簲甯姪鏂扮敓鍎垮敖鏃╁疄鐜扮涓�娆″惛鍚紝鎻愭棭鍝轰钩涓嶄粎鏈夌泭浜庢柊鐢熷効鐨勮惀鍏讳緵缁欙紝鍚屾椂鑳戒績杩涗骇濡囨硨涔炽��
+            <br />鈶″杺鍝烘鏁帮細鎸夐渶鍝轰钩锛屼笉瀹氭椂鍠傚摵銆�
+            <br />鈶㈠杺鍝烘椂鎵嬪憟C瀛楀瀷锛屽皢涔虫埧杞昏交鎵樿捣锛屼互鍒╀簬鎺掍钩锛屼絾搴旈伩鍏嶄钩鎴垮牭浣忔柊鐢熷効鐨勯蓟瀛旓紝鍒囧繉鍓垁寮忓浐瀹氫钩鎴裤��
+            <br />鈶f敞鎰忓杺濂跺Э鍔匡細鍝哄杺鏃跺彲浠ラ噰鍙栦笉鍚岀殑濮垮娍鍜屼綋浣嶏紝渚т綅銆佷话鍗т綅鍜屽潗浣嶉兘鍙互锛屼互姣嶅┐鎰熻鑸掗�傘�佸績鎯呮剦鎮︺�佸叏韬倢鑲夋斁鏉句负鍘熷垯銆�
+            浜哄伐鍠傚吇鏂规硶锛�
+            <br />鈶犲杺鍝烘鏁帮細鏂扮敓鍎夸竴鏃ラ渶瑕佸摵涔�6锝�8娆°�傚ザ閲忓弬鐓у┐鍎夸綋閲嶏紝姣忓崈鍏嬩綋閲嶉渶瑕佸杺椋�100锝�150姣崌绾ザ锛屾瘡椤块渶鎽勫叆60锝�100姣崌銆�
+            <br />鈶′钩绮夌殑鍐茶皟鏂规硶锛氫钩绮変笌姘寸殑姣斾緥銆佹按娓╁彲鍙傝�冮厤鏂逛钩绮夎鏄庝功鎿嶄綔杩涜銆�
+            <br />鈶㈠ザ鐡跺杺鍏绘椂娉ㄦ剰锛氬啿璋冨ソ鍚庯紝婊村嚑婊村湪鎵嬭厱鐨勫唴渚э紝涓嶇儷鏃跺啀鍠傚摵銆傚杺鍝烘椂瑕佸皢鐡朵腑濂舵恫鍏呮弧濂跺槾锛岄伩鍏嶅悆杩涘┐鍎跨┖姘旈�犳垚婧㈠ザ銆�
+            <br />娣峰悎鍠傚吇鏂规硶锛�
+            <br />鈶犺ˉ鎺堟硶锛氭瘡娆″杺瀹屾瘝涔冲悗锛屾帴鐫�琛ュ杺涓�瀹氭暟閲忕殑濠村効閰嶆柟涔充互琛ヨ冻鏈強鐨勫ザ閲忋�傝ˉ鎺堟硶閫傜敤浜�6涓湀浠ュ墠鐨勫┐鍎裤��
+            <br />鈶′唬鎺堟硶锛氭瘝涔充笌閰嶆柟濂朵氦鏇垮杺鍏伙紝涓�澶╀腑閫夋嫨涓�娆℃垨鏁版瀹屽叏浣跨敤閰嶆柟濂舵浛浠f瘝涔冲杺鍏汇�備唬鎺堟硶閫傚悎浜�6涓湀浠ュ悗鐨勫┐鍎裤��
+            <br />鈶㈤伒寰互涓嬪師鍒欙細姣嶄钩浼樺厛鍘熷垯銆佸鍠傞姣嶄钩銆佸鍔犳瘝涔冲惍鍚告鏁般��
+            <br />锛�3锛夋纭�夋嫨濠村効閰嶆柟濂讹細
+            <br />鈶犻�夋嫨閫傚疁浜庡┐鍎挎湀榫勭殑閰嶆柟涔崇矇锛氭牴鎹湀榫勯�夊閰嶆柟涔崇矇銆傚┐骞煎効閰嶆柟涔崇矇鍖呮嫭濠村効閰嶆柟涔崇矇锛堚厾娈靛ザ绮夛紝閫傚悎0锝�6涓湀鐨勫┐鍎匡級銆佽緝澶у┐鍎块厤鏂逛钩绮夛紙鈪℃濂剁矇锛岄�傚悎6锝�12涓湀濠村効锛夈�佸辜鍎块厤鏂逛钩绮夛紙鈪㈡濂剁矇锛岄�傚悎12锝�36涓湀鐨勫┐骞煎効锛夈��
+            <br />
+            鈶¢�夋嫨閫傚疁浜庡┐鍎夸綋璐ㄧ殑閰嶆柟涔崇矇锛氫互鐗涗钩涓哄熀纭�鐨勫┐鍎块厤鏂瑰ザ绮夐�傜敤浜庝竴鑸仴搴风殑瀛╁瓙椋熺敤銆傚锛屽涔崇硸涓嶈�愬彈鐨勫┐鍎匡紝闇�瑕侀鐢ㄤ互鐗涗钩涓哄熀纭�鐨勬棤涔崇硸濠村効閰嶆柟涔崇矇锛屾垨浠ラ粍璞嗕负鍩虹鐨勬棤涔崇硸濠村効閰嶆柟濂剁矇锛涜嫢鏄棭浜у効锛岄渶瑕侀鐢ㄦ棭浜у効閰嶆柟涔崇矇锛涘浜庣墰濂惰繃鏁忕殑濠村効锛屽彲閫夌敤浠ュぇ璞嗚泲鐧戒负鍩鸿川鐨勫┐鍎块厤鏂逛钩绮夛紱鑳冭偁閬撲笉澶ソ銆佹秷鍖栬兘鍔涙瘮杈冨樊鐨勫┐鍎匡紝鍙互閫夋嫨娣诲姞浜嗘敼鍠勮儍鑲犻亾鍔熻兘鎴愬垎鐨勫ザ绮夛紝濡傚惈a-涔虫竻铔嬬櫧鍚噺杈冮珮锛屽鏄撴秷鍖栧惛鏀剁殑閰嶆柟濂剁矇锛涘浜庡鏄撹吂娉汇�佹劅鍐掓姷鎶楀姏姣旇緝寮辩殑濠村効锛屽彲浠ラ�夋嫨鑳¤悵鍗滅礌銆佹牳鑻烽吀鍚噺姣旇緝楂樼殑濂剁矇锛岃繖浜涙垚鍒嗛兘鏈夊姪浜庡寮哄厤鐤兘鍔涖��
+            <br /> 鈶㈤�夋嫨鍝佽川浼樿壇銆侀厤鏂瑰悎鐞嗙殑閰嶆柟涔崇矇锛氬搧璐ㄤ紭鑹殑涔崇矇棰滆壊搴旇鏄ぉ鐒朵钩榛勮壊锛屾湁鐗涘ザ鐗规湁鐨勪钩棣欏懗锛岀矇璐ㄧ粏鑵伙紝婧惰В杈冨揩涓斿彛鍛虫竻娣′笉鐢滆吇銆�
+          </p>
           <p>4.鏂扮敓鍎胯剱閮ㄦ姢鐞嗙殑鍩烘湰瑕佹眰鏄粈涔堬紵</p>
+          <textarea v-model="questionData.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冪瓟妗堛��
+            <br />锛�1锛夎瀵熻剱甯︽槸鍚﹀嚭琛�锛氬鏋滆剱甯︾罕甯冭鏌撶孩浜嗗垯闇�瑕佸強鏃堕噸鏂板寘鎵庢垨璇锋姢澹噸鏂板寘鎵庛��
+            <br />锛�2锛変笉瑕佽鑴愬甫娌炬按锛氳嫢鑴愰儴娼箍锛岃鍙婃椂鐢ㄥ共鍑�鐨勬绛炬妸姘村垎鍚告敹锛岀劧鍚庡啀杩涜鑴愬甫鎶ょ悊銆�
+            <br />锛�3锛夋瘡澶╃粰鑴愬甫娑堟瘨锛氱敤妫夌铇稿彇娴撳害75%鐨勯厭绮炬部鐫�鑴愬甫搴曢儴鏃嬭浆锛岃交杞绘摝璇曟秷姣掋��
+            <br />锛�4锛変笉瑕佽Е纰拌剱閮細鎶氳Е鏃堕伩寮�鑴愰儴锛岀┛琛f湇鍜屾埓绾稿翱瑁ゆ垨灏垮竷鏃朵篃涓嶈鎽╂摝銆佽Е纰板埌鑴愬甫銆�
+          </p>
           <p>5.鏂扮敓鍎垮父瑙佺殑鐤剧梾鏈夊摢浜涳紵鎶ょ悊瑕佹眰鏄粈涔堬紵</p>
+          <textarea v-model="questionData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冪瓟妗堛��
+            <br />锛�1锛夋柊鐢熷効榛勭柛銆�
+            <br />鎶ょ悊瑕佹眰锛氬睘浜庣敓鐞嗙幇璞★紝涓�鑸棤闇�澶勭悊銆傚彲澶氶ギ钁¤悇绯栨按锛屼績杩涙帓灏匡紝鎺掑嚭鑳嗙孩绱犮��
+            <br />锛�2锛夋孩濂躲��
+            <br />鎶ょ悊瑕佹眰锛�
+            <br />鈶犳媿鍡濓細鍠傚ザ鍚庡簲灏嗘柊鐢熷効杞昏交鎶辫捣锛屽ご闈犲湪姣嶄翰鑲╀笂锛岃交鎷嶅┐鍎胯儗閮紝浣胯儍鍐呯┖姘斿緱浠ユ帓鍑恒��
+            <br />鈶℃纭杺鍝猴細浜哄伐鍠傚吇锛屽ザ鍢寸殑寮�瀛斿ぇ灏忚鍚堥�傦紝濂跺槾蹇呴』鍏呮弧涔虫眮锛涗篃鍙妸濂舵恫璋冪◢榛忕涓�浜涖�傚鏋滄瘝浜蹭钩澶村唴闄凤紝鍦ㄥ瓡鏈熷氨搴斿姞浠ョ煫姝c��
+            <br />鈶㈠杺鍝哄悗绔栨姳涓�浼氬効锛氳嫢鏄床闂ㄦ澗寮涖�侀棴閿佸姛鑳戒笉鍏ㄦ墍鑷达紝鍠傚ザ鍚庡簲绔栫洿鎶辫捣涓�浼氬効锛屽啀鏀惧埌搴婁笂锛屽ご閮ㄧ暐鎶珮銆�
+            <br />鈶e尰娌诲彂鑲蹭笉鑹細鑻ユ槸鍏堝ぉ鎬у菇闂ㄧ嫮绐勶紝搴斿敖鏃╁�熷姪鑵归儴瓒呴煶娉㈣瘖鏂紝骞舵柦琛屽菇闂ㄦ暣褰㈡牴娌绘墜鏈��
+            <br />锛�3锛夋柊鐢熷効楣呭彛鐤��
+            <br />鎶ょ悊瑕佹眰锛�
+            <br />鈶犲眬閮ㄦ秱鑽細鍙敤鍒堕湁鑿岀礌鐮旀垚鏈笌楸艰倽娌规淮鍓傝皟鍖�锛屾秱鎼藉湪鍒涢潰涓娿�傛秱鑽悗涓嶈椹笂鍚冨ザ锛屾垨杩涢鍚庝笉瑕佹�ヤ簬缁欏瀛愭秱鑽紝鍚﹀垯浼氬紩璧峰瀛愭伓蹇冦�佸憰鍚愩��
+            <br />鈶℃敞鎰忓彛鑵旀姢鐞嗭細姣忔鍠傚ザ鍚庡啀鍠傚嚑鍙f俯寮�姘达紝鍙啿鍘诲┐鍎跨暀鍦ㄥ彛鑵斿唴鐨勫ザ姹侊紝鎶戝埗闇夎弻鐢熼暱銆�
+            <br />鈶㈡敞鎰忔竻娲佸拰娑堟瘨锛氫汉宸ュ杺鍏昏�咃紝濂跺叿瑕佷弗鏍肩叜娌告秷姣掋�傚ザ鐡躲�佸ザ澶淬�佺鍕虹瓑涓撲汉涓撶敤锛屼娇鐢ㄥ悗鐢ㄧ⒈姘存竻娲楋紝鐓哺娑堟瘨銆傛瘝涔冲杺鍏昏�呮瘡娆″杺濂跺墠锛屾瘝浜插簲鍏堟礂鎵嬶紝娓呮磥涔冲ご銆�
+            <br />鈶e┐鍎跨殑琚ぅ鍜岀帺鍏疯瀹氭湡鎷嗘礂銆佹櫨鏅掞紱娲楁急鐢ㄥ叿灏介噺鍜屽闀跨殑鍒嗗紑锛屽苟瀹氭湡娑堟瘨銆�
+            <br />锛�4锛夋柊鐢熷効绾㈣噣銆�
+            <br />鎶ょ悊瑕佹眰锛�
+            <br />鈶犻�夋嫨鍚堥�傜殑灏垮竷锛氶�夋嫨鏄撴竻娲併�佹煍杞�佸惛姘村姏寮虹殑鏉愯川浣滃翱甯冦��
+            <br />鈶′繚鎸佽噣閮ㄥ共鐕ャ�侀�忔皵锛氬嫟鎹㈠翱甯冿紝姣忔鎹㈠翱甯冨悗鐢ㄦ俯姘村皢鏂扮敓鍎胯噣閮ㄧ毊鑲ゆ礂鍑�锛屽苟鍚稿共姘村垎锛屼繚鎸佽噣閮ㄧ毊鑲ゅ共鐕ャ�傞伩鍏嶇敤鑲ョ殏銆佺儹姘寸儷娲楀┐鍎胯噣閮ㄣ�傝噣閮ㄥ共鐖藉悗锛屽彲娑備竴浜涘彲浠ユ不鐤楃孩鑷�鐨勮嵂鑶忋��
+          </p>
           <p>6.妯℃嫙璁粌锛氫互涓撲笟鐨勮亴涓氱簿绁炴搷浣滄湰鍗曞厓瀹炴搷閮ㄥ垎锛屽寘鎷瘝涔冲杺鍏绘寚瀵笺�佷汉宸ュ杺鍏绘寚瀵笺�佹洿鎹㈠翱甯冦�佹洿鎹㈣。鐗┿�佽剱閮ㄦ姢鐞嗐�佸┐鍎挎矏娴淬��</p>
+          <textarea v-model="questionData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <p v-if="unitQuestion.isShowAnswer" class="answertxt">
+            銆愬弬鑰冨缓璁��
+            <br />锛�1锛夆�滄瘝涔冲杺鍏绘寚瀵笺�佷汉宸ュ杺鍏绘寚瀵尖�濆彲浠ュ鎵捐韩杈归�傚悎鐨勪汉鍛樺皾璇曡繘琛屼笓涓氭寚瀵硷紝涔熷彲浠ヨ竟璇磋竟鍋氾紝妯℃嫙缁冧範銆傗�滄洿鎹㈠翱甯冦�佹洿鎹㈣。鐗┿�佽剱閮ㄦ姢鐞嗐�佸┐鍎挎矏娴粹�濈瓑鍙互瀵绘壘閫傞緞濠村効瀹炴搷锛屼篃鍙互鍒╃敤鐜╁叿濞冨▋鎴栦豢鐪熷▋濞冭繘琛岀粌涔犳搷浣溿��
+            <br />锛�2锛夋敞鎰忔瘡椤规搷浣滃姩浣滄爣鍑嗐�佽鑼冦��
+            <br />锛�3锛変綋鐜扮Н鏋佺殑鍥炲簲寮忕収鎶わ紝娉ㄦ剰涓庡┐鍎挎儏鎰熶簰鍔ㄣ��
+          </p>
           <p>7.妯℃嫙璁粌锛氳鐪熺粌涔犳柊鐢熷効鎶氳Е鐨勬搷浣滄墜娉曘�備互灏忕粍涓哄崟浣嶏紝閲囩敤闆嗕綋缁勭粐鐨勬柟寮忥紝妯℃嫙灞曠ず涓烘柊鐢熷効鍋氭姎瑙︾殑鏂规硶銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="chapter001.videoMd5[13].handleMd5" webkit-playsinline="true" x-webkit-airplay="true"
+                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                controls controlslist="nodownload" class="w100 video"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛歿{ chapter001.videoMd5[13].name }}</span>
+              <el-tooltip class="item" effect="dark" :content="chapter001.videoMd5[13].isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == chapter001.videoMd5[13].md5
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect(chapter001.videoMd5[13])" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>瑕佹眰锛�</p>
           <p>锛�1锛夊皬缁勫唴锛�1浜轰负鑰佸笀锛屽叾浠栦汉涓哄┐鍎跨殑鎶氬吇浜猴紝鐜╁叿濞冨▋涓烘柊鐢熷効銆�</p>
           <p>锛�2锛夐�夋嫨杞诲揩銆佹煍缇庣殑澶ц嚜鐒堕煶涔愪綔涓烘姎瑙﹁儗鏅煶涔愩��</p>
           <p>锛�3锛夐泦浣撴搷浣滐紝瑕佹眰浠跨湡鎬с��</p>
+          <textarea v-model="questionData.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" class="table-textarea"
+            @change="setBookQuestion"></textarea>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button @click="changeQuestionData" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+              <li>
+                <button @click="viewAnswersAndScroll" class="parimary-btn">
+                  鏌ョ湅绛旀
+                </button>
+              </li>
+            </ul>
+          </div>
+          <p>
+            <img class="rwmb-1" alt="" src="../../assets/images/tb-8.png" /><span class="zt-ht">瀛︿範鍙嶆��</span>
+          </p>
+          <textarea v-model="bookData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="9" class="table-textarea"
+            @change="setBookData"></textarea>
         </div>
         <ul class="fl al-fe footer-left">
           <li class="footerNumber">62</li>
@@ -1742,15 +2176,72 @@
       bookData: {
         one: "",
       },
-
-
-
-      bookQusetion: [
-
-      ]
+      exampleOne: {
+        isComplete: false,
+        isShowAnswer: false,
+        unitOne: [
+          {
+            txt: "涓嬪垪鍝鐜拌薄鑳借〃鏄庢柊鐢熷効鐨勮鍚崗璋冿紙銆�銆�锛�",
+            isRight: null,
+            answer: "C",
+            answerTitle: "瑙f瀽锛氬┐鍎垮惉鍒版瘝浜插彨瀹濆疂锛岃〃鐜颁簡鍚锛屽氨浼氬幓鎵惧濡堬紝涓庤瑙夋湁鍏炽��",
+            userAnswer: "",
+            option: [
+              {
+                txt: "鏈変簺濠村効鍚埌闊充箰浼氶湶鍑虹瑧瀹�",
+                value: "A"
+              },
+              {
+                txt: "鍚埌宸ㄥぇ鐨勫0鍝嶏紝濠村効浼氱灙澶х溂鐫�",
+                value: "B"
+              },
+              {
+                txt: "濠村効鍚埌姣嶄翰鍙�滃疂瀹濃�濆氨浼氬幓鎵惧濡�",
+                value: "C"
+              },
+              {
+                txt: "濠村効鐪嬪埌澶т汉閫椾粬璇磋瘽锛屼細涓�璺充竴璺宠〃鐜板嚭蹇箰鐨勬牱瀛�",
+                value: "D"
+              },
+            ]
+          },
+          {
+            txt: "鍎跨鍑虹敓鍚庡氨鍑虹幇浜嗘敞鎰忕幇璞★紝杩欏疄璐ㄦ槸涓�绉嶏紙銆�銆�锛�",
+            isRight: null,
+            answer: "C",
+            answerTitle: "瑙f瀽锛氬畾鍚戞�ф敞鎰忓湪鏂扮敓鍎挎湡鍑虹幇锛屽┐鍎挎湡杈冩槑鏄俱�傝繖鏄湰鑳界殑鏃犳潯浠跺弽灏勩��",
+            userAnswer: "",
+            option: [
+              {
+                txt: "閫夋嫨鎬ф敞鎰�",
+                value: "A"
+              },
+              {
+                txt: "鏈夋剰娉ㄦ剰",
+                value: "B"
+              },
+              {
+                txt: "瀹氬悜鎬ф敞鎰�",
+                value: "C"
+              },
+              {
+                txt: "闅忔剰娉ㄦ剰",
+                value: "D"
+              },
+            ]
+          },
+        ],
+      },
     };
   },
   async mounted() {
+    const exampleOne = localStorage.getItem("aurturingAndEducation-book-chapter02-exampleOne");
+    if (exampleOne) {
+      this.exampleOne = JSON.parse(exampleOne);
+    }
+
+
+
     const bookQuestion = localStorage.getItem(
       "aurturingAndEducation-book-chapter02-questionData"
     );
@@ -1873,6 +2364,32 @@
         }
       });
     },
+    goExampleOne() {
+      for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+        const item = this.exampleOne.unitOne[index];
+        if (item.userAnswer == item.answer) {
+          item.isRight = true
+        } else {
+          item.isRight = false
+        }
+      }
+      this.exampleOne.isComplete = true
+      this.exampleOne.isShowAnswer = true
+      this.saveExampleOne()
+    },
+    changeExampleOne() {
+      localStorage.removeItem("aurturingAndEducation-book-chapter02-exampleOne")
+      for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
+        const item = this.exampleOne.unitOne[index];
+        item.userAnswer = ""
+        item.isRight = null
+      }
+      this.exampleOne.isComplete = false
+      this.exampleOne.isShowAnswer = false
+    },
+    saveExampleOne() {
+      localStorage.setItem('aurturingAndEducation-book-chapter02-exampleOne', JSON.stringify(this.exampleOne))
+    },
   },
 };
 </script>

--
Gitblit v1.9.1