From fe52c75b42ef2815dc5c66e964c2b388ed09d097 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 25 四月 2025 11:28:21 +0800
Subject: [PATCH] 环境变量修改

---
 src/books/aviationEtiquette/view/components/chapter003.vue | 1735 ++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 1,243 insertions(+), 492 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 1777415..aae588f 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -9,39 +9,96 @@
         </ul>
         <div class="bodystyle">
           <h1 id="a007">
-            <span class="h1-bj">妯″潡涓�</span
-            ><span class="h1-bk">姘戣埅娌熼�氱ぜ浠疄璁�</span>
+            <span class="h1-bj">妯″潡涓�</span><span class="h1-bk">姘戣埅娌熼�氱ぜ浠疄璁�</span>
           </h1>
           <h2 id="b006">椤圭洰涓�銆�姘戣埅鑱屽満娌熼��</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-01.png" alt=""></p>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鏉庝附鍦ㄥ弬鍔犲績浠叕鍙哥殑闈㈣瘯鍓嶅仛瓒充簡鍑嗗锛屽苟鍦ㄩ潰璇曚腑閫氳繃鑹ソ鐨勫Э鎬佺粰浜洪潪甯告湁淇吇銆佹湁绀艰矊鐨勬劅瑙夈�傚彲鏄紝鍦ㄥ拰闈㈣瘯瀹樻矡閫氭椂濂瑰彂鐜拌嚜宸遍潪甯哥揣寮狅紝鎬绘槸涓嶈兘寰堝ソ鍦扮悊瑙ｉ潰璇曞畼鐨勬彁闂拰瑕佹眰锛屽湪闈㈣瘯瀹樺悜濂瑰睍绀烘矡閫氭湇鍔℃渚嬪苟璇峰ス鍙戣〃鐪嬫硶鐨勬椂鍊欙紝濂逛篃寰堟嚨銆傛潕涓芥剰璇嗗埌鑷繁鐨勬矡閫氳兘鍔涜繕鏈夊緟鎻愰珮锛岃揩鍒囧笇鏈涢�氳繃瀛︿範锛屼簡瑙ｆ皯鑸亴鍦烘矡閫氱殑鐗圭偣锛屽浼氫笌鍚屼簨鍜屾梾瀹㈢殑鐩稿涔嬮亾銆傛湰椤圭洰灏嗗涔犲浣曚笌鏃呭杩涜娌熼�氾紝鎻愰珮姘戣埅鏈嶅姟浜哄憳鐨勬�濇兂閬撳痉姘村钩鍜岀瀛︽枃鍖栫礌鍏汇��
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鍑洪棬鍦ㄥ锛屾梾瀹㈠姘戣埅鏈嶅姟浜哄憳鏈夋瀬澶х殑渚濊禆銆傛皯鑸湇鍔′汉鍛樻媴璐熺潃淇濋殰鏃呭瀹夊叏鐨勮矗浠伙紝鎵挎媴鐫�鐓ч【鏃呭鐨勪箟鍔★紝鍥犳锛岃鐢ㄦ俯棣ㄧ殑璇█鍜屾俯鏆栫殑鏈嶅姟锛岃鏃呭鎰熷彈鍒版梾閫旂殑鎰夊揩锛岃�屾矡閫氬垯鏄紑鍚汉闄呬氦寰�鐨勯噸瑕侀挜鍖欍��
             </p>
           </div>
           <h3 id="c021">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">姘戣埅鑱屽満娌熼�氳鐭ャ��</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">姘戣埅鑱屽満娌熼�氳鐭ャ��</span>
           </h3>
           <p><b>浠诲姟鎻忚堪锛�</b></p>
           <p>1.浜嗚В姘戣埅娌熼�氱殑鐗圭偣銆�</p>
           <p>2.璁よ瘑姘戣埅娌熼�氱殑浣滅敤銆�</p>
           <p>3.鎺屾彙涓婁笅绾ф矡閫氱殑鏂规硶銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathOne" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸簲绉嶆矡閫氶鏍�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f3a3b8b1b5eb8b942f57b7c6ef20ff7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏈夋晥娌熼��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏃犳晥娌熼��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d071">涓�銆佹皯鑸亴鍦烘矡閫氭杩�</h4>
           <p>
             姘戣埅娌熼�氫竴鑸寘鎷鍙版寚鎸ヤ腑蹇冧笌涔樺姟缁勭殑娌熼�氥�佺┖涓箻鍔＄粍鍦ㄥ鑸卞唴涓庡悓浜嬪強鏃呭鐨勬矡閫氥�佸湴闈㈡湇鍔′汉鍛樺湪鏈哄満澶у巺涓庡悓浜嬪強鏃呭鐨勬矡閫氱瓑銆�
@@ -49,14 +106,13 @@
         </div>
       </div>
     </div>
-
     <!-- 90 -->
     <div class="page-box" page="96">
       <div v-if="showPageList.indexOf(96) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">90</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">90</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -70,6 +126,25 @@
             涓嶅悓鐨勪紒涓氭枃鍖栥�佷笉鍚岀殑绠＄悊鍒跺害銆佷笉鍚岀殑涓氬姟閮ㄩ棬锛屾矡閫氶鏍奸兘浼氭湁鎵�涓嶅悓锛屾垜浠椤哄簲姘戣埅涓氱殑瀹夊叏鎬с�佸揩閫熸�с�佹満鍔ㄦ�с�佸浗闄呮�х瓑鐗瑰緛锛屽疄鐜版湁鏁堟矡閫氥��
           </p>
           <h4 id="d072">浜屻�佹皯鑸汉鍛樹笌鏃呭鐨勬矡閫氭妧宸�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬垵娆′箻鏈烘梾瀹㈢櫥鏈烘湇鍔℃祦绋嬭瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f768963b0e70d05a065c3094c9a6a6af'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e070">锛堜竴锛夊鍒濇涔樻満鐨勬梾瀹�</h5>
           <p>
             鍒濇涔樺潗椋炴満锛屾梾瀹㈡棦濂藉鍙堢揣寮犮�備负婊¤冻鏃呭鐨勫ソ濂囧績锛屼箻鍔″憳瑕佷富鍔ㄤ负浠栦滑浠嬬粛鏈鑸彮鐨勬儏鍐碉紝濡傛満鍨嬨�侀琛岄珮搴︺�佸潗鏍囩瓑銆傚垵娆′箻鍧愰鏈虹殑鏃呭缂哄皯涔樺潗椋炴満鐨勫父璇嗐�備竴鏂归潰锛屼箻鍔″憳瑕佽�愬績鍦颁粙缁嶏紝涓嶈鍢茬瑧浠栦滑锛岄伩鍏嶄娇鏃呭鎰熷埌鑷崙锛涘彟涓�鏂归潰锛屼箻鍔″憳杩樿閫氳繃浜插垏浜よ皥鍒嗘暎浠栦滑绱у紶鐨勬儏缁紝浣夸粬浠劅鍒颁箻鍧愰鏈烘槸瀹夊叏鐨勩��
@@ -83,30 +158,67 @@
             渚嬪锛岄噸瑕佹梾瀹竴涓婇鏈猴紝涔樺姟鍛樺簲鑳藉噯纭棤璇湴鐢ㄤ粬浠殑濮撴皬鍜岃亴鍔℃潵闂�欎粬浠紱褰撻噸瑕佹梾瀹㈤�掔粰涔樺姟鍛樺悕鐗囨椂锛屼箻鍔″憳搴斿綋闈㈣鍑烘潵锛屼娇浠栦滑鍦ㄥ績鐞嗕笂浜х敓涓�绉嶆弧瓒虫劅锛涗箻鍔″憳瑕佹敞鎰忎笌鏃呭杩涜娌熼�氾紝浣夸粬浠殑鏁翠釜鏃呯▼閮芥矇娴稿湪鎰夋偊鐨勫績鎯呬腑銆�
           </p>
           <h5 id="e072">锛堜笁锛夊鑰佸勾鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳�佸勾鏃呭鏈嶅姟娌熼�氳瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ada8ecd6349bf5d0c6ee2b6642e9effc'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑰佸勾鏃呭鏈�鍏冲績鑸彮鐨勫畨鍏ㄩ棶棰橈紝灏ゅ叾鍦ㄩ鏈鸿捣钀芥椂銆傚洜姝ゅ鑰佸勾浜鸿繘琛屾湇鍔℃椂瑕佺粏鑷达紝涓庤�佸勾浜鸿璇濊閫熻鎱紝闊抽噺瑕佺暐澶э紝搴斾富鍔ㄥ叧蹇冧粬浠渶瑕佷粈涔堟湇鍔★紝娲炲療骞跺強鏃舵弧瓒充粬浠殑蹇冪悊闇�姹傦紝灏介噺娑堥櫎浠栦滑鐨勫鐙劅銆�
           </p>
           <h5 id="e073">锛堝洓锛夊鐢熺梾鏃呭</h5>
           <p>
-            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔＄粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囨敞鎰忕梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
+            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔＄粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囧叧娉ㄧ梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
           </p>
         </div>
       </div>
     </div>
-
     <!-- 91 -->
     <div class="page-box" page="97">
       <div v-if="showPageList.indexOf(97) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">91</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">91</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h5 id="e074">锛堜簲锛夊鎸戝墧鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈡寫鍓旀椂鐨勬湇鍔℃矡閫氳瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9c6c01fac88c9dda705bdfd05df3b0ec'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             椋炴満涓婂伓灏旀湁涓埆姣旇緝鎸戝墧鐨勬梾瀹紝浠栦滑瀵规湇鍔″拰璁惧浠ュ強椁愰ギ绛変細鎻愬嚭闅句互杈惧埌鐨勮姹傘�傚湪涓庢梾瀹㈡矡閫氱殑杩囩▼涓紝鍔″繀瑕佽浣忎互鏃呭涓轰腑蹇冿紝鏀惧純鑷垜涓績璁恒�傚仛鍒板績骞虫皵鍜屻�佷笉涔卞彂鐗㈤獨锛岃繖鏍蜂笉浠呰嚜宸卞揩涔愶紝鏃呭涔熶細蹇冩儏鎰夋偊銆�
           </p>
@@ -114,6 +226,25 @@
             瀵规锛屾皯鑸湇鍔′汉鍛樹竴瀹氳鑰愬績銆佷笉鎬ヨ簛锛屼互骞抽潤鐨勫績鎬佸惉鏃呭鐨勫�捐瘔锛岀敤鐑績銆佸懆鍒扮殑鏈嶅姟锛屼娇鏃呭鐨勫績鎯呮參鎱㈠湴骞抽潤涓嬫潵锛屼笉瑕佹�ヤ簬瑙ｉ噴鍜岃京瑙ｏ紝閬垮厤寮曡捣鏃呭鏇村ぇ鐨勫弽鎰熴��
           </p>
           <h4 id="d073">涓夈�佷紭璐ㄦ湇鍔＄殑鈥滀簲蹇冣�濇矡閫�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈤敊杩囬�侀璇夋眰澶勭悊璇濇湳婕旂ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '81574f24a780ca2ed16b023eb795ce04'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e075">锛堜竴锛夎矗浠诲績</h5>
           <p>
             璐ｄ换蹇冨氨鏄竴绉嶈嚜瑙夊湴鎶婂垎鍐呯殑浜嬫儏鍋氬ソ骞舵効鎰忔壙鎷呯浉搴旇矗浠荤殑鎯呮劅銆傛皯鑸伐浣滄棦鏄湇鍔″伐浣滐紝涔熸槸瀹夊叏宸ヤ綔锛屾棦鍏崇郴鍒拌埅绌哄叕鍙哥殑鏈嶅姟姘村钩锛屼篃鍏崇郴鍒版梾瀹㈢敓鍛藉拰鍥藉璐骇瀹夊叏锛岃矗浠婚噸澶э紝闇�瑕佹皯鑸湇鍔′汉鍛樹互楂樺害鐨勮矗浠诲績璁ょ湡瀵瑰緟銆傚彲浠ヨ锛岃矗浠诲績鏄竴鍚嶆皯鑸湇鍔′汉鍛樺簲璇ュ叿澶囩殑鍩烘湰鏉′欢銆�
@@ -126,29 +257,25 @@
           <p>
             涓�涓ソ鐨勬皯鑸湇鍔′汉鍛樹竴瀹氭槸涓�涓彲浠ュ寘瀹规梾瀹⑩�滆繃澶扁�濈殑浜恒�傛梾瀹綔涓虹浉瀵圭殑鈥滆嚜鐢变汉鈥濓紝鍙互鍦ㄦ硶寰嬫硶瑙勫厑璁哥殑鑼冨洿鍐呮彁鍑鸿嚜宸辩殑闇�姹傦紝瀹ｆ硠涓汉鐨勬儏缁�傛湁鏃讹紝杩欎簺闇�姹傚拰鎯呯华鍙兘瓒呭嚭鏅�氫汉鐨勫績鐞嗘壙鍙楄寖鍥达紝缁欏埆浜哄甫鏉ヤ激瀹炽�傝�屾皯鑸湇鍔′汉鍛樺繀椤昏兘澶熷寘瀹硅繖浜涜█琛岋紝瑕佸叿鏈夎秴杩囨櫘閫氫汉鐨勫浼ゅ鐨勬帴鍙楀害鈥斺�旇繖灏辫�冮獙鐫�姘戣埅鏈嶅姟浜哄憳鐨勫寘瀹瑰績銆�
           </p>
-          <h5 id="e078">锛堝洓锛夊悓鎯呭績</h5>
-          <p>
-            鍚屾儏蹇冨氨鏄綋浠栦汉鏈夊洶闅炬垨閬埌涓嶅垢鏃讹紝鑷繁鐨勫唴蹇冧笘鐣屼骇鐢熺殑涓�绉嶄笉濂藉彈銆佹�滄偗锛岃繘鑰屾兂鍦ㄩ亾涔変笂銆佹柟娉曚笂鎴栫墿璐ㄤ笂甯姪浠栦汉瑙ｅ喅鍥伴毦鐨勫唴蹇冩劅鍙楋紝鏄劅浜轰箣鎵�鎰燂紝鐢氳嚦鏄汉涓庝汉涔嬮棿鐨勪竴绉嶄簰鐩哥殑鈥滃績鐏垫劅搴斺�濄�傚鏋滄妸鐖卞績姣斿柣鎴愬骞跨殑澶ф捣锛屽悓鎯呭績灏辨槸閭ｆ捣闈笂涓�鏈垫湹缇庝附鐨勬氮鑺憋紝钄氳摑鐨勬捣闈护浜哄钩闈欙紝鑰屾磥鐧界殑娴姳浣夸汉婵�鍔ㄣ�傛湇鍔″伐
-          </p>
         </div>
       </div>
     </div>
-
     <!-- 92 -->
     <div class="page-box" page="98">
       <div v-if="showPageList.indexOf(98) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">92</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">92</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
+          <h5 id="e078">锛堝洓锛夊悓鎯呭績</h5>
           <p>
-            浣滈潰瀵圭殑鏃呭鏉ヨ嚜澶╁崡娴峰寳锛屼粬浠湁鐫�涓嶅悓鐨勮儗鏅拰缁忓巻锛屽綋浠栦滑鑱氶泦鍦ㄥ鑸辫繖涓壒娈婄殑绌洪棿閲岋紝浼氭湁鍚勭涓嶅悓鐨勫績鐞嗘劅鍙椼�備竴鑸潵璇达紝鍒濇涔樻満鐨勬梾瀹㈠笇鏈涘緱鍒版皯鑸湇鍔′汉鍛樹笉鍔ㄥ０鑹层�佸強鏃剁殑鎸囩偣鏉ュ寲瑙ｇ揣寮犵殑鎯呯华鍜岃尗鐒剁殑鎰熻锛涚敓鐥呯殑鏃呭闇�瑕佺壒鎰忕殑鍏崇収鍜岄棶鍊欐潵鍏嬫湇涓嶅畨銆佺紦瑙ｇ梾鐥涳紱鑰佸勾鏃呭闇�瑕佸強鏃剁殑甯姪浠ラ伩鍏嶅洜琛屽姩涓嶄究閫犳垚鐨勫洶闅惧拰灏村艾鈥︹�﹀瘜鏈夊悓鎯呭績鐨勬皯鑸湇鍔′汉鍛樺簲浠庢梾瀹㈢殑涓炬瑷�璋堜腑鏁忛攼鍦板療瑙夊埌涓嶅悓鏃呭鐨勫洶闅惧拰闇�姹傦紝浠庤�屽強鏃舵彁渚涚粏蹇冪殑銆佸懆鍒扮殑銆佹湁閽堝鎬х殑鏈嶅姟銆傚湪鏈嶅姟瀹炶返涓紝鏈夊緢澶氫緥瀛愯瘉鏄庯細瀵屾湁鍚屾儏蹇冪殑姘戣埅鏈嶅姟浜哄憳鑳藉寰堝ソ鍦板睍绀烘湇鍔＄殑榄呭姏锛屼粠鑰屼娇鏈嶅姟宸ヤ綔杈惧埌浠や汉鈥滃姩蹇冣�濈殑鏁堟灉銆�
+            鍚屾儏蹇冨氨鏄綋浠栦汉鏈夊洶闅炬垨閬埌涓嶅垢鏃讹紝鑷繁鐨勫唴蹇冧笘鐣屼骇鐢熺殑涓�绉嶄笉濂藉彈銆佹�滄偗锛岃繘鑰屾兂鍦ㄩ亾涔変笂銆佹柟娉曚笂鎴栫墿璐ㄤ笂甯姪浠栦汉瑙ｅ喅鍥伴毦鐨勫唴蹇冩劅鍙楋紝鏄劅浜轰箣鎵�鎰燂紝鐢氳嚦鏄汉涓庝汉涔嬮棿鐨勪竴绉嶄簰鐩哥殑鈥滃績鐏垫劅搴斺�濄�傚鏋滄妸鐖卞績姣斿柣鎴愬骞跨殑澶ф捣锛屽悓鎯呭績灏辨槸閭ｆ捣闈笂涓�鏈垫湹缇庝附鐨勬氮鑺憋紝钄氳摑鐨勬捣闈护浜哄钩闈欙紝鑰屾磥鐧界殑娴姳浣夸汉婵�鍔ㄣ�傛湇鍔″伐浣滈潰瀵圭殑鏃呭鏉ヨ嚜澶╁崡娴峰寳锛屼粬浠湁鐫�涓嶅悓鐨勮儗鏅拰缁忓巻锛屽綋浠栦滑鑱氶泦鍦ㄥ鑸辫繖涓壒娈婄殑绌洪棿閲岋紝浼氭湁鍚勭涓嶅悓鐨勫績鐞嗘劅鍙椼�備竴鑸潵璇达紝鍒濇涔樻満鐨勬梾瀹㈠笇鏈涘緱鍒版皯鑸湇鍔′汉鍛樹笉鍔ㄥ０鑹层�佸強鏃剁殑鎸囩偣鏉ュ寲瑙ｇ揣寮犵殑鎯呯华鍜岃尗鐒剁殑鎰熻锛涚敓鐥呯殑鏃呭闇�瑕佺壒鎰忕殑鍏崇収鍜岄棶鍊欐潵鍏嬫湇涓嶅畨銆佺紦瑙ｇ梾鐥涳紱鑰佸勾鏃呭闇�瑕佸強鏃剁殑甯姪浠ラ伩鍏嶅洜琛屽姩涓嶄究閫犳垚鐨勫洶闅惧拰灏村艾鈥︹�﹀瘜鏈夊悓鎯呭績鐨勬皯鑸湇鍔′汉鍛樺簲浠庢梾瀹㈢殑涓炬瑷�璋堜腑鏁忛攼鍦板療瑙夊埌涓嶅悓鏃呭鐨勫洶闅惧拰闇�姹傦紝浠庤�屽強鏃舵彁渚涚粏蹇冪殑銆佸懆鍒扮殑銆佹湁閽堝鎬х殑鏈嶅姟銆傚湪鏈嶅姟瀹炶返涓紝鏈夊緢澶氫緥瀛愯瘉鏄庯細瀵屾湁鍚屾儏蹇冪殑姘戣埅鏈嶅姟浜哄憳鑳藉寰堝ソ鍦板睍绀烘湇鍔＄殑榄呭姏锛屼粠鑰屼娇鏈嶅姟宸ヤ綔杈惧埌浠や汉鈥滃姩蹇冣�濈殑鏁堟灉銆�
           </p>
           <h5 id="e079">锛堜簲锛夎�愬績</h5>
           <p>
@@ -173,27 +300,23 @@
           </p>
           <h6 id="f027">4.寰佽璇�</h6>
           <p>
-            寰佽璇槸鍦ㄦ湇鍔¤繃绋嬩腑灏辨煇浠朵簨鎯呯殑鍙戝睍璧板悜鎴栬�呭鏌愪簨鐗╃殑閫夋嫨鍚戞梾瀹㈣繘琛屽緛璇�
+            寰佽璇槸鍦ㄦ湇鍔¤繃绋嬩腑灏辨煇浠朵簨鎯呯殑鍙戝睍璧板悜鎴栬�呭鏌愪簨鐗╃殑閫夋嫨鍚戞梾瀹㈣繘琛屽緛璇㈣�岄噰鐢ㄧ殑绀艰矊鐢ㄨ銆備緥濡傦紝鍦ㄥ悜鏃呭鎻愪緵甯姪涓庢湇鍔℃椂甯稿父浣跨敤鈥滆闂偍闇�瑕佸府鍔╁悧鈥濃�滄偍濂斤紝鑳戒负鎮ㄥ仛鐐逛粈涔堝悧鈥濃�滄偍濂斤紝璇烽棶鎮ㄩ渶瑕佸摢绉嶉ギ鏂欌�濃�滆闂偍闇�瑕佸皬姣涙鍚椻�濄��
           </p>
         </div>
       </div>
     </div>
-
     <!-- 93 -->
     <div class="page-box" page="99">
       <div v-if="showPageList.indexOf(99) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">93</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">93</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>
-            鑰岄噰鐢ㄧ殑绀艰矊鐢ㄨ銆備緥濡傦紝鍦ㄥ悜鏃呭鎻愪緵甯姪涓庢湇鍔℃椂甯稿父浣跨敤鈥滆闂偍闇�瑕佸府鍔╁悧鈥濃�滄偍濂斤紝鑳戒负鎮ㄥ仛鐐逛粈涔堝悧鈥濃�滄偍濂斤紝璇烽棶鎮ㄩ渶瑕佸摢绉嶉ギ鏂欌�濃�滆闂偍闇�瑕佸皬姣涙鍚椻�濄��
-          </p>
           <h6 id="f028">5.璇锋墭璇�</h6>
           <p>
             璇锋墭璇�氬父鎸囩殑鏄湪璇锋眰浠栦汉甯繖鎴栨槸鎵樹粯浠栦汉浠ｅ姵鏃朵娇鐢ㄧ殑绀艰矊鐢ㄨ銆傚湪鏈嶅姟杩囩▼涓闇�璇锋眰鏃呭甯繖锛屽簲浣跨敤绀艰矊鐢ㄨ锛岃璇濆墠閮借鍔犱笂涓�涓�滆鈥濆瓧锛屾垨鑰呯ぜ璨屽湴璇粹�滈夯鐑︽偍鈥濃�滄嫓鎵樻偍鈥濄�備緥濡傦紝鈥滃厛鐢熸偍濂斤紝椋炴満椹笂灏辫璧烽浜嗭紝楹荤儲鎮ㄥ皢搴ф闈犺儗璋冪洿鈥濃�滄偍濂斤紝椋炴満椹笂璧烽浜嗭紝璇峰皢鎵嬫満鍏虫満鎴栬皟鏁翠负椋炶妯″紡鈥濃�滄偍濂藉コ澹紝璇峰皢灏忔鏉挎敹璧封�濄�備娇鐢ㄦ绫荤敤璇椂闇�瑕佹敞鎰忚姘斿簲鏌斿拰涓嶈兘鐢熺‖锛屾洿涓嶈兘鐢ㄥ懡浠ゅ紡鐨勫彛鍚绘潵璇淬��
@@ -209,15 +332,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍦ㄥ伐浣滀腑锛屽綋姘戣埅鏈嶅姟浜哄憳閬囧埌瀹汉鎻愬嚭鐨勮姹傛垨闂鑷韩鏃犳硶婊¤冻鎴栬В鍐虫椂锛岃濡備綍鍥炵瓟锛�
               </p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e081">锛堜簩锛夋湇鍔″繉璇�</h5>
@@ -236,14 +360,13 @@
         </div>
       </div>
     </div>
-
     <!-- 94 -->
     <div class="page-box" page="100">
       <div v-if="showPageList.indexOf(100) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">94</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">94</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -252,7 +375,7 @@
         <div class="bodystyle">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
           <p>
-            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃牭鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
+            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃槦鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
           </p>
           <h6 id="f035">5.鍌績鍛戒护寮忕殑璇彞</h6>
           <p>
@@ -282,13 +405,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鍦ㄦ湇鍔¤繃绋嬩腑锛岄渶瑕侀伩鍏嶄娇鐢ㄥ摢浜涙墜鍔匡紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -302,26 +426,43 @@
         </div>
       </div>
     </div>
-
     <!-- 95 -->
     <div class="page-box" page="101">
       <div v-if="showPageList.indexOf(101) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">95</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">95</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c022">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">姘戣埅鏈嶅姟娌熼�氬疄璁�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">姘戣埅鏈嶅姟娌熼�氬疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟涓湁鍏虫矡閫氱殑妗堜緥銆�</p>
           <p>2.浠庢渚嬩腑鍒嗘瀽瀹炶返缁忛獙銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸亴鍦烘矡閫氳鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '65f1f06c69581442b53aefac9da33353'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d075">涓�銆佸疄璁渚嬩竴 鍚屼簨鐩稿</h4>
           <p>
             鐜嬮懌鏄煇鑸┖鍏徃浜哄姏璧勬簮閮ㄧ殑涓�鍚嶅憳宸ワ紝浜烘瘮杈冮殢鍜岋紝涓嶅枩浜夋墽锛屽拰鍚屼簨澶勫緱閮芥瘮杈冨ソ銆備絾鏄紝鍓嶄竴娈垫椂闂达紝涓嶇煡閬撲负浠�涔堬紝鍚屼竴閮ㄩ棬鐨勬潕鍝嶈�佹槸澶勫鍜屼粬杩囦笉鍘伙紝鏈夋椂鍊欐晠鎰忓湪鍒汉闈㈠墠鎸囨楠傛锛屼笌浠栧悎浣滃伐浣滄椂涔熼兘鏈夋剰璁╃帇閼鍋氾紝鐢氳嚦杩樻姠浜嗙帇閼ソ澶氫笟鍔°��
@@ -332,12 +473,11 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇峰悓瀛︿滑璁ㄨ涓�涓嬶紝濡傛灉浣犳槸鐜嬮懌锛屽簲璇ュ浣曞簲瀵癸紵</p>
               <p>
                 鍒嗘瀽锛氱帇閼亣鍒扮殑鏄湪宸ヤ綔涓父甯稿嚭鐜扮殑闂銆傚湪涓�娈垫椂闂撮噷锛屽悓浜嬫潕鍝嶅浠栫殑鎬佸害澶ф湁鏀瑰彉锛岃繖搴旇鏄鐜嬮懌鏈夋墍璀﹁鐨勶紝浠栨湰搴旇鐣欏績鏄笉鏄摢閲屽嚭浜嗛棶棰樸�備絾鏄紝鐜嬮懌鍙槸涓�鍛冲湴蹇嶈锛岃�屽繊璁╀笉鏄暱涔呬箣璁★紝鏇撮噸瑕佺殑搴旇鏄娌熼�氥�傜帇閼簲璇ヨ�冭檻鏄笉鏄潕鍝嶆湁浜嗕竴浜涗粈涔堟兂娉曪紝浠庤�屼娇浜屼汉涔嬮棿鏈変簡涓�浜涜浼氾紝鎵嶈鏉庡搷瀵硅嚜宸辩殑鎬佸害鍙樺緱杩欎箞鎭跺姡锛屼粬搴旇鍙婃椂鍜屾潕鍝嶈繘琛屾矡閫氾紝濡傞棶闂潕鍝嶆槸涓嶆槸鑷繁浠�涔堝湴鏂瑰仛寰椾笉瀵癸紝璁╀粬闅惧牚浜嗕箣绫荤殑銆傚疄闄呬笂浠讳綍涓�涓汉閮戒笉鍠滄涓庝汉缁撴�紝姝ゆ椂鑻ュ強鏃惰В鍐筹紝涔熻浠栦滑涔嬮棿鐨勮浼氬拰鐭涚浘灏变細娑堝け浜嗐��
@@ -345,22 +485,20 @@
               <p>
                 鐜嬮懌鍦ㄥ繊涓嶄笅鍘荤殑鏃跺�欙紝閫夋嫨浜嗗憡鐘躲�傚湪杩欓噷锛岀帇閼�佹�荤粡鐞嗐�佹潕鍝嶄笁浜虹姱浜嗗悓鏍风殑閿欒锛岄偅灏辨槸娌℃湁鍧氭寔鈥滃浜嬩笉瀵逛汉鈥濓紝鎬荤粡鐞嗗仛浜嬩篃杩囦簬鑽夌巼锛屾病鏈夎捣鍒板簲鏈夌殑璋冭妭浣滅敤锛屼粬鐨勪竴鐣壒璇勫弽鑰屽姞鍓т簡浜屼汉涔嬮棿鐨勭煕鐩俱�傛纭殑鍋氭硶鏄妸鍙屾柟涔嬮棿鐨勮浼氥�佺煕鐩捐В寮�锛岀鐫�浠ヤ簨涓氫负閲嶏紝鍔犲己鍛樺伐鐨勬矡閫氭潵澶勭悊杩欎欢浜嬨�傝繖鏍峰仛鐨勮瘽锛岀粨鏋滆偗瀹氫細濂藉緱澶氥��
               </p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p>
-            绮鹃�氣�滀汉闄呮矡閫氭妧宸р�濅笉鏄负浜嗘妸鍒汉韪╁湪鑴氫笅锛岃�屾槸涓轰簡鍑忓皯宸ヤ綔涓殑闃诲姏銆傝亴鍦烘槸涓�涓ぇ鑸炲彴锛岀悍绻佸鏉傘�備竴涓汉鍦ㄧぞ浼氫笂闅惧厤浼氫笌浜轰骇鐢熺煕鐩撅紝闅惧厤浼氬嚭鐜拌繖鏍锋垨閭�
-          </p>
         </div>
       </div>
     </div>
-
     <!-- 96 -->
     <div class="page-box" page="102">
       <div v-if="showPageList.indexOf(102) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">96</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">96</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -368,7 +506,7 @@
         </ul>
         <div class="bodystyle">
           <p>
-            鏍风殑涓嶆剦蹇�傛湁浜嗙煕鐩炬�庝箞鍔烇紵鍑虹幇浜嗛棶棰樻�庝箞澶勭悊锛熻繖灏遍渶瑕佹垜浠娌熼�氾紝澶氫氦娴併�傛矡閫氭槸涓�鐩忔寚鏄庣伅锛屽彲浠ラ殢鏃舵牎姝ｆ垜浠埅琛岀殑鏂瑰悜銆傛鏄洜涓烘湁浜嗘矡閫氾紝璇█鎵嶆樉寰楅偅涔堢編涓介鎵��
+            绮鹃�氣�滀汉闄呮矡閫氭妧宸р�濅笉鏄负浜嗘妸鍒汉韪╁湪鑴氫笅锛岃�屾槸涓轰簡鍑忓皯宸ヤ綔涓殑闃诲姏銆傝亴鍦烘槸涓�涓ぇ鑸炲彴锛岀悍绻佸鏉傘�備竴涓汉鍦ㄧぞ浼氫笂闅惧厤浼氫笌浜轰骇鐢熺煕鐩撅紝闅惧厤浼氬嚭鐜拌繖鏍锋垨閭ｆ牱鐨勪笉鎰夊揩銆傛湁浜嗙煕鐩炬�庝箞鍔烇紵鍑虹幇浜嗛棶棰樻�庝箞澶勭悊锛熻繖灏遍渶瑕佹垜浠娌熼�氾紝澶氫氦娴併�傛矡閫氭槸涓�鐩忔寚鏄庣伅锛屽彲浠ラ殢鏃舵牎姝ｆ垜浠埅琛岀殑鏂瑰悜銆傛鏄洜涓烘湁浜嗘矡閫氾紝璇█鎵嶆樉寰楅偅涔堢編涓介鎵��
           </p>
           <h4 id="d076">浜屻�佸疄璁渚嬩簩 鍏徃濂栧姳浜嬩欢</h4>
           <p>
@@ -380,14 +518,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.璇峰垎鏋愭湰妗堜緥涓儴闂ㄧ粡鐞嗗拰涓婄骇娌熻�屼笉閫氱殑鍘熷洜銆�</p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.钁ｆ�荤殑瑙ｅ喅鍔炴硶鏈夊摢浜涢棶棰橈紵</p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d077">涓夈�佸疄璁渚嬩笁 绱ф�ヨ揩闄�</h4>
@@ -403,278 +544,459 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鏈渚嬩腑锛岃鐐硅瘎涔樺姟浜哄憳鐨勮涓恒�傚摢浜涘湴鏂瑰�煎緱鎴戜滑瀛︿範锛�</p>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
       </div>
     </div>
-
     <!-- 97 -->
     <div class="page-box" page="103">
       <div v-if="showPageList.indexOf(103) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">97</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">97</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             閫氳繃瀵逛互涓婃渚嬬殑鍒嗘瀽涓庤璁猴紝鎮ㄥ湪鑱屽満娌熼�氬拰姘戣埅娌熼�氫笂鏈変粈涔堟敹鑾峰憿锛熶竴璧锋潵娴嬭瘯涓�涓嬪惂锛�
           </p>
-          <p class="center"><span class="cs1">娴嬭瘯涓� 鑱屽満娌熼�氳兘鍔涙祴璇�</span></p>
-          <p>锛堜竴锛夋儏鏅弿杩�</p>
-          <p>1.濡傛灉浣犵殑鏈嬪弸鍜屼綘鍙戠敓浜嗕簤鍚碉紝浣犲皢鎬庝箞鍔烇紵</p>
-          <p>A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
-          <p>B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
-          <p>C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
-          <p>2.浣犲惉璇存湁鍚屼簨鍚戦瀵兼墦浣犵殑灏忔姤鍛婏紝浣犱細鎬庝箞鍔烇紵</p>
-          <p>A.鐩存帴鍐插埌閭ｄ釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
-          <p>B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
-          <p>C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
-          <p>3.濡傛灉鐖舵瘝鎬ф牸涓嶅悎锛岀粡甯稿惖鏋讹紝浣犱細鎬庝箞鍔烇紵</p>
-          <p>A.澶у０濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
-          <p>B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
-          <p>C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�</p>
-          <p>
+          <p class="center block"><span class="cs1">娴嬭瘯涓� 鑱屽満娌熼�氳兘鍔涙祴璇�</span></p>
+          <p class="block">锛堜竴锛夋儏鏅弿杩�</p>
+          <p class="block">1.濡傛灉浣犵殑鏈嬪弸鍜屼綘鍙戠敓浜嗕簤鍚碉紝浣犲皢鎬庝箞鍔烇紵</p>
+          <p class="block"><input type="radio" name="eovOne" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
+          <p class="block"><input type="radio" name="eovOne" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
+          <p class="block"><input type="radio" name="eovOne" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
+          <p class="block">2.浣犲惉璇存湁鍚屼簨鍚戦瀵兼墦浣犵殑灏忔姤鍛婏紝浣犱細鎬庝箞鍔烇紵</p>
+          <p class="block"><input type="radio" name="eovTwo" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />A.鐩存帴鍐插埌閭ｄ釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
+          <p class="block">3.濡傛灉鐖舵瘝鎬ф牸涓嶅悎锛岀粡甯稿惖鏋讹紝浣犱細鎬庝箞鍔烇紵</p>
+          <p class="block"><input type="radio" name="eovThree" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />A.澶у０濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
+          <p class="block"><input type="radio" name="eovThree" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
+          <p class="block"><input type="radio" name="eovThree" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�
+          </p>
+          <p class="block">
             4.鍚屼簨璺熶綘鐐��濂逛拱浜嗕竴鏉℃柊瑁欏瓙锛屽叾瀹炰綘瑙夊緱寰堜竴鑸�傜湅鐫�濂瑰叴楂橀噰鐑堢殑鏍峰瓙锛屼綘浼氭�庝箞鍋氾紵
           </p>
-          <p>A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
-          <p>B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
-          <p>C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
-          <p>5.鍚屼簨浠竴璧峰湪澶栬仛椁愶紝浣犲埌杈惧悗浼氬仛浠�涔堬紵</p>
-          <p>A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
-          <p>B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
-          <p>C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
-          <p>6.鍧愬叕浜よ溅鐨勬椂鍊欙紝浣犱竴鑸範鎯簬鍋氫粈涔堬紵</p>
-          <p>A.鍧愮潃鐫¤鎴栧彂鍛�</p>
-          <p>B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
-          <p>C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
+          <p class="block"><input type="radio" name="eovFour" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
+          <p class="block"><input type="radio" name="eovFour" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
+          <p class="block"><input type="radio" name="eovFour" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
+          <p class="block">5.鍚屼簨浠竴璧峰湪澶栬仛椁愶紝浣犲埌杈惧悗浼氬仛浠�涔堬紵</p>
+          <p class="block"><input type="radio" name="eovFive" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
+          <p class="block"><input type="radio" name="eovFive" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
+          <p class="block"><input type="radio" name="eovFive" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
+          <p class="block">6.鍧愬叕浜よ溅鐨勬椂鍊欙紝浣犱竴鑸範鎯簬鍋氫粈涔堬紵</p>
+          <p class="block"><input type="radio" name="eovSix" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
+          <p class="block"><input type="radio" name="eovSix" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
+          <p class="block"><input type="radio" name="eovSix" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
         </div>
       </div>
     </div>
-
     <!-- 98 -->
     <div class="page-box" page="104">
       <div v-if="showPageList.indexOf(104) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">98</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">98</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p>A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
-          <p>B.鎬ョ潃涓嬭溅</p>
-          <p>C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
-          <p>8.鍚屼簨甯︽潵瀹朵埂鐗逛骇鍜屼綘鍒嗕韩锛屼綘浼氭�庝箞鍋氾紵</p>
-          <p>A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
-          <p>B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
-          <p>C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
-          <p>9.棰嗗浜ょ粰浣犱竴椤规湰鏉ヤ笉褰掍綘绠＄殑浠诲姟锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p>A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
-          <p>B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
-          <p>C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
-          <p>10.鍚屼簨璁蹭簡涓�涓綘浠ュ墠灏卞惉杩囩殑绗戣瘽锛屼綘浼氳〃鐜板嚭浠�涔堟牱鐨勫弽搴旓紵</p>
-          <p>A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
-          <p>B.寰瑧涓嶈</p>
-          <p>C.鍝堝搱澶х瑧</p>
-          <p>锛堜簩锛夎瘎鍒嗘爣鍑嗕笌缁撴灉鍒嗘瀽</p>
-          <p>
-            姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p>1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
-          <p>
-            浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭ｄ簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
-          </p>
-          <p>2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
-          <p>
-            浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
-          </p>
-          <p>3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
-          <p>
-            涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙ｄ汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
-          </p>
+          <p class="block">7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
+          <p class="block"><input type="radio" name="eovSeven" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
+          <p class="block"><input type="radio" name="eovSeven" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />B.鎬ョ潃涓嬭溅</p>
+          <p class="block"><input type="radio" name="eovSeven" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
+          <p class="block">8.鍚屼簨甯︽潵瀹朵埂鐗逛骇鍜屼綘鍒嗕韩锛屼綘浼氭�庝箞鍋氾紵</p>
+          <p class="block"> <input type="radio" name="eovEight" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
+          <p class="block"><input type="radio" name="eovEight" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
+          <p class="block"><input type="radio" name="eovEight" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
+          <p class="block">9.棰嗗浜ょ粰浣犱竴椤规湰鏉ヤ笉褰掍綘绠＄殑浠诲姟锛屼綘浼氭�庝箞鍔烇紵</p>
+          <p class="block"><input type="radio" name="eovNine" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
+          <p class="block"><input type="radio" name="eovNine" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
+          <p class="block"><input type="radio" name="eovNine" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
+          <p class="block">10.鍚屼簨璁蹭簡涓�涓綘浠ュ墠灏卞惉杩囩殑绗戣瘽锛屼綘浼氳〃鐜板嚭浠�涔堟牱鐨勫弽搴旓紵</p>
+          <p class="block"><input type="radio" name="eovTen" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
+          <p class="block"><input type="radio" name="eovTen" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />B.寰瑧涓嶈</p>
+          <p class="block"><input type="radio" name="eovTen" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />C.鍝堝搱澶х瑧</p>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckThree">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckThree" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+              <li>
+                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
+                  class="parimary-btn">
+                  璇勫垎鏍囧噯
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r block" v-if="evaluatioThreeResults">鎮ㄧ殑寰楀垎锛歿{ evaluatioThreeResults }}</div>
+          <div v-show="evaluation.showCheckAnswerThree" class="mb-30">
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗕笌缁撴灉鍒嗘瀽</p>
+            <p class="block">
+              姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
+            <p class="block">
+              浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭ｄ簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
+            </p>
+            <p class="block">2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
+            <p class="block">
+              浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
+            </p>
+            <p class="block">3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
+            <p class="block">
+              涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙ｄ汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
+            </p>
+            <p class="block">4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
+            <p class="block">
+              鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
+            </p>
+          </div>
         </div>
       </div>
     </div>
-
     <!-- 99 -->
     <div class="page-box" page="105">
       <div v-if="showPageList.indexOf(105) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">99</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">99</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
-          <p>
-            鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
-          </p>
-          <p class="center">
+
+          <p class="center block">
             <span class="cs1">娴嬭瘯浜� 涓庝笂绾ф矡閫氳兘鍔涙祴璇�</span>
           </p>
-          <p>锛堜竴锛夋儏鏅弿杩�</p>
-          <p>
+          <p class="block">锛堜竴锛夋儏鏅弿杩�</p>
+          <p class="block">
             閬囧埌濡備笅鐨勬儏鏅綘浼氭�庝箞鍋氾紵璇锋牴鎹矡閫氭儏鍐垫墦鍒嗐�傗�滀竴璐姝も�濆緱3鍒嗭紝鈥滅粡甯稿姝も�濆緱2鍒嗭紝鈥滃緢灏戝姝も�濆緱1鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
           </p>
-          <p>1.棰嗗甯冪疆浠诲姟鍚庯紝浣犱細椹笂澶勭悊銆�</p>
-          <p>
+          <p class="block">1.棰嗗甯冪疆浠诲姟鍚庯紝浣犱細椹笂澶勭悊銆�</p>
+          <p class="block"><input type="radio" name="etvone" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvone" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvone" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />寰堝皯濡傛</p>
+          <p class="block">
             2.鍚屼簨鎯冲嚭浜嗕竴涓偣瀛愶紝棰嗗璧炴壃杩欐槸缁濆濂借锛屼綘浼氳锛氣�滆繖涓绘剰鐪熶笉閿欍�傗��
           </p>
-          <p>
+          <p class="block"><input type="radio" name="etvtwo" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvtwo" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvtwo" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />寰堝皯濡傛</p>
+          <p class="block">
             3.棰嗗闂簡浣犳煇涓笌涓氬姟鏈夊叧鐨勯棶棰橈紝鑰屼綘涓嶇煡璇ュ浣曞洖绛旓紝浣犱細璇达細鈥滆鎴戝啀璁ょ湡鍦版兂涓�鎯筹紝15鐐逛互鍓嶇粰浣犵瓟澶嶅ソ鍚楋紵鈥�
           </p>
-          <p>4.闈㈠鎵硅瘎琛ㄧ幇鍐烽潤锛氣�滆阿璋綘鍛婅瘔鎴戯紝鎴戜細浠旂粏鑰冭檻浣犵殑寤鸿銆傗��</p>
-          <p>5.鍜岄瀵间氦璋堬紝閫夋嫨棰嗗蹇冩儏鎰夋偊銆佺簿鍔涘厖娌涚殑鏃跺�欍��</p>
-          <p>6.鍚戦瀵兼眹鎶ュ伐浣滃墠宸插噯澶囧ソ浜嗚缁嗙殑璧勬枡鍜屾暟鎹��</p>
-          <p>锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p>寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆ｈ祻浣犮��</p>
-          <p>
-            寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
-          </p>
-          <p>
-            寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
-          </p>
-          <p class="center">
+          <p class="block"><input type="radio" name="etvthree" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvthree" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvthree" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />寰堝皯濡傛</p>
+          <p class="block">4.闈㈠鎵硅瘎琛ㄧ幇鍐烽潤锛氣�滆阿璋綘鍛婅瘔鎴戯紝鎴戜細浠旂粏鑰冭檻浣犵殑寤鸿銆傗��</p>
+          <p class="block"><input type="radio" name="etvfour" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfour" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfour" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />寰堝皯濡傛</p>
+          <p class="block">5.鍜岄瀵间氦璋堬紝閫夋嫨棰嗗蹇冩儏鎰夋偊銆佺簿鍔涘厖娌涚殑鏃跺�欍��</p>
+          <p class="block"><input type="radio" name="etvfive" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfive" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfive" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />寰堝皯濡傛</p>
+          <p class="block">6.鍚戦瀵兼眹鎶ュ伐浣滃墠宸插噯澶囧ソ浜嗚缁嗙殑璧勬枡鍜屾暟鎹��</p>
+          <p class="block"><input type="radio" name="etvsix" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvsix" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvsix" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />寰堝皯濡傛</p>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckFour">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckFour" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+              <li>
+                <button @click="evaluation.showCheckAnswerFour = !evaluation.showCheckAnswerFour" class="parimary-btn">
+                  璇勫垎鏍囧噯
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r block" v-if="evaluationFourResults">鎮ㄧ殑寰楀垎锛歿{ evaluationFourResults }}</div>
+          <div v-show="evaluation.showCheckAnswerFour" class="mb-30">
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆ｈ祻浣犮��</p>
+            <p class="block">
+              寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
+            </p>
+            <p class="block">
+              寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
+            </p>
+          </div>
+          <p class="center block mt-30">
             <span class="cs1">娴嬭瘯涓� 涓庡悓浜嬬殑娌熼�氳兘鍔涜瘎浠�</span>
           </p>
-          <p>锛堜竴锛夋牴鎹儏鏅弿杩拌繘琛岄�夋嫨銆�</p>
-          <p>1.闈㈠鍚屼簨鐨勭己鐐瑰拰閿欒锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p>A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
-          <p>B.鐩磋█鐩稿憡</p>
-          <p>C.鍜岃嚜宸辨鏃犲叧绯�</p>
-          <p>D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
-          <p>2.鍙戠幇鍚屼簨鐨勪紭鐐规垨鍚屼簨鍙栧緱浜嗘垚缁╋紝浣犱細锛堛��銆�锛夈��</p>
-          <p>A.鍙婃椂璧炵編鍜岀绂�</p>
-          <p>B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
+          <p class="block">锛堜竴锛夋牴鎹儏鏅弿杩拌繘琛岄�夋嫨銆�</p>
+          <p class="block">1.闈㈠鍚屼簨鐨勭己鐐瑰拰閿欒锛屼綘浼氾紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvone" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
+          <p class="block"><input type="radio" name="ethvone" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />B.鐩磋█鐩稿憡</p>
+          <p class="block"><input type="radio" name="ethvone" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />C.鍜岃嚜宸辨鏃犲叧绯�</p>
+          <p class="block"><input type="radio" name="ethvone" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
+          <p class="block">2.鍙戠幇鍚屼簨鐨勪紭鐐规垨鍚屼簨鍙栧緱浜嗘垚缁╋紝浣犱細锛堛��銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />A.鍙婃椂璧炵編鍜岀绂�</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
         </div>
       </div>
     </div>
-
     <!-- 100 -->
     <div class="page-box" page="106">
       <div v-if="showPageList.indexOf(106) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">100</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">100</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>C.缇℃厱</p>
-          <p>D.蹇冨瓨瀚夊</p>
-          <p>3.褰撲綘鍚埌鍚屼簨鍦ㄤ綘闈㈠墠璇村叾浠栦汉鍧忚瘽鐨勬椂鍊欙紝浣犱細锛堛��銆�锛夈��</p>
-          <p>A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
-          <p>B.褰撻潰鍒舵</p>
-          <p>C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
-          <p>D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
-          <p>4.璇锋眰涓庤嚜宸卞叧绯诲緢濂界殑鍚屼簨甯繖鏃讹紝浣狅紙銆�銆�锛夈��</p>
-          <p>A.绀艰矊銆佸濠�</p>
-          <p>B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
-          <p>C.閮藉緢鐩存帴</p>
-          <p>D.浠ュ懡浠ょ殑鍙ｅ惢</p>
-          <p>
+          <p class="block"><input type="radio" name="ethvtwo" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />C.缇℃厱</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />D.蹇冨瓨瀚夊</p>
+          <p class="block">3.褰撲綘鍚埌鍚屼簨鍦ㄤ綘闈㈠墠璇村叾浠栦汉鍧忚瘽鐨勬椂鍊欙紝浣犱細锛堛��銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvthree" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
+          <p class="block"><input type="radio" name="ethvthree" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />B.褰撻潰鍒舵</p>
+          <p class="block"><input type="radio" name="ethvthree" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
+          <p class="block"><input type="radio" name="ethvthree" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
+          <p class="block">4.璇锋眰涓庤嚜宸卞叧绯诲緢濂界殑鍚屼簨甯繖鏃讹紝浣狅紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvfour" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />A.绀艰矊銆佸濠�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />C.閮藉緢鐩存帴</p>
+          <p class="block"><input type="radio" name="ethvfour" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />D.浠ュ懡浠ょ殑鍙ｅ惢</p>
+          <p class="block">
             5.浣犲弬鍔犱簡鑰佸悓瀛︾殑濠氱ぜ锛岃�屼綘鐨勬湅鍙嬪濠氱ぜ寰堟劅鍏磋叮锛屼綘浼氾紙銆�銆�锛夈��
           </p>
-          <p>A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
-          <p>B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
-          <p>C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
-          <p>D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
-          <p>
+          <p class="block"><input type="radio" name="ethvfive" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
+          <p class="block">
             6.鐢变簬鍗曚綅闇�瑕侊紝浣犲拰鍚屼簨闇�瑕佷箻闀块�旀苯杞﹀幓鍙︿竴涓湴鏂癸紝杞︾▼鏄�10灏忔椂銆傝�屼笌浣犲悓琛岀殑鏄竴涓笉鐖卞璁茶瘽鐨勫悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p>A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
-          <p>B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
-          <p>C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
-          <p>D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
-          <p>
+          <p class="block"><input type="radio" name="ethvsix" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
+          <p class="block"><input type="radio" name="ethvsix" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
+          <p class="block"><input type="radio" name="ethvsix" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
+          <p class="block">
             7.浣犲垰灏变换涓�瀹惰埅绌哄叕鍙稿湴闈㈡湇鍔￠儴涓荤锛屼笂鐝笉涔咃紝浣犱簡瑙ｅ埌鏈潵鍏徃涓湁鍑犱釜鍚屼簨鎯冲氨浠讳綘鐨勮亴浣嶏紝鎬荤粡鐞嗕笉鍚屾剰鎻愭嫈浠栦滑鎵嶆嫑鑱樹簡浣犮�傚杩欏嚑涓悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p>A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙ｄ粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
-          <p>B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
-          <p>C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙ｄ粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
-          <p>D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
-          <p>8.涓庝笉鍚岃韩浠界殑瀵硅薄璁茶瘽锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p>A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethvseven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙ｄ粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙ｄ粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
+          <p class="block">8.涓庝笉鍚岃韩浠界殑瀵硅薄璁茶瘽锛屼綘浼氾紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethveight" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
         </div>
       </div>
     </div>
-
     <!-- 101 -->
     <div class="page-box" page="107">
       <div v-if="showPageList.indexOf(107) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">101</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">101</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
-          <p>C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
-          <p>D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
-          <p>9.鍚埆浜鸿璇濇椂锛屼綘鎬绘槸浼氾紙銆�銆�锛夈��</p>
-          <p>A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
-          <p>B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
-          <p>C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
-          <p>D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
-          <p>10.褰撲綘鍦ㄥ彂琛ㄨ嚜宸辩殑鐪嬫硶锛屽埆浜哄嵈涓嶆兂鍚綘璇存椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p>A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
-          <p>B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
-          <p>C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
-          <p>D.椹笂姘旀劋鍦拌蛋寮�</p>
-          <p>11.褰撲綘鍜屽悓浜嬩骇鐢熻浼氭椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p>A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
-          <p>B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
-          <p>C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
-          <p>D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
-          <p>12.褰撲綘杩涘叆涓�瀹舵柊鍏徃鏃讹紝浣犺璇嗘柊鍚屼簨鐨勬柟娉曟槸锛堛��銆�锛夈��</p>
-          <p>A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
-          <p>B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
-          <p>C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
-          <p>D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
-          <p>
-            浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p>锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p>寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
-          <p>寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
-          <p>寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
+          <p class="block"><input type="radio" name="ethveight" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethveight" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
+          <p class="block"><input type="radio" name="ethveight" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
+          <p class="block">9.鍚埆浜鸿璇濇椂锛屼綘鎬绘槸浼氾紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvnine" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
+          <p class="block"><input type="radio" name="ethvnine" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
+          <p class="block">10.褰撲綘鍦ㄥ彂琛ㄨ嚜宸辩殑鐪嬫硶锛屽埆浜哄嵈涓嶆兂鍚綘璇存椂锛屼綘浼氾紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvten" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
+          <p class="block"><input type="radio" name="ethvten" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
+          <p class="block"><input type="radio" name="ethvten" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
+          <p class="block"><input type="radio" name="ethvten" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />D.椹笂姘旀劋鍦拌蛋寮�</p>
+          <p class="block">11.褰撲綘鍜屽悓浜嬩骇鐢熻浼氭椂锛屼綘浼氾紙銆�銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethveleven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
+          <p class="block">12.褰撲綘杩涘叆涓�瀹舵柊鍏徃鏃讹紝浣犺璇嗘柊鍚屼簨鐨勬柟娉曟槸锛堛��銆�锛夈��</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckFive">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckFive" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+              <li>
+                <button @click="evaluation.showCheckAnswerFive = !evaluation.showCheckAnswerFive" class="parimary-btn">
+                  璇勫垎鏍囧噯
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">鎮ㄧ殑寰楀垎锛歿{
+            evaluationFiveResults }}</div>
+          <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
+            <p class="block">
+              浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
+            <p class="block">寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
+            <p class="block">寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
+          </div>
         </div>
       </div>
     </div>
-
     <!-- 102 -->
     <div class="page-box" page="108">
       <div v-if="showPageList.indexOf(108) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">102</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">102</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -689,90 +1011,126 @@
               鎷ユ湁鑹ソ鐨勬矡閫氳兘鍔涳紝涓嶄粎鍙互浣挎垜浠湪姘戣埅宸ヤ綔宀椾綅涓婅捀钂告棩涓婏紝涔熷彲浠ョ編鍖栫敓娲伙紱鐢ㄥ彂鐜扮編鐨勭溂鍏夊寰呰韩杈圭殑鍚屼簨銆佹湅鍙嬶紝浣犱細鍙戠幇璺秺璧拌秺瀹藉箍銆傝壇濂界殑娌熼�氫細鎻愰珮鎴戜滑鐨勬�濇兂瑙夋偀锛屽悓鏃舵彁鍗囨垜浠緟浜烘帴鐗╃殑鑳藉姏鍜屾按骞炽��
             </p>
           </div>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</p>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.绠�杩颁笌鍚屼簨娌熼�氱殑鎶�宸с��</p>
+          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>2.绠�杩板伐浣滀腑鍒嗘鐨勫鐞嗘柟寮忋��</p>
+          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>3.绠�杩颁笌鐢熺梾鏃呭鐨勬矡閫氭柟娉曘��</p>
+          <textarea v-model="questionData.projectOne.three.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p>A.鐖卞績</p>
-          <p>B.璐ｄ换蹇�</p>
-          <p>C.鍖呭蹇�</p>
-          <p>D.鍚屾儏蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.鐖卞績</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.璐ｄ换蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍖呭蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鍚屾儏蹇�</p>
           <p>5.涓庨噸瑕佹梾瀹㈣濡備綍娌熼�氾紵璋堣皥浣犵殑瑙佽В銆�</p>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion" @click="openQuestion(1)" >
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
+
         </div>
       </div>
     </div>
-
     <!-- 103 -->
     <div class="page-box" page="109">
       <div v-if="showPageList.indexOf(109) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">103</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">103</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h2 id="b007">椤圭洰浜屻��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-02.png" alt=""></p>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鏉庝附鍦ㄥ涔犱腑鍙戠幇澶勭悊姘戣埅鏃呭鎶曡瘔鏄竴浠跺緢妫樻墜鐨勪簨鎯咃紝濂规�绘槸鎯筹紝涓轰粈涔堟梾瀹細鎶曡瘔鍛紵鎬庢牱鍑忓皯鎶曡瘔鍛紵濡傛灉鍙戠敓鎶曡瘔浜嗚鎬庢牱澶勭悊鍛紵鏈」鐩棬鍦ㄥ府鍔╁涔犺�呬簡瑙ｆ梾瀹㈡姇璇夌殑鍘熷洜锛屾帉鎻″鐞嗘姇璇夌殑鍩烘湰鍘熷垯鍜岀瓥鐣ワ紝骞惰缁冨拰鍩瑰吇濡ュ杽澶勭悊姘戣埅鎶曡瘔鐨勬妧宸у拰鑳藉姏銆�
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
             <p class="center">
               <span class="cs1">姘戣埅鏈嶅姟浜哄憳姝ｇ‘鏈夋晥鍦板鐞嗘梾瀹㈡姇璇�</span>
             </p>
-            <p>
+            <p class="fz-15">
               鐢变簬椋炴満鍙戠敓鏈烘鏁呴殰锛屾煇鑸徃灏嗗崡浜嚦鍖椾含鐨勫嚑鍗佸悕寤惰鏃呭杞嚦鎼箻鍙︿竴涓師鏈彧鏈夊嚑鍗佸悕鏃呭鐨勮埅鐝紝鍚堝苟鍚庤埅鐝弧鍛樸�備絾鍥犳梾瀹㈣緝澶氾紝寤惰鑸彮涓婂師鏈夌殑鍟嗗姟鑸辨梾瀹㈠彧鑳藉湪鏅�氳埍灏卞骇锛屽敖绠′箻鍔＄粍宸茬粡灏介噺灏嗚繖閮ㄥ垎鏃呭瀹夋帓鍒扮浉瀵圭悊鎯崇殑搴т綅锛屼絾鏃呭鐨勪笉婊℃儏缁粛鐒跺緢鏄庢樉锛屼笉杩囦负浜嗚兘鏃╂棩鍒拌揪鐩殑鍦帮紝杩欎簺鏃呭涓嶅緱涓嶆帴鍙椾簡涔樺姟缁勭殑瀹夋帓銆�
             </p>
-            <p>
+            <p class="fz-15">
               鑸▼涓紝褰撲箻鍔″憳鍦ㄤ负鏃呭鍙戞斁楗枡鍋氬噯澶囨椂锛屼竴鍚嶆儏缁縺鍔ㄧ殑鏃呭鍐茶繘鏈嶅姟闂撮樆纰嶄箻鍔″憳宸ヤ綔銆傚彂鐜伴棶棰樺悗锛屼箻鍔￠暱绗竴鏃堕棿璧朵簡杩囨潵锛屽惉瑙佽繖浣嶄腑骞存梾瀹㈡鍦ㄥぇ澹版枼璐ｏ細鈥滀綘浠槸浠�涔堟�佸害锛佹垜鎯宠姣涙锛屾寜浜嗕袱娆″懠鍞ら搩锛屼箻鍔″憳閮芥病鏈夌粰鎴戙�傛垜瑕佹姇璇変綘浠�傗��
             </p>
-            <p>
+            <p class="fz-15">
               鍘熸潵锛岃繖浣嶆槸浠庡晢鍔¤埍璋冩暣鍒版櫘閫氳埍鐨勬梾瀹紝鍥犱负鎰熻绌鸿皟娓╁害澶綆锛屾壘涔樺姟鍛樿姣涙锛屼箻鍔″憳浜嗚В闇�姹傚苟鍥炲伐浣滈棿鍙栨瘺姣殑杩囩▼涓紝閬囧埌鍚屼簨鍦ㄨ繘琛岄楗噯澶囷紝涔樺姟鍛樺氨椤轰究甯悓浜嬪仛璧蜂簡澶囬宸ヤ綔銆�
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鎮ㄨ涓烘梾瀹㈢殑鎶曡瘔鏈夐亾鐞嗗悧锛�</p>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.濡傛灉浣犳槸杩欏悕涔樺姟闀匡紝浣犱細鎬庝箞澶勭悊璇ユ姇璇夊憿锛�</p>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
       </div>
     </div>
-
     <!-- 104 -->
     <div class="page-box" page="110">
       <div v-if="showPageList.indexOf(110) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">104</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">104</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -780,13 +1138,31 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c023">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鏃呭鎶曡瘔鍘熷洜璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鏃呭鎶曡瘔鍘熷洜璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鏃呭鎶曡瘔鐨勬蹇点��</p>
           <p>2.浜嗚В鏃呭鎶曡瘔鐨勫師鍥犮��</p>
           <p>3.鐞嗚В姝ｇ‘澶勭悊鏃呭鎶曡瘔鐨勬剰涔夈��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈡姇璇夊師鍥犵殑璁ょ煡</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTen ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d078">涓�銆佹梾瀹㈡姇璇夌殑姒傚康</h4>
           <p>
             鏃呭鎶曡瘔鏄寚鏃呭閫氳繃淇″嚱銆佺數璇濄�佷紶鐪熴�佹潵璁跨瓑褰㈠紡鍙嶆槧浜у搧鎴栨湇鍔¤川閲忛棶棰樼殑琛屽姩銆�
@@ -798,6 +1174,25 @@
             鏃呭鎶曡瘔鍦ㄤ竴瀹氱▼搴︿笂鍙嶆槧浜嗚埅绌哄叕鍙哥殑鏈嶅姟鎬佸害鍜屾湇鍔¤川閲忥紝鎶樺皠鍑烘湇鍔′汉鍛樼殑鏈嶅姟鎶�宸у拰缁煎悎绱犲吇锛屼細瀵硅埅绌哄叕鍙哥殑鍝佺墝鍜屽競鍦哄彂灞曞甫鏉ラ噸瑕佺殑褰卞搷銆�
           </p>
           <h4 id="d079">浜屻�佹皯鑸梾瀹㈡姇璇夌殑鍘熷洜</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶鏈烘晠闅滃鑷存姇璇夌殑澶勭悊璇濇湳</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoNine ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '222a20d4bcb6805836684e0d96752ae3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戣埅鏈嶅姟鏄竴绉嶆棤褰㈢殑浜у搧锛屽叿鏈変笉鍙偍瀛樻�с�佺敓浜у拰娑堣垂鐨勫悓姝ユ�с�傚洜姝わ紝鏃呭瀵规湇鍔＄殑婊℃剰绋嬪害鏉ヨ嚜鏃呭鍦ㄦ湇鍔＄幇鍦轰笌鏈嶅姟浜哄憳浜ゅ線杩囩▼涓殑鐐规淮浣撻獙銆傛垜浠彲浠ョ患鍚堜互涓嬪洜绱犲垎鏋愭皯鑸梾瀹㈡姇璇夌殑鍘熷洜銆�
           </p>
@@ -806,48 +1201,47 @@
             涓�浜涜埅鍙稿湪鍟嗕笟鏃哄浼氬皢娉ㄦ剰鍔涙斁鍒拌惀閿�涓氱哗鍜岀敓浜ф暟閲忎笂锛屽拷鐣ヤ簡瀵规姇璇夌殑澶勭悊锛屽叾缁撴灉灏辨槸鏃呭鐨勬姇璇夊緱涓嶅埌鍙婃椂澶勭悊锛屽鑷撮棶棰樿В鍐虫椂闄愬彉闀裤�傛梾瀹㈡劅瑙夋姇璇夋棤鐢ㄦ垨鑰呮姇璇夋棤闂紝杩涜�屼骇鐢熷崌绾х殑鎶曡瘔鎴栬�呬簩娆℃姇璇夛紝鐩存帴澧炲姞浜嗗鑸徃鐨勬姇璇夋鏁般��
           </p>
           <h5 id="e084">锛堜簩锛夋皯鑸湇鍔′汉鍛樻湇鍔℃剰璇嗙殑闂</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             2018骞�6鏈堬紝鏌愯埅绌哄叕鍙镐粠鍐呰挋鍙ら寰�鍖椾含鐨勮埅鐝洜鎺у埗绠″埗鍘熷洜寤惰浜�8灏忔椂锛岃埅鐝惤鍦板悗鏈轰笂19鍚嶆梾瀹㈠洜涓嶆弧鑰屾嫆缁濅笅椋炴満銆�
-          </p>
-          <p>
-            閫氳繃浜嗚В鍚庡緱鐭ワ紝鍦�8灏忔椂鐨勭瓑寰呰繃绋嬩腑锛屾梾瀹骇鐢熶簡璐熼潰鎯呯华锛屼絾鍦伴潰宸ヤ綔浜哄憳
           </p>
         </div>
       </div>
     </div>
-
     <!-- 105 -->
     <div class="page-box" page="111">
       <div v-if="showPageList.indexOf(111) > -1">
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">105</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">105</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>
-            娌℃湁缁欎簣鏃呭搴旀湁鐨勭収椤惧拰瀹夋叞锛屽鑷村湪閫氱煡鐧绘満鏃朵竴浜涙梾瀹㈡彁鍑哄厛璧斿伩鍐嶇櫥鏈恒�傜劧鑰岋紝鍦伴潰宸ヤ綔浜哄憳鍗磋锛氣�滀綘浠埍涓婁笉涓婏紝涓嶄笂鎷夊�掞紒琛屾潕闅忔満甯﹁蛋锛屽甫鍒板摢閲屾槸鍝噷銆傗��
+          <p class="block">
+            閫氳繃浜嗚В鍚庡緱鐭ワ紝鍦�8灏忔椂鐨勭瓑寰呰繃绋嬩腑锛屾梾瀹骇鐢熶簡璐熼潰鎯呯华锛屼絾鍦伴潰宸ヤ綔浜哄憳娌℃湁缁欎簣鏃呭搴旀湁鐨勭収椤惧拰瀹夋叞锛屽鑷村湪閫氱煡鐧绘満鏃朵竴浜涙梾瀹㈡彁鍑哄厛璧斿伩鍐嶇櫥鏈恒�傜劧鑰岋紝鍦伴潰宸ヤ綔浜哄憳鍗磋锛氣�滀綘浠埍涓婁笉涓婏紝涓嶄笂鎷夊�掞紒琛屾潕闅忔満甯﹁蛋锛屽甫鍒板摢閲屾槸鍝噷銆傗��
           </p>
-          <p>
+          <p class="block">
             杩欎竴绯诲垪鐨勫仛娉曞鑷�19鍚嶆梾瀹㈤泦浣撴嫆缁濅笅鏈哄苟鍚戣鑸┖鍏徃鎻愬嚭鎶曡瘔鍜岀粡娴庤禂鍋裤��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.璇ユ渚嬩腑寮曞彂鏃呭鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楁梾瀹㈡姇璇夎涓烘槸鍚﹀悎鐞嗭紵姘戣埅鏈嶅姟浼佷笟璇ュ浣曢伩鍏嶈繖绉嶆儏鍐碉紵
               </p>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -860,34 +1254,36 @@
             鑹ソ鏈嶅姟鎰忚瘑闇�瑕佹湇鍔′汉鍛樻湁鍚岀悊蹇冦�佹湁娓╁害銆佹湁涓诲姩鏈嶅姟鐨勬剰璇嗭紝鍚屾椂鏈嶅姟浜哄憳闇�瑕佹湁闈㈠鐭涚浘鍜屽洶闅剧伒娲诲簲瀵圭殑鑳藉姏銆傝繖浜涢兘鏄敱姘戣埅鏈嶅姟浜哄憳鐨勮亴涓氶亾寰枫�佹湇鍔℃剰璇嗙瓑鍥犵礌鍐冲畾鐨勩��
           </p>
           <h5 id="e085">锛堜笁锛夋皯鑸湇鍔′汉鍛樻湇鍔℃妧鑳界殑闂</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             2019骞�1鏈堬紝鏃呭鍚村厛鐢熷か濡囦箻鍧愭煇鑸徃鑸彮浠庡寳浜寰�涓婃捣銆傞琛岄�斾腑锛屽惔澶汉鍚戜箻鍔″憳瑕佷簡涓�鏉挅鍟°�備絾褰撲箻鍔″憳灏嗗挅鍟＄鍒板惔澶汉闈㈠墠鏃讹紝鍙戠幇澶浜屼汉鍚堢洊鐫�榛戣壊璨傜粧澶ц。鐫＄潃浜嗐�備箻鍔″憳涓轰簡涓嶆墦鎵版梾瀹紤鎭紝灏嗙儹鍜栧暋鎽嗘斁鍦ㄥ皬妗屾澘涓婂悗渚胯交杞荤寮�浜嗐�備笉涔呭惔澶汉閱掓潵锛屾墜涓�鎶氨灏嗗皬妗屾澘涓婄殑鍜栧暋鎵撶炕鍦ㄨ矀缁掑ぇ琛ｄ笂銆傝繖浠朵环鍊间笂涓囩殑璨傜粧澶ц。鏄惔鍏堢敓閫佺粰澶汉鐨勭粨濠氱邯蹇电ぜ鐗╋紝鍚村か浜洪潪甯哥弽鐖便�傜湅鐫�琚挅鍟＄牬鍧忕殑璨傜毊澶ц。锛屽惔澶汉闈炲父鐢熸皵锛屼笅鏈哄悗灏辨墦鐢佃瘽鍒板鑸遍儴鎶曡瘔锛屽苟鎻愬嚭濡傚ぇ琛ｆ棤娉曟仮澶嶅師鏍凤紝灏辫姹傚師浠疯禂鍋裤��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鏃呭瀵硅浜嬩欢鎻愬嚭鎶曡瘔鏄惁鍚堢悊锛熷鑷存姇璇夌殑鍘熷洜鏄粈涔堬紵</p>
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.鑸┖鍏徃鍚庣画搴斿浣曞鐞嗘墠鑳芥秷闄ゆ梾瀹㈢殑璇В锛�</p>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
       </div>
     </div>
-
     <!-- 106 -->
     <div class="page-box" page="112">
       <div v-if="showPageList.indexOf(112) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">106</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">106</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -927,42 +1323,44 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">107</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">107</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c024">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">澶勭悊鏃呭鎶曡瘔鐨勫熀鏈師鍒欏拰绛栫暐</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">澶勭悊鏃呭鎶曡瘔鐨勫熀鏈師鍒欏拰绛栫暐</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В澶勭悊鏃呭鎶曡瘔鐨勫熀鏈師鍒欍��</p>
           <p>2.鎺屾彙澶勭悊鏃呭鎶曡瘔鐨勭瓥鐣ャ��</p>
           <h4 id="d081">涓�銆佸鐞嗘梾瀹㈡姇璇夌殑鍩烘湰鍘熷垯</h4>
           <h5 id="e090">锛堜竴锛夋梾瀹负鍏堬紝鐪熻瘹鏈嶅姟鍘熷垯</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             鏌愯埅鐝箻鍔￠暱绐佺劧鍙戠幇鍒氬垰鍦ㄩ潬杩囬亾灏卞骇鐨勪竴鍚嶅勾杞诲濡堝弻鎵嬪湪姊崇悊澶村彂鏃讹紝鍧愬湪鍏惰吙涓婄殑绾�5涓湀澶х殑鐢峰鍥犻噸蹇冧笉绋虫憯鍊掑湪鍦帮紝澶寸宸ф挒鍦ㄥ骇妞呮梺姝ｅ湪閫氳繃鐨勬梾瀹㈢殑琛屾潕鎸℃潌涓婏紝棰濆ご琚垝鍑�2cm鐨勪激鍙ｏ紝褰撳満娴佽涓嶆銆�
           </p>
-          <p>
+          <p class="block">
             涔樺姟闀垮綋鍦轰负瀛╁瓙杩涜浜嗙揣鎬ユ琛�鍜屽寘鎵庢晳娌伙紝瀛╁瓙鐨勫濡堝喅瀹氬彇娑堣绋嬶紝涔樺姟闀胯仈绯讳簡鍦伴潰宸ヤ綔浜哄憳锛屽強鏃跺皢姣嶅瓙淇╅�佸埌鍖婚櫌杩涜娌荤枟銆�
           </p>
-          <p>
+          <p class="block">
             浣嗘槸锛岀湅鐫�鍙椾激鐨勫瀛愶紝蹇冩儏婵�鍔ㄧ殑濡堝杩樻槸鎶曡瘔浜嗚鍚嶄箻鍔￠暱锛岃涓哄ス宸ヤ綔涓嶄粩缁嗭紝鏈皢閫氳繃鏃呭鐨勮鏉庡畨鍏ㄦ彁閱掑埌浣嶏紝瑕佹眰鑸┖鍏徃瀵规浜嬩欢杩涜璧斿伩銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鑸┖鍏徃瀵规浜嬩欢鏄惁搴旀壙鎷呰矗浠伙紵</p>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犱綔涓鸿埅绌哄叕鍙哥殑璐熻矗浜鸿濡備綍澶勭悊姝や簨锛�</p>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -980,55 +1378,55 @@
         </div>
       </div>
     </div>
-
     <!-- 108 -->
     <div class="page-box" page="114">
       <div v-if="showPageList.indexOf(114) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">108</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">108</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p><span class="bj2">路闆嗘�濆箍鐩娐�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路闆嗘�濆箍鐩娐�</span></p>
           <p>
             鍦ㄤ綘鐨勬秷璐圭粡鍘嗕腑锛屽嵃璞¤緝娣辩殑浼樿川鏈嶅姟妗堜緥鏈夊摢浜涳紵鏈�鍚稿紩浣犵殑鏈嶅姟浜哄憳鏈夊摢浜涘搧璐紵
           </p>
           <h5 id="e091">锛堜簩锛変俊鎭叕寮�锛屽娓犻亾鎶曡瘔鍘熷垯</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             鍦ㄦ境闂ㄥ伐浣滅殑閲嶅簡濂冲妯婂皬濮愶紝鎺翰缁撴潫鍚庤鍒掍箻鍧愮浜屽ぉ涓�鏃╃殑鑸彮杩斿洖骞垮窞锛屼箣鍚庤繘鍏ユ境闂紝涓嬪崍3鐐瑰墠鍥炲叕鍙镐笂鐝��
           </p>
-          <p>
+          <p class="block">
             绗簩澶╂棭鏅紝褰撳ス璧跺埌鏌愯埅鍙哥殑鍊兼満鍙ｆ椂锛屽嵈鍜屽彟澶�3鍚嶅悓鏍锋寔鏈夎鑸彮鏈虹エ鐨勬梾瀹竴璧疯鍛婄煡浠栦滑棰勮鐨勮繖瓒熻埅鐝洜涓烘満绁ㄨ秴鍞紝浜哄憳宸叉弧銆�
           </p>
-          <p>宸ヤ綔浜哄憳寤鸿浠栦滑鍙互閫夋嫨鍘熶环閫�绁紝鎴栬�呴�夋嫨鏀圭銆�</p>
-          <p>
+          <p class="block">宸ヤ綔浜哄憳寤鸿浠栦滑鍙互閫夋嫨鍘熶环閫�绁紝鎴栬�呴�夋嫨鏀圭銆�</p>
+          <p class="block">
             鈥滄敼绛惧彲浠ワ紝浣嗗繀椤绘槸浠婂ぉ涓婂崍鐨勮埅鐝紝鐩殑鍦版槸鐝犳捣鎴栫彔娴烽檮杩戝煄甯傘�傗�濇▕灏忓鎻愬嚭浜嗚姹傦紝浣嗙珛鍒婚伃鍒拌鍚嶅伐浣滀汉鍛樼殑鎷掔粷銆�
           </p>
-          <p>
+          <p class="block">
             缁忚繃闀挎椂闂村崗璋冩棤鏋滃悗锛屾▕灏忓涓嶅緱涓嶅湪鏈哄満鍙堜拱浜嗕竴寮�12鐐归骞垮窞鐨勬満绁紝浣嗚繖鏍风殑琛岀▼宸茬粡褰卞搷鍒板ス姝ｅ父璧跺洖鍏徃锛屾剰鍛崇潃濂瑰皢鍙楀埌鍏徃鐩稿叧鐨勭邯寰嬪缃氥��
           </p>
-          <p>
+          <p class="block">
             鐧绘満鍓嶏紝妯婂皬濮愬張鎵惧埌鍘熻喘涔扮殑鏃╄埅鐝殑鑸徃瑕佹眰閫�绁紝宸ヤ綔浜哄憳璇达紝鍦ㄥ摢閲岃鐨勫氨鍦ㄥ摢閲岄��绁ㄣ��
           </p>
-          <p>
+          <p class="block">
             鐫�鎬ョ櫥鏈虹殑妯婂皬濮愪笉寰椾笉鏀惧純浜嗛��绁ㄣ�備簨鍚庯紝妯婂皬濮愬鑷繁鈥滆喘涔版満绁ㄨ鎷掔粷涔樻満銆侀��绁ㄩ伃閬囬殰纰嶃�佹湭鑳芥寜鏃剁櫥鏈鸿刀鍥炲叕鍙镐笂鐝鑷村缃氣�濈瓑閬亣鍚戣鑸徃杩涜鎶曡瘔鍜屾彁鍑虹储璧斻��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇ユ渚嬩腑锛屾▕灏忓鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1037,6 +1435,7 @@
           <p>
             濡傛灉鑸徃鑳芥彁鍓嶅憡鐭ユ梾瀹紝缁欐梾瀹㈠厖鍒嗙殑鐭ユ儏鏉冨拰閫夋嫨鏉冿紝灏辫兘閬垮厤寰堝鐭涚浘鍜屾姇璇夈��
           </p>
+
         </div>
       </div>
     </div>
@@ -1046,89 +1445,90 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">109</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">109</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             鏄庣‘鍛婅瘔鏃呭鏈鑸彮瓒呭敭锛岃鏃呭鑷富閫夋嫨鏄惁璐拱锛屼篃鎻愰啋涓�浜涜刀鏃堕棿鐨勬梾瀹㈡彁鍓嶅姙鐞嗗�兼満鎵嬬画銆備竴鑸儏鍐典笅锛屽綋鑸彮瓒呰浇鍙戠敓鏃讹紝鑸┖鍏徃搴斿綋绗竴鏃堕棿璇㈤棶鏃呭鏄惁鑷効鈥滆搴р�濓紝骞朵负鑷効璁╁骇鐨勬梾瀹㈡彁渚涜ˉ鍋块噾銆傚浜庡洜瓒呰浇涓嶈兘椤哄埄鐧绘満鐨勬梾瀹紝涔熷簲缁欎簣琛ュ伩銆�
           </p>
-          <p>
+          <p class="block">
             澶у鏁版姇璇夐兘鍙戠敓鍦ㄦ梾瀹㈠嚭琛屽彈闃绘椂锛岃繖鏃舵梾瀹㈡渶鎯崇煡閬撶殑鏄簨鎯呯殑鐪熺浉锛岄渶瑕佽埅鍙稿叕寮�淇℃伅锛岀粰浜堟梾瀹㈠叕姝ｇ殑瀵瑰緟銆傛瘮濡傦紝鍚庣画鑸徃鏄惁鏈夎В鍐虫帾鏂斤紝鍖呮嫭浣嗕笉闄愪簬鑸彮鏀圭銆侀瀹垮畨鎺掋�佽ˉ鍋块噾鍙戞斁绛夈�傚鏋滀俊鎭叕寮�骞剁晠閫氾紝鐜板満闂鍜屾姇璇夋笭閬撻『鐣咃紝宸ヤ綔浜哄憳鑳藉湪绗竴鏃堕棿瀹夋姎鏃呭锛屽疄鐜拌壇鎬ф矡閫氾紝灏卞彲浠ュ噺灏戞姇璇夊苟鎻愬崌浼佷笟鍝佺墝褰㈣薄銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 瀵逛簬淇濇寔淇℃伅鍏紑浠ュ強绉瀬閲囩撼鏃呭鎶曡瘔鐨勯�斿緞锛屼綘杩樻湁鍝簺寤鸿锛�
               </p>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e092">锛堜笁锛夌Н鏋佹矡閫氾紝涓诲姩鎵挎媴鍘熷垯</h5>
           <p>
             鍦ㄦ梾瀹笉婊＄殑鏃跺�欙紝浠栭渶瑕佹湁涓�涓儏缁娉勫彛锛屽惁鍒欐�ㄦ皵灏嗕細瓒婄Н瓒婂锛岀敋鑷冲嚭鐜颁笉鍙帶鐨勮繃婵�琛屼负銆傝繖鏃跺�欏氨闇�瑕佹皯鑸憳宸ヤ笌鏃呭杩涜绉瀬鏈夋晥鐨勬矡閫氾紝涓嶅洖閬垮嚭鐜扮殑闂锛屼互鍧﹁瘹鐨勬�佸害鍕囦簬鎵挎媴璐ｄ换锛岄噸鎷炬梾瀹㈢殑淇′换涓庢敮鎸併��
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
             <span class="cs1">鐢ㄦ儏鍔ㄤ汉锛岀敤绀兼湇浜猴紝绉瀬娌熼�氾紝涓诲姩鎵挎媴</span>
           </p>
-          <p>
+          <p class="block">
             灏忓紶缁堜簬褰撲笂浜嗗ご绛夎埍涔樺姟鍛橈紝濂归潪甯搁珮鍏淬�備粖澶╃殑澶寸瓑鑸变篃鏄弧鍛橈紝鍏朵腑鏈変竴鍚嶅绫嶆梾瀹€��
           </p>
-          <p>
+          <p class="block">
             杩欏悕澶栫睄鏃呭鐪嬬潃闈炲父骞介粯鍙嬪ソ锛屽叆搴у悗涓诲姩鍜屽皬寮犳墦鎷涘懠锛岃繕璺熷皬寮犲仛浜嗕釜楝艰劯銆備笉杩囷紝澶栫睄鏃呭浼间箮姣旇緝鐤插�︼紝鑸彮杩樻病骞抽浠栧氨宸茬粡鐫＄潃浜嗐��
           </p>
-          <p>
+          <p class="block">
             灏忓紶涓�鐩村繖纰岀潃涓哄ご绛夎埍鐨勫叾浠栨梾瀹㈡彁渚涢楗湇鍔★紝涔熶笉鏃跺叧娉ㄧ潃杩欎綅鐫＄潃鐨勬梾瀹€�傜劧鑰岋紝灏忓紶鍒氬洖鍒版湇鍔″彴涓嶅埌2鍒嗛挓锛屽氨鐪嬪埌杩欏悕澶栫睄鏃呭鎬掓皵鍐插啿鍦拌蛋鍒板皬寮犻潰鍓嶅彂鐫�鑴炬皵璇达細鈥滈鏈洪兘椋炰簡1.5灏忔椂浜嗭紝鎴戝眳鐒舵病鏈夊緱鍒颁换浣曟湇鍔★紝鐢氳嚦杩炰竴鏉按閮芥病鏈夛紒鈥�
           </p>
-          <p>
+          <p class="block">
             鏃呭绐佸鍏舵潵鐨勬劋鎬掕灏忓紶寰堝悆鎯婏紝涔熷緢濮斿眻锛屽ス鏄洜涓轰笉鎯虫墦鎵拌繖鍚嶆梾瀹紤鎭墠娌℃湁鍘绘湇鍔＄殑銆備负浜嗗畨鎶氭梾瀹㈡儏缁紝濂圭珛鍗充负鏃呭閫佸幓浜嗙儹姘达紝浣嗘槸鏃呭鎷掔粷浜嗗ス鐨勬湇鍔°��
           </p>
-          <p>灏忓紶涓嶆皵棣侊紝鍙堥�佷簡涓�鐩樼偣蹇冭繃鍘伙紝鏃呭浠嶇劧涓嶄簣鐞嗙潿銆�</p>
+          <p class="block">灏忓紶涓嶆皵棣侊紝鍙堥�佷簡涓�鐩樼偣蹇冭繃鍘伙紝鏃呭浠嶇劧涓嶄簣鐞嗙潿銆�</p>
         </div>
       </div>
     </div>
-
     <!-- 110 -->
     <div class="page-box" page="116">
       <div v-if="showPageList.indexOf(116) > -1">
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
-               <span class="mr-10 pNum">110</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">110</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>
+          <p class="block">
             鎬庝箞鍔炲憿锛熶笉鑳借鏃呭楂樺叴鑰屾潵璐ュ叴鑰屽綊鍟婏紝灏忓紶绐佺劧鎯宠捣杩欎釜鏃呭鏇剧粡璺熻嚜宸卞仛楝艰劯锛屼簬鏄伒鏈轰竴鍔紝鐢ㄦ按鏋滃埗浣滀簡涓�涓灞堣劯鍨嬬殑姘存灉鎷肩洏锛岀鍒板浜虹殑闈㈠墠锛屾參鎱㈣共涓嬫潵杞诲０璇撮亾锛氣�滃厛鐢燂紝瀵逛簬鎮ㄤ箣鍓嶇殑閬亣鎴戦潪甯搁毦杩囷紒灏卞儚杩欏紶鑴歌〃鐜板緱涓�鏍烽毦杩囥�傗��
           </p>
-          <p>
+          <p class="block">
             骞介粯鐨勬梾瀹㈢粓浜庤灏忓紶鐨勬按鏋滄嫾鐩樻墦鍔ㄤ簡銆備簨鍚庯紝灏忓紶寰堝濠夊湴璇达細鈥滃叾瀹炲晩锛屾垜涓�鐩寸壒鍒湪鎰忔偍锛岀湅鍒版偍寰堢柌鎯湴鐫＄潃浜嗚繕缁欐偍鐩栦簡姣涙锛屽笇鏈涚幇鍦ㄦ偍宸茬粡绮剧楗辨弧鍟︺�傗��
           </p>
-          <p>澶栫睄鏃呭涔熷緢蹇剰璇嗗埌鑷繁璇細浜嗗皬寮狅紝涓诲姩鍚戝皬寮犺〃杈句簡姝夋剰銆�</p>
-          <p>鑸彮钀藉湴鍚庯紝鐪嬬潃甯︾潃婊℃剰绗戝绂诲紑鑸彮鐨勪粬锛屽皬寮犳劅瑙夊埌寰堝垢绂忋��</p>
+          <p class="block">澶栫睄鏃呭涔熷緢蹇剰璇嗗埌鑷繁璇細浜嗗皬寮狅紝涓诲姩鍚戝皬寮犺〃杈句簡姝夋剰銆�</p>
+          <p class="block">鑸彮钀藉湴鍚庯紝鐪嬬潃甯︾潃婊℃剰绗戝绂诲紑鑸彮鐨勪粬锛屽皬寮犳劅瑙夊埌寰堝垢绂忋��</p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>浠庡皬寮犵殑缁忓巻涓紝浣犲鍒颁簡浠�涔堝憿锛�</p>
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d082">浜屻�佹皯鑸梾瀹㈡姇璇夊鐞嗙殑绛栫暐</h4>
@@ -1148,12 +1548,30 @@
             锛�5锛変粠琛ㄩ潰涓婄湅锛屽鐞嗘梾瀹㈡姇璇夊鍔犱簡姘戣埅浼佷笟鐨勮祫閲戙�佷汉鍔涖�佹椂闂寸瓑鎴愭湰锛岀敋鑷崇煭鏃堕棿鍐呬細褰卞搷浼佷笟鐨勫舰璞°�傚疄闄呬笂濡傛灉澶勭悊寰楀綋锛屽氨涓烘梾瀹㈡彁渚涗簡涓�涓噸鏂拌璇嗕笌鍒ゆ柇姘戣埅浼佷笟鏈嶅姟璐ㄩ噺鐨勬満浼氥��
           </p>
           <h3 id="c025">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">澶勭悊鏃呭鎶曡瘔鐨勫疄璁�</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">澶勭悊鏃呭鎶曡瘔鐨勫疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鑳藉鏍规嵁璁惧畾鐨勫満鏅畬鎴愭梾瀹㈡姇璇夌殑娴嬭瘯銆�</p>
           <p>2.鑳藉瀹屾垚澶勭悊鏃呭鎶曡瘔鐨勫疄璁换鍔°��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" 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" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoEight ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1163,8 +1581,8 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">111</li>
-          <li class="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="p-Num">111</li>
+          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -1172,41 +1590,84 @@
           <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0117-1.jpg" />
           </p>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>
             1.姘戣埅鏈嶅姟杩囩▼涓毦鍏嶄細鍑虹幇涓�浜涗笉鍙鐭ョ殑绐佸彂鐘跺喌锛岃�屽杩欎簺绐佸彂鐘跺喌鐨勫缃紝鏈夊彲鑳戒細寮曡捣鎶曡瘔鎴栧叾浠栬繛閿佺殑鍙嶅簲銆備笅鍒楀摢浜涘睘浜庢皯鑸梾瀹㈡姇璇夌殑鍘熷洜锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
-          <p>B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓</p>
-          <p>C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
-          <p>D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓
+          </p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
           <p>
             2.鏃呭鎶曡瘔鏄竴鎶婂弻鍒冨墤锛屽綋鍑虹幇鏃呭鎶曡瘔鐨勬椂鍊欙紝搴旈伒寰摢浜涘鐞嗙殑鍩烘湰鍘熷垯锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.鏃呭涓哄厛銆佺湡璇氭湇鍔＄殑鍘熷垯</p>
-          <p>B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐ｇ殑鍘熷垯</p>
-          <p>C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
-          <p>D.鍙婃椂瑙ｅ喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鏃呭涓哄厛銆佺湡璇氭湇鍔＄殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐ｇ殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍙婃椂瑙ｅ喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
           <p>3.鍏充簬瀹㈡埛鎶曡瘔瀵硅埅鍙哥殑鎰忎箟锛岃〃杩颁笉姝ｇ‘鐨勬槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p>A.鍙互鎸界暀浣忛【瀹�</p>
-          <p>B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
-          <p>C.澧炲姞鑸徃鐭ュ悕搴�</p>
-          <p>D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍙互鎸界暀浣忛【瀹�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.澧炲姞鑸徃鐭ュ悕搴�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
           <p>4.鍦ㄦ姇璇夊鐞嗗悗锛屽鏈嶄汉鍛樼殑宸ヤ綔涓嶅寘鎷紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p>A.鑷垜鎺у埗</p>
-          <p>B.鑷垜瀵硅瘽</p>
-          <p>C.鑷垜妫�璁�</p>
-          <p>D.鑷垜瀹夋叞</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鑷垜鎺у埗</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鑷垜瀵硅瘽</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鑷垜妫�璁�</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鑷垜瀹夋叞</p>
           <p>
             5.涓嬪垪閫夐」涓笉灞炰簬姘戣埅鍛樺伐姝ｇ‘澶勭悊鏃呭鎶曡瘔鐨勫師鍒欑殑鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p>A.杩呴�熼噰鍙栬鍔�</p>
-          <p>B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
-          <p>C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
-          <p>D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
-        </div>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.杩呴�熼噰鍙栬鍔�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
+            <p class="dialogQuestion" @click="openQuestion(2)">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
+            </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -1216,36 +1677,107 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterThree",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
+          ten: '',
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: ''
         },
-        tableTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        projectOne: {
+          one: {
+            value: ""
+          },
+          two: {
+            value: ""
+          },
+          three: {
+            value: ""
+          },
+          four: {
+            value: []
+          },
+          five: {
+            value: ""
+          },
+          six: {
+            value: ""
+          }
+
         },
-        tableThree: {
+        projectTwo: {
+          one: {
+            value: []
+          },
+          two: {
+            value: []
+          },
+          three: {
+            value: ""
+          },
+          four: {
+            value: ""
+          },
+          five: {
+            value: ""
+          },
+
+
+        },
+
+      },
+      evaluation: {
+        isCompleteThree: false,
+        isCompleteFour: false,
+        isCompleteFive: false,
+        showCheckAnswerThree: false,
+        showCheckAnswerFour: false,
+        showCheckAnswerFive: false,
+        evaluationThreeValue: {
           one: "",
           two: "",
           three: "",
@@ -1254,39 +1786,19 @@
           six: "",
           seven: "",
           eight: "",
-        },
-        tableFour: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableFive: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableSix: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableSeven: {
+          nine: "",
+          ten: "",
+        }, //娴嬭瘎绛旀
+
+        evaluationFourValue: {
           one: "",
           two: "",
           three: "",
           four: "",
           five: "",
           six: "",
-          seven: "",
-          eight: "",
-        },
-        reading: {
+        }, //娴嬭瘎绛旀
+        evaluationFiveValue: {
           one: "",
           two: "",
           three: "",
@@ -1298,51 +1810,82 @@
           nine: "",
           ten: "",
           eleven: "",
-        },
-      },
-      chapter003: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
-          },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
-          },
-        ],
+          twelve: "",
+        }, //娴嬭瘎绛旀
       },
       chapterData: {
         isCollectVideo: false,
-        isCollectVideo01: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
+        isCollectVideoNine: false,
+        isCollectVideoTen: false,
+        isCollectVideoEleven: false,
+      },
+      evaluatioThreeResults: '', //娴嬭瘎缁撴灉
+      evaluationFourResults: '', //娴嬭瘎缁撴灉
+      evaluationFiveResults: '', //娴嬭瘎缁撴灉
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鑱屽満娌熼��",
+            questionNum: 108,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�",
+            questionNum: 117,
+          },
+        },
       },
     };
   },
   async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter03-table"
+      "aviationEtiquette-book-chapter03-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
 
-    const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter03-Data"
+    //娴嬭瘯
+    const evaluationData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-chapter003"
     );
-    if (choiceQuestion) {
-      this.chapterData = JSON.parse(choiceQuestion);
+    if (evaluationData) {
+      this.evaluation = JSON.parse(evaluationData);
+    }
+    const evaluationThreeData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-three"
+    );
+    if (evaluationThreeData) {
+      this.evaluationThreeResults = evaluationThreeData;
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter003"
+    const evaluationFourData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-four"
     );
-    if (videoData) {
-      this.chapter003 = JSON.parse(videoData);
+    if (evaluationFourData) {
+      this.evaluationFourResults = evaluationFourData;
     }
+
+    const evaluationFiveData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-five"
+    );
+    if (evaluationFiveData) {
+      this.evaluationFiveResults = evaluationFiveData;
+    }
+
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -1351,38 +1894,267 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "6f3a3b8b1b5eb8b942f57b7c6ef20ff7"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "45d4dc432a32a81d20421fa6b8ebe50b"
       );
-      for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
-        const item = this.chapter003.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
+      this.videoPathThree = await getResourcePath(
+        "05d9e675723ecfe512ae2aba64ba08fa"
+      );
+      this.videoPathFour = await getResourcePath(
+        "f768963b0e70d05a065c3094c9a6a6af"
+      );
+      this.videoPathFive = await getResourcePath(
+        "ada8ecd6349bf5d0c6ee2b6642e9effc"
+      );
+      this.videoPathSix = await getResourcePath(
+        "9c6c01fac88c9dda705bdfd05df3b0ec"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "81574f24a780ca2ed16b023eb795ce04"
+      );
+      this.videoPathEight = await getResourcePath(
+        "65f1f06c69581442b53aefac9da33353"
+      );
+      this.videoPathNine = await getResourcePath(
+        "1f04f081f61aa13373daa7b8b92cc750"
+      );
+      this.videoPathTen = await getResourcePath(
+        "222a20d4bcb6805836684e0d96752ae3"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "b0ff55db0549ccb2f6c1b332798aa8d3"
+      );
     },
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter03-table",
+        "aviationEtiquette-book-chapter03-question",
         JSON.stringify(this.questionData)
       );
     },
+    //娴嬭瘯鎻愪氦
+    setEvaluation() {
+      // localStorage.setItem(
+      //   "aviationEtiquette-book-chapter01-evaluation",
+      //   JSON.stringify(this.evaluation)
+      // );
+    },
 
-    handleChapterData() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter03-Data",
-        JSON.stringify(this.chapterData)
-      );
+    goCheckThree() {
+      let obj = 0
+      let index = 0
+      for (let key in this.evaluation.evaluationThreeValue) {
+        if (this.evaluation.evaluationThreeValue[key] !== '') {
+          let cont = Number(this.evaluation.evaluationThreeValue[key])
+          obj = obj + cont
+        } else {
+          index++
+        }
+      }
+      console.log(index, this.evaluation.evaluationThreeValue)
+      if (index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
+        this.$message({
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
+        this.evaluatioThreeResults = obj
+        this.evaluation.showCheckAnswerThree = true
+        this.evaluation.isCompleteThree = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-three", this.evaluatioThreeResults);
+      }
     },
-    handlechapter003() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter003",
-        JSON.stringify(this.chapter003)
-      );
+    changeCheckThree() {
+      this.evaluatioThreeResults = ''
+      this.evaluation.evaluationThreeValue = {}
+      this.evaluation.isCompleteThree = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-three");
     },
+    goCheckFour() {
+      let obj = 0
+      let index = 0
+      for (let key in this.evaluation.evaluationFourValue) {
+        if (this.evaluation.evaluationFourValue[key] !== '') {
+          let cont = Number(this.evaluation.evaluationFourValue[key])
+          obj = obj + cont
+        } else {
+          index++
+        }
+      }
+      if (index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
+        this.$message({
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
+        this.evaluationFourResults = obj
+        this.evaluation.showCheckAnswerFour = true
+        this.evaluation.isCompleteFour = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-four", this.evaluationFourResults);
+      }
+    },
+    changeCheckFour() {
+      this.evaluationFourResults = ''
+      this.evaluation.evaluationFourValue = {}
+      this.evaluation.isCompleteFour = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-four");
+    },
+    goCheckFive() {
+      let obj = 0
+      let index = 0
+      for (let key in this.evaluation.evaluationFiveValue) {
+        if (this.evaluation.evaluationFiveValue[key] !== '') {
+          let cont = Number(this.evaluation.evaluationFiveValue[key])
+          obj = obj + cont
+        } else {
+          index++
+        }
+      }
+      if (index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
+        this.$message({
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
+        this.evaluationFiveResults = obj
+        this.evaluation.showCheckAnswerFive = true
+        this.evaluation.isCompleteFive = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-five", this.evaluationFiveResults);
+      }
+    },
+    changeCheckFive() {
+      this.evaluationFiveResults = ''
+      this.evaluation.evaluationFiveValue = {}
+      this.evaluation.isCompleteFive = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-five");
+    },
+
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "4f0afd466e16bde40a447ff467452181",
+          "4f0afd466e16bde40a447ff467452181",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
+          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸簲绉嶆矡閫氶鏍�"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "45d4dc432a32a81d20421fa6b8ebe50b",
+          "45d4dc432a32a81d20421fa6b8ebe50b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏈夋晥娌熼��"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏃犳晥娌熼��"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "05d9e675723ecfe512ae2aba64ba08fa",
+          "05d9e675723ecfe512ae2aba64ba08fa",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳�佸勾鏃呭鏈嶅姟娌熼�氳瘽鏈�"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "9c6c01fac88c9dda705bdfd05df3b0ec",
+          "9c6c01fac88c9dda705bdfd05df3b0ec",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈡寫鍓旀椂鐨勬湇鍔℃矡閫氳瘽鏈�"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "81574f24a780ca2ed16b023eb795ce04",
+          "81574f24a780ca2ed16b023eb795ce04",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈤敊杩囬�侀璇夋眰澶勭悊璇濇湳婕旂ず"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "65f1f06c69581442b53aefac9da33353",
+          "65f1f06c69581442b53aefac9da33353",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸亴鍦烘矡閫氳鐭�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-09") {
+        this.handleCollectResource(
+          "1f04f081f61aa13373daa7b8b92cc750",
+          "1f04f081f61aa13373daa7b8b92cc750",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-10") {
+        this.handleCollectResource(
+          "222a20d4bcb6805836684e0d96752ae3",
+          "222a20d4bcb6805836684e0d96752ae3",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶鏈烘晠闅滃鑷存姇璇夌殑澶勭悊璇濇湳"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-11") {
+        this.handleCollectResource(
+          "b0ff55db0549ccb2f6c1b332798aa8d3",
+          "b0ff55db0549ccb2f6c1b332798aa8d3",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈡姇璇夊師鍥犵殑璁ょ煡"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }
+      this.handleChapterData();
+    },
+
 
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
@@ -1391,41 +2163,13 @@
       this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
     },
 
-    handleCollect(e) {
-      if (e.md5) {
-        this.handleCollectResource(
-          e.md5,
-          e.md5,
-          "",
-          "瑙嗛",
-          "bits",
-          "寰灏忚鍫傦細" + e.name
-        );
-        e.isCollectVideo = !e.isCollectVideo;
-      } else if (e == "video-01") {
-        this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
-        );
-        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
-      } else if (e == "video-02") {
-        this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
-        );
-        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
-      }
-      this.handlechapter003();
-      this.handleChapterData();
+    handleChapterData() {
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter03-Data",
+        JSON.stringify(this.chapterData)
+      );
     },
+
     //璧勬簮鏀惰棌浜嬩欢
     // resourcePath  鏂囦欢璺緞锛�
     // resourceType  鏂囦欢绫诲瀷
@@ -1457,6 +2201,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>

--
Gitblit v1.9.1