From 1995bd9b9e0033445fd44c796e21a1944f1e56b2 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 14 三月 2025 17:42:22 +0800
Subject: [PATCH] 3.14民航服务礼仪新增视频，题目。

---
 src/books/aviationEtiquette/view/components/chapter003.vue | 1901 ++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 1,054 insertions(+), 847 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index e4dbc62..3f65d39 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -40,6 +40,63 @@
           <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>瑙嗛锛�3.1.1</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>瑙嗛锛�3.1.2</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>瑙嗛锛�3.1.2</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>
             姘戣埅娌熼�氫竴鑸寘鎷鍙版寚鎸ヤ腑蹇冧笌涔樺姟缁勭殑娌熼�氥�佺┖涓箻鍔＄粍鍦ㄥ鑸卞唴涓庡悓浜嬪強鏃呭鐨勬矡閫氥�佸湴闈㈡湇鍔′汉鍛樺湪鏈哄満澶у巺涓庡悓浜嬪強鏃呭鐨勬矡閫氱瓑銆�
@@ -67,6 +124,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>瑙嗛锛�3.1.4</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>
             鍒濇涔樺潗椋炴満锛屾梾瀹㈡棦濂藉鍙堢揣寮犮�備负婊¤冻鏃呭鐨勫ソ濂囧績锛屼箻鍔″憳瑕佷富鍔ㄤ负浠栦滑浠嬬粛鏈鑸彮鐨勬儏鍐碉紝濡傛満鍨嬨�侀琛岄珮搴︺�佸潗鏍囩瓑銆傚垵娆′箻鍧愰鏈虹殑鏃呭缂哄皯涔樺潗椋炴満鐨勫父璇嗐�備竴鏂归潰锛屼箻鍔″憳瑕佽�愬績鍦颁粙缁嶏紝涓嶈鍢茬瑧浠栦滑锛岄伩鍏嶄娇鏃呭鎰熷埌鑷崙锛涘彟涓�鏂归潰锛屼箻鍔″憳杩樿閫氳繃浜插垏浜よ皥鍒嗘暎浠栦滑绱у紶鐨勬儏缁紝浣夸粬浠劅鍒颁箻鍧愰鏈烘槸瀹夊叏鐨勩��
@@ -80,12 +156,31 @@
             渚嬪锛岄噸瑕佹梾瀹竴涓婇鏈猴紝涔樺姟鍛樺簲鑳藉噯纭棤璇湴鐢ㄤ粬浠殑濮撴皬鍜岃亴鍔℃潵闂�欎粬浠紱褰撻噸瑕佹梾瀹㈤�掔粰涔樺姟鍛樺悕鐗囨椂锛屼箻鍔″憳搴斿綋闈㈣鍑烘潵锛屼娇浠栦滑鍦ㄥ績鐞嗕笂浜х敓涓�绉嶆弧瓒虫劅锛涗箻鍔″憳瑕佹敞鎰忎笌鏃呭杩涜娌熼�氾紝浣夸粬浠殑鏁翠釜鏃呯▼閮芥矇娴稿湪鎰夋偊鐨勫績鎯呬腑銆�
           </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>瑙嗛锛�3.1.5</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>
@@ -96,13 +191,32 @@
         <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="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>瑙嗛锛�3.1.6</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ff80be5c2badeef45574d9d5fb884b92'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             椋炴満涓婂伓灏旀湁涓埆姣旇緝鎸戝墧鐨勬梾瀹紝浠栦滑瀵规湇鍔″拰璁惧浠ュ強椁愰ギ绛変細鎻愬嚭闅句互杈惧埌鐨勮姹傘�傚湪涓庢梾瀹㈡矡閫氱殑杩囩▼涓紝鍔″繀瑕佽浣忎互鏃呭涓轰腑蹇冿紝鏀惧純鑷垜涓績璁恒�傚仛鍒板績骞虫皵鍜屻�佷笉涔卞彂鐗㈤獨锛岃繖鏍蜂笉浠呰嚜宸卞揩涔愶紝鏃呭涔熶細蹇冩儏鎰夋偊銆�
           </p>
@@ -110,6 +224,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>瑙嗛锛�3.1.7</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>
             璐ｄ换蹇冨氨鏄竴绉嶈嚜瑙夊湴鎶婂垎鍐呯殑浜嬫儏鍋氬ソ骞舵効鎰忔壙鎷呯浉搴旇矗浠荤殑鎯呮劅銆傛皯鑸伐浣滄棦鏄湇鍔″伐浣滐紝涔熸槸瀹夊叏宸ヤ綔锛屾棦鍏崇郴鍒拌埅绌哄叕鍙哥殑鏈嶅姟姘村钩锛屼篃鍏崇郴鍒版梾瀹㈢敓鍛藉拰鍥藉璐骇瀹夊叏锛岃矗浠婚噸澶э紝闇�瑕佹皯鑸湇鍔′汉鍛樹互楂樺害鐨勮矗浠诲績璁ょ湡瀵瑰緟銆傚彲浠ヨ锛岃矗浠诲績鏄竴鍚嶆皯鑸湇鍔′汉鍛樺簲璇ュ叿澶囩殑鍩烘湰鏉′欢銆�
@@ -179,7 +312,7 @@
         <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="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>
@@ -207,12 +340,12 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e081">锛堜簩锛夋湇鍔″繉璇�</h5>
@@ -246,7 +379,7 @@
         <div class="bodystyle">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
           <p>
-            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃牭鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
+            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃槦鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
           </p>
           <h6 id="f035">5.鍌績鍛戒护寮忕殑璇彞</h6>
           <p>
@@ -280,10 +413,10 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -303,7 +436,7 @@
         <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="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>
@@ -315,6 +448,25 @@
           <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>瑙嗛锛�3.1.8</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>
             鐜嬮懌鏄煇鑸┖鍏徃浜哄姏璧勬簮閮ㄧ殑涓�鍚嶅憳宸ワ紝浜烘瘮杈冮殢鍜岋紝涓嶅枩浜夋墽锛屽拰鍚屼簨澶勫緱閮芥瘮杈冨ソ銆備絾鏄紝鍓嶄竴娈垫椂闂达紝涓嶇煡閬撲负浠�涔堬紝鍚屼竴閮ㄩ棬鐨勬潕鍝嶈�佹槸澶勫鍜屼粬杩囦笉鍘伙紝鏈夋椂鍊欐晠鎰忓湪鍒汉闈㈠墠鎸囨楠傛锛屼笌浠栧悎浣滃伐浣滄椂涔熼兘鏈夋剰璁╃帇閼鍋氾紝鐢氳嚦杩樻姠浜嗙帇閼ソ澶氫笟鍔°��
@@ -329,7 +481,7 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇峰悓瀛︿滑璁ㄨ涓�涓嬶紝濡傛灉浣犳槸鐜嬮懌锛屽簲璇ュ浣曞簲瀵癸紵</p>
               <p>
                 鍒嗘瀽锛氱帇閼亣鍒扮殑鏄湪宸ヤ綔涓父甯稿嚭鐜扮殑闂銆傚湪涓�娈垫椂闂撮噷锛屽悓浜嬫潕鍝嶅浠栫殑鎬佸害澶ф湁鏀瑰彉锛岃繖搴旇鏄鐜嬮懌鏈夋墍璀﹁鐨勶紝浠栨湰搴旇鐣欏績鏄笉鏄摢閲屽嚭浜嗛棶棰樸�備絾鏄紝鐜嬮懌鍙槸涓�鍛冲湴蹇嶈锛岃�屽繊璁╀笉鏄暱涔呬箣璁★紝鏇撮噸瑕佺殑搴旇鏄娌熼�氥�傜帇閼簲璇ヨ�冭檻鏄笉鏄潕鍝嶆湁浜嗕竴浜涗粈涔堟兂娉曪紝浠庤�屼娇浜屼汉涔嬮棿鏈変簡涓�浜涜浼氾紝鎵嶈鏉庡搷瀵硅嚜宸辩殑鎬佸害鍙樺緱杩欎箞鎭跺姡锛屼粬搴旇鍙婃椂鍜屾潕鍝嶈繘琛屾矡閫氾紝濡傞棶闂潕鍝嶆槸涓嶆槸鑷繁浠�涔堝湴鏂瑰仛寰椾笉瀵癸紝璁╀粬闅惧牚浜嗕箣绫荤殑銆傚疄闄呬笂浠讳綍涓�涓汉閮戒笉鍠滄涓庝汉缁撴�紝姝ゆ椂鑻ュ強鏃惰В鍐筹紝涔熻浠栦滑涔嬮棿鐨勮浼氬拰鐭涚浘灏变細娑堝け浜嗐��
@@ -337,8 +489,8 @@
               <p>
                 鐜嬮懌鍦ㄥ繊涓嶄笅鍘荤殑鏃跺�欙紝閫夋嫨浜嗗憡鐘躲�傚湪杩欓噷锛岀帇閼�佹�荤粡鐞嗐�佹潕鍝嶄笁浜虹姱浜嗗悓鏍风殑閿欒锛岄偅灏辨槸娌℃湁鍧氭寔鈥滃浜嬩笉瀵逛汉鈥濓紝鎬荤粡鐞嗗仛浜嬩篃杩囦簬鑽夌巼锛屾病鏈夎捣鍒板簲鏈夌殑璋冭妭浣滅敤锛屼粬鐨勪竴鐣壒璇勫弽鑰屽姞鍓т簡浜屼汉涔嬮棿鐨勭煕鐩俱�傛纭殑鍋氭硶鏄妸鍙屾柟涔嬮棿鐨勮浼氥�佺煕鐩捐В寮�锛岀鐫�浠ヤ簨涓氫负閲嶏紝鍔犲己鍛樺伐鐨勬矡閫氭潵澶勭悊杩欎欢浜嬨�傝繖鏍峰仛鐨勮瘽锛岀粨鏋滆偗瀹氫細濂藉緱澶氥��
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -377,13 +529,13 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d077">涓夈�佸疄璁渚嬩笁 绱ф�ヨ揩闄�</h4>
@@ -403,10 +555,10 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -418,7 +570,7 @@
         <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="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>
@@ -428,178 +580,53 @@
           <p class="block">
             閫氳繃瀵逛互涓婃渚嬬殑鍒嗘瀽涓庤璁猴紝鎮ㄥ湪鑱屽満娌熼�氬拰姘戣埅娌熼�氫笂鏈変粈涔堟敹鑾峰憿锛熶竴璧锋潵娴嬭瘯涓�涓嬪惂锛�
           </p>
-          <p class="center"><span class="cs1">娴嬭瘯涓� 鑱屽満娌熼�氳兘鍔涙祴璇�</span></p>
-          <p>锛堜竴锛夋儏鏅弿杩�</p>
-          <p>1.濡傛灉浣犵殑鏈嬪弸鍜屼綘鍙戠敓浜嗕簤鍚碉紝浣犲皢鎬庝箞鍔烇紵</p>
-          <p><input
-              type="radio"
-              name="eovOne"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.one"
-              @change="setEvaluation"
-            />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
-          <p><input
-              type="radio"
-              name="eovOne"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationTwoValue.one"
-              @change="setEvaluation"
-            />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
-          <p><input
-              type="radio"
-              name="eovOne"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationTwoValue.one"
-              @change="setEvaluation"
-            />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
-          <p>2.浣犲惉璇存湁鍚屼簨鍚戦瀵兼墦浣犵殑灏忔姤鍛婏紝浣犱細鎬庝箞鍔烇紵</p>
-          <p><input
-              type="radio"
-              name="eovTwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.Two"
-              @change="setEvaluation"
-            />A.鐩存帴鍐插埌閭ｄ釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
-          <p><input
-              type="radio"
-              name="eovTwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.Two"
-              @change="setEvaluation"
-            />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
-          <p><input
-              type="radio"
-              name="eovTwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.Two"
-              @change="setEvaluation"
-            />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
-          <p>3.濡傛灉鐖舵瘝鎬ф牸涓嶅悎锛岀粡甯稿惖鏋讹紝浣犱細鎬庝箞鍔烇紵</p>
-          <p><input
-              type="radio"
-              name="eovThree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.three"
-              @change="setEvaluation"
-            />A.澶у０濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
-          <p><input
-              type="radio"
-              name="eovThree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.three"
-              @change="setEvaluation"
-            />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
-          <p><input
-              type="radio"
-              name="eovThree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.three"
-              @change="setEvaluation"
-            />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><input
-              type="radio"
-              name="eovFour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.four"
-              @change="setEvaluation"
-            />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
-          <p><input
-              type="radio"
-              name="eovFour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.four"
-              @change="setEvaluation"
-            />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
-          <p><input
-              type="radio"
-              name="eovFour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.four"
-              @change="setEvaluation"
-            />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
-          <p>5.鍚屼簨浠竴璧峰湪澶栬仛椁愶紝浣犲埌杈惧悗浼氬仛浠�涔堬紵</p>
-          <p><input
-              type="radio"
-              name="eovFive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.five"
-              @change="setEvaluation"
-            />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
-          <p><input
-              type="radio"
-              name="eovFive"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.five"
-              @change="setEvaluation"
-            />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
-          <p><input
-              type="radio"
-              name="eovFive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.five"
-              @change="setEvaluation"
-            />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
-          <p>6.鍧愬叕浜よ溅鐨勬椂鍊欙紝浣犱竴鑸範鎯簬鍋氫粈涔堬紵</p>
-          <p><input
-              type="radio"
-              name="eovSix"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.six"
-              @change="setEvaluation"
-            />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
-          <p><input
-              type="radio"
-              name="eovSix"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.six"
-              @change="setEvaluation"
-            />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
-          <p><input
-              type="radio"
-              name="eovSix"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.six"
-              @change="setEvaluation"
-            />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>
@@ -616,151 +643,78 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p>7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p><input
-              type="radio"
-              name="eovSeven"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.seven"
-              @change="setEvaluation"
-            />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
-          <p><input
-              type="radio"
-              name="eovSeven"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.seven"
-              @change="setEvaluation"
-            />B.鎬ョ潃涓嬭溅</p>
-          <p><input
-              type="radio"
-              name="eovSeven"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.seven"
-              @change="setEvaluation"
-            />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
-          <p>8.鍚屼簨甯︽潵瀹朵埂鐗逛骇鍜屼綘鍒嗕韩锛屼綘浼氭�庝箞鍋氾紵</p>
-          <p><input
-              type="radio"
-              name="eovEight"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.eight"
-              @change="setEvaluation"
-            />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
-          <p><input
-              type="radio"
-              name="eovEight"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.eight"
-              @change="setEvaluation"
-            />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
-          <p><input
-              type="radio"
-              name="eovEight"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.eight"
-              @change="setEvaluation"
-            />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
-          <p>9.棰嗗浜ょ粰浣犱竴椤规湰鏉ヤ笉褰掍綘绠＄殑浠诲姟锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p><input
-              type="radio"
-              name="eovNine"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.nine"
-              @change="setEvaluation"
-            />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
-          <p><input
-              type="radio"
-              name="eovNine"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.nine"
-              @change="setEvaluation"
-            />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
-          <p><input
-              type="radio"
-              name="eovNine"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.nine"
-              @change="setEvaluation"
-            />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
-          <p>10.鍚屼簨璁蹭簡涓�涓綘浠ュ墠灏卞惉杩囩殑绗戣瘽锛屼綘浼氳〃鐜板嚭浠�涔堟牱鐨勫弽搴旓紵</p>
-          <p><input
-              type="radio"
-              name="eovTen"
-              value="1"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.ten"
-              @change="setEvaluation"
-            />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
-          <p><input
-              type="radio"
-              name="eovTen"
-              value="2"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.ten"
-              @change="setEvaluation"
-            />B.寰瑧涓嶈</p>
-          <p><input
-              type="radio"
-              name="eovTen"
-              value="3"
-              id="1"
-              :disabled="evaluation.isComplete"
-              v-model="evaluation.evaluationOneValue.ten"
-              @change="setEvaluation"
-            />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="goCheckOne">
+                <button class="btn-border btn-w" @click="goCheckThree">
                   鎻愪氦
                 </button>
               </li>
               <li>
-                <button @click="changeCheckOne" class="btn-border btn-w">
+                <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" v-if="evaluationOneResults">鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }}</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>
@@ -770,53 +724,115 @@
         <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="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>
@@ -833,41 +849,64 @@
           </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>
@@ -877,42 +916,84 @@
         <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="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>
@@ -941,57 +1022,48 @@
           <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</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>
+          <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>
+          <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>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</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><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>
+          <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>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(1)" 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>
@@ -1001,7 +1073,7 @@
         <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="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>
@@ -1035,7 +1107,7 @@
             <p class="fz-15">
               鑸▼涓紝褰撲箻鍔″憳鍦ㄤ负鏃呭鍙戞斁楗枡鍋氬噯澶囨椂锛屼竴鍚嶆儏缁縺鍔ㄧ殑鏃呭鍐茶繘鏈嶅姟闂撮樆纰嶄箻鍔″憳宸ヤ綔銆傚彂鐜伴棶棰樺悗锛屼箻鍔￠暱绗竴鏃堕棿璧朵簡杩囨潵锛屽惉瑙佽繖浣嶄腑骞存梾瀹㈡鍦ㄥぇ澹版枼璐ｏ細鈥滀綘浠槸浠�涔堟�佸害锛佹垜鎯宠姣涙锛屾寜浜嗕袱娆″懠鍞ら搩锛屼箻鍔″憳閮芥病鏈夌粰鎴戙�傛垜瑕佹姇璇変綘浠�傗��
             </p>
-            <p  class="fz-15">
+            <p class="fz-15">
               鍘熸潵锛岃繖浣嶆槸浠庡晢鍔¤埍璋冩暣鍒版櫘閫氳埍鐨勬梾瀹紝鍥犱负鎰熻绌鸿皟娓╁害澶綆锛屾壘涔樺姟鍛樿姣涙锛屼箻鍔″憳浜嗚В闇�姹傚苟鍥炲伐浣滈棿鍙栨瘺姣殑杩囩▼涓紝閬囧埌鍚屼簨鍦ㄨ繘琛岄楗噯澶囷紝涔樺姟鍛樺氨椤轰究甯悓浜嬪仛璧蜂簡澶囬宸ヤ綔銆�
             </p>
           </div>
@@ -1046,13 +1118,13 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1078,6 +1150,25 @@
           <p>1.浜嗚В鏃呭鎶曡瘔鐨勬蹇点��</p>
           <p>2.浜嗚В鏃呭鎶曡瘔鐨勫師鍥犮��</p>
           <p>3.鐞嗚В姝ｇ‘澶勭悊鏃呭鎶曡瘔鐨勬剰涔夈��</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>瑙嗛锛�3.2.1</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>
           <h4 id="d078">涓�銆佹梾瀹㈡姇璇夌殑姒傚康</h4>
           <p>
             鏃呭鎶曡瘔鏄寚鏃呭閫氳繃淇″嚱銆佺數璇濄�佷紶鐪熴�佹潵璁跨瓑褰㈠紡鍙嶆槧浜у搧鎴栨湇鍔¤川閲忛棶棰樼殑琛屽姩銆�
@@ -1089,6 +1180,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>瑙嗛锛�3.2.2</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>
@@ -1113,7 +1223,7 @@
         <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="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>
@@ -1132,15 +1242,15 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1164,13 +1274,13 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1222,7 +1332,7 @@
         <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="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>
@@ -1253,13 +1363,13 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1322,10 +1432,10 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1334,6 +1444,7 @@
           <p>
             濡傛灉鑸徃鑳芥彁鍓嶅憡鐭ユ梾瀹紝缁欐梾瀹㈠厖鍒嗙殑鐭ユ儏鏉冨拰閫夋嫨鏉冿紝灏辫兘閬垮厤寰堝鐭涚浘鍜屾姇璇夈��
           </p>
+
         </div>
       </div>
     </div>
@@ -1343,7 +1454,7 @@
         <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="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>
@@ -1363,12 +1474,12 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e092">锛堜笁锛夌Н鏋佹矡閫氾紝涓诲姩鎵挎媴鍘熷垯</h5>
@@ -1423,10 +1534,10 @@
                   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-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d082">浜屻�佹皯鑸梾瀹㈡姇璇夊鐞嗙殑绛栫暐</h4>
@@ -1451,6 +1562,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鑳藉鏍规嵁璁惧畾鐨勫満鏅畬鎴愭梾瀹㈡姇璇夌殑娴嬭瘯銆�</p>
           <p>2.鑳藉瀹屾垚澶勭悊鏃呭鎶曡瘔鐨勫疄璁换鍔°��</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>瑙嗛锛�3.2.3</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>
         </div>
       </div>
     </div>
@@ -1460,7 +1590,7 @@
         <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="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>
@@ -1473,197 +1603,80 @@
           <p>
             1.姘戣埅鏈嶅姟杩囩▼涓毦鍏嶄細鍑虹幇涓�浜涗笉鍙鐭ョ殑绐佸彂鐘跺喌锛岃�屽杩欎簺绐佸彂鐘跺喌鐨勫缃紝鏈夊彲鑳戒細寮曡捣鎶曡瘔鎴栧叾浠栬繛閿佺殑鍙嶅簲銆備笅鍒楀摢浜涘睘浜庢皯鑸梾瀹㈡姇璇夌殑鍘熷洜锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </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><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><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><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><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><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><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><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><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>
-        </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">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg @click="openQuestion(2)" 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>
 
@@ -1673,143 +1686,180 @@
   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,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
-          ten:'',
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:''
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
+          ten: '',
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: ''
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          six:{
-            value:""
+          six: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:[]
+        projectTwo: {
+          one: {
+            value: []
           },
-          two:{
-            value:[]
+          two: {
+            value: []
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:""
+          four: {
+            value: ""
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          
-          
+
+
         },
 
       },
-      evaluation:{
-        isComplete: false,
-        evaluationOneValue: {
-          one:"",
+      evaluation: {
+        isCompleteThree: false,
+        isCompleteFour: false,
+        isCompleteFive: false,
+        showCheckAnswerThree: false,
+        showCheckAnswerFour: false,
+        showCheckAnswerFive: false,
+        evaluationThreeValue: {
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+        }, //娴嬭瘎绛旀
+
+        evaluationFourValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+        }, //娴嬭瘎绛旀
+        evaluationFiveValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
           seven: "",
           eight: "",
           nine: "",
           ten: "",
           eleven: "",
           twelve: "",
-          thirteen: "",
         }, //娴嬭瘎绛旀
-        
-        evaluationTwoValue: {
-          one:"",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six:"",
-          seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
-          eleven: "",
-          twelve: "",
-          thirteen: "",
-          fourteen: "",
-          fifteen: "",
-        }, //娴嬭瘎绛旀
-      },
-      evaluationOneResults: 0, //娴嬭瘎缁撴灉
-      evaluationTwoResults: 0, //娴嬭瘎缁撴灉
-      chapter003: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
-          },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
-          },
-        ],
       },
       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(
       "aviationEtiquette-book-chapter03-question"
     );
@@ -1817,26 +1867,34 @@
       this.questionData = JSON.parse(bookQuestion);
     }
 
+    //娴嬭瘯
     const evaluationData = localStorage.getItem(
-      "aviationEtiquette-book-chapter01-evaluation"
+      "aviationEtiquette-book-evaluation-chapter003"
     );
     if (evaluationData) {
       this.evaluation = JSON.parse(evaluationData);
     }
-
-    const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter03-Data"
+    const evaluationThreeData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-three"
     );
-    if (choiceQuestion) {
-      this.chapterData = JSON.parse(choiceQuestion);
+    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
@@ -1845,17 +1903,38 @@
   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(
+        "ff80be5c2badeef45574d9d5fb884b92"
+      );
+      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() {
@@ -1864,48 +1943,197 @@
         JSON.stringify(this.questionData)
       );
     },
-
     //娴嬭瘯鎻愪氦
-    setEvaluation(){
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-evaluation",
-        JSON.stringify(this.evaluation)
-      );
+    setEvaluation() {
+      // localStorage.setItem(
+      //   "aviationEtiquette-book-chapter01-evaluation",
+      //   JSON.stringify(this.evaluation)
+      // );
     },
 
-    goCheckOne(){
+    goCheckThree() {
       let obj = 0
-      for (let key in this.evaluation.evaluationOneValue) {
-        if (this.evaluation.evaluationOneValue[key] != '') {
-          let cont = Number(this.evaluation.evaluationOneValue[key])
+      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++
         }
       }
-      if(obj){
-        this.evaluationOneResults = obj
+      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);
       }
     },
-    changeCheckOne(){
-      this.evaluationOneResults = ''
-      this.evaluation.evaluationOneValue = {}
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-evaluation",
-        JSON.stringify(this.evaluation)
-      );
+    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");
     },
 
-    handleChapterData() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter03-Data",
-        JSON.stringify(this.chapterData)
-      );
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "4f0afd466e16bde40a447ff467452181",
+          "4f0afd466e16bde40a447ff467452181",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.1.1"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "602e257498cd61657b759edd5be0221d",
+          "602e257498cd61657b759edd5be0221d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.1"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.2.2"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.1"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.2"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "c4d252f413d11539fd11db913c073e5b",
+          "c4d252f413d11539fd11db913c073e5b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.3"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.4"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }
+      this.handleChapterData();
     },
-    handlechapter003() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter003",
-        JSON.stringify(this.chapter003)
-      );
-    },
+
 
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
@@ -1914,41 +2142,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  鏂囦欢绫诲瀷
@@ -1980,6 +2180,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