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/chapter001.vue | 1241 ++++++++++++++++++++++++----------------------------------
 1 files changed, 509 insertions(+), 732 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index e0130e4..3ad97da 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -77,6 +77,25 @@
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
           <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p>
           <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p>
+          <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>瑙嗛锛�1.1.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4>
           <p>
             鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆�
@@ -115,7 +134,7 @@
         <div class="bodystyle">
           <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
           <p>
-            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
+            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
           </p>
           <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6>
           <p>
@@ -549,48 +568,20 @@
             1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠o紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectOne.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.瀛熷瓙
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.瀛熷瓙
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectOne.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.鑰佸瓙
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑰佸瓙
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectOne.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.鍛ㄥ叕
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectOne.one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.瀛斿瓙
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙
           </p>
         </div>
       </div>
@@ -691,6 +682,24 @@
             <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
               v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
           </p>
+          <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>
@@ -761,6 +770,25 @@
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
           <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p>
           <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p>
+          <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>瑙嗛锛�1.2.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1094,6 +1122,25 @@
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
           <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p>
           <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p>
+          <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>瑙嗛锛�1.2.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4>
           <p>
             濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒��
@@ -1393,140 +1440,56 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.缁忔祹鎬�
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.缁忔祹鎬�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.鍔熻兘鎬�
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鍔熻兘鎬�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.鏂囨槑鎬�
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鏂囨槑鎬�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.闅忔満鎬�
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬�
           </p>
           <p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
+            <input type="radio" name="projectTwo.two" :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="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.瀹夊叏
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.瀹夊叏
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.蹇嵎鐪佹椂
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.蹇嵎鐪佹椂
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
           </p>
           <p>
-            <input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鑸掗��
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗��
           </p>
           <p>
             4.鏈嶅姟鎰忚瘑涔熸槸鈥滃埄浠栤�濈殑鎰忚瘑锛屾彁楂樻湇鍔℃剰璇嗗彲浠ヤ粠鎻愰珮鈥滃埄浠栤�濇剰璇嗗叆鎵嬨�傚叿浣撲綋鐜板湪浠ヤ笅鍑犱釜鏂归潰锛燂紙銆�銆�锛夛紙澶氶�夐锛�
@@ -1536,37 +1499,16 @@
               v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
           </p>
           <p>5.璇风畝瑕佽鍑烘皯鑸湇鍔$殑琛屼笟鐗瑰緛銆�</p>
           <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
@@ -1574,6 +1516,24 @@
           <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
           <textarea v-model="questionData.projectTwo.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(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>
@@ -1666,6 +1626,25 @@
             鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆�
           </p>
           <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4>
+          <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>瑙嗛锛�1.3.1</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般��
           </p>
@@ -1908,6 +1887,25 @@
           <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p>
           <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p>
           <p>浠ョ┖涓箻鍔″憳涓轰緥锛屾皯鐢ㄨ埅绌轰汉鍛樺簲鍏峰鐨勮兘鍔涘簲鍖呭惈浠ヤ笅鍑犲ぇ绫汇��</p>
+          <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>瑙嗛锛�1.3.2</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d027">涓�銆佷翰鍜屽姏</h4>
           <p>
             绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆�
@@ -2278,8 +2276,8 @@
                 <img :src="collectResourceList.findIndex(
                   (item) => item.id == '4f0afd466e16bde40a447ff467452181'
                 ) > -1
-                    ? collectCheck
-                    : collectImg
+                  ? collectCheck
+                  : collectImg
                   " alt="" class="collect-btn" @click="handleCollect('video-01')" />
               </el-tooltip>
             </p>
@@ -2362,6 +2360,44 @@
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
           <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p>
           <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</p>
+          <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>瑙嗛锛�1.3.3</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <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>瑙嗛锛�1.3.4</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4>
           <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5>
           <p>
@@ -2405,76 +2441,34 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="one"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.one"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="one"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.one"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�2锛変笌鏈嬪弸浜よ皥鏃讹紝浣犳槸鍚︽�绘槸浠ヨ嚜宸变负涓績锛�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="two"
-                value="1"
-                id="2"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.two"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="two"
-                value="0"
-                id="2"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.two"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�3锛夎仛浼氫腑涓嶅埌浜轰汉鐤插�︼紝浣犱笉浼氬憡閫�銆�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="three"
-                value="1"
-                id="3"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.three"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="three"
-                value="0"
-                id="3"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.three"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2482,24 +2476,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="four"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.four"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="four" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="four"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.four"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="four" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2507,47 +2489,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="five"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.five"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="five" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="five"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.five"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="five" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="six"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.six"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="six" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="six"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.six"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="six" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2555,47 +2513,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="seven"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.seven"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="seven" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="seven"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.seven"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="seven" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eight"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.eight"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eight" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eight"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.eight"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eight" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2603,24 +2537,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="nine"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.nine"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="nine" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="nine"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.nine"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="nine" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2628,47 +2550,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="ten"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.ten"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="ten" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="ten"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.ten"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="ten" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eleven"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.eleven"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eleven" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eleven"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.eleven"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eleven" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2676,24 +2574,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="twelve"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.twelve"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="twelve" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="twelve"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.twelve"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="twelve" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2701,26 +2587,14 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="thirteen"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.thirteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="thirteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="thirteen"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.thirteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="thirteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鍚�
             </p>
-        </div>
+          </div>
         </div>
       </div>
     </div>
@@ -2743,24 +2617,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="fourteen"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.fourteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="fourteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="fourteen"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.fourteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="fourteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2768,24 +2630,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="fifteen"
-                value="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.fifteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="fifteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="fifteen"
-                value="0"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationOneValue.fifteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="fifteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鍚�
             </p>
           </div>
           <!-- 鎻愪氦鎸夐挳 -->
@@ -2827,101 +2677,45 @@
           <p class="block">锛�1锛夋垜甯稿父璇曞浘鍚屾椂鍚嚑涓汉鐨勪氦璋堛��</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eOne"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.one"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eOne"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.one"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�2锛夊枩娆㈠埆浜哄彧缁欐垜鎻愪緵浜嬪疄锛屾垜鑷繁鍋氬嚭瑙i噴銆�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eTwo"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.two"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eTwo"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.two"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�3锛夋湁鏃跺亣瑁呰嚜宸卞湪璁ょ湡鍚埆浜鸿璇濄��</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eThree"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.three"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eThree"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.three"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�4锛夎涓鸿嚜宸辨槸闈炶█璇矡閫氭柟闈㈢殑濂芥墜銆�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eFour"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.four"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eFour"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.four"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鍚�
             </p>
           </div>
         </div>
@@ -2943,26 +2737,12 @@
           <p class="block">锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eFive"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.five"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eFive"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.five"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2970,26 +2750,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eSix"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.six"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eSix"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.six"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -2997,51 +2763,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eSeven"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.seven"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eSeven"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.seven"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eEight"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.eight"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eEight"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.eight"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -3049,26 +2787,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eNine"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.nine"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eNine"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.nine"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -3076,26 +2800,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eTen"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.ten"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eTen"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.ten"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -3103,51 +2813,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eEleven"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.eleven"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eEleven"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.eleven"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�12锛変负浜嗙悊瑙e鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eTwelve"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.twelve"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eTwelve"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.twelve"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -3155,26 +2837,12 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eThirteen"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.thirteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eThirteen"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.thirteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">
@@ -3182,51 +2850,23 @@
           </p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eFourteen"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.fourteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eFourteen"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.fourteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鍚�
             </p>
           </div>
           <p class="block">锛�15锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜涔熷湪璇勪环浠栬鐨勫唴瀹广��</p>
           <div class="fl ml-35">
             <p class="block">
-              <input
-                type="radio"
-                name="eFifteen"
-                value="0"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.fifteen"
-                @change="setEvaluation"
-              />鏄�
+              <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鏄�
             </p>
             <p class="block">
-              <input
-                type="radio"
-                name="eFifteen"
-                value="1"
-                id="1"
-                :disabled="evaluation.isComplete"
-                v-model="evaluation.evaluationTwoValue.fifteen"
-                @change="setEvaluation"
-              />鍚�
+              <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鍚�
             </p>
           </div>
 
@@ -3244,12 +2884,9 @@
                 </button>
               </li>
               <li>
-                <button
-                  @click="
-                    evaluation.showCheckAnswer = !evaluation.showCheckAnswer
-                  "
-                  class="parimary-btn"
-                >
+                <button @click="
+                  evaluation.showCheckAnswer = !evaluation.showCheckAnswer
+                  " class="parimary-btn">
                   璇勫垎鏍囧噯
                 </button>
               </li>
@@ -3393,6 +3030,10 @@
         </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>
 
@@ -3402,18 +3043,32 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterOne",
   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: "",
       collectResourceList: [],
       showQuestionAnswer: false,
       showChoiceAnswer: false,
@@ -3421,6 +3076,14 @@
       isFocused: null,
       chapterData: {
         isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
       },
       questionData: {
         isComplete: false,
@@ -3528,7 +3191,8 @@
       },
       evaluation: {
         showCheckAnswer: false,
-        isComplete: false,
+        isCompleteOne: false,
+        isCompleteTwo: false,
         evaluationOneValue: {
           one: "",
           two: "",
@@ -3564,11 +3228,27 @@
           fourteen: "",
           fifteen: "",
         }, //娴嬭瘎绛旀
-        
+
       },
       evaluationOneResults: "", //娴嬭瘎缁撴灉
       evaluationTwoResults: "", //娴嬭瘎缁撴灉
-      
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡",
+            questionNum: 18,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡",
+            questionNum: 31,
+          },
+        },
+      },
     };
   },
 
@@ -3603,7 +3283,7 @@
     if (evaluationTwoData) {
       this.evaluationTwoResults = evaluationTwoData;
     }
-   
+
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -3614,6 +3294,28 @@
       this.videoPathOne = await getResourcePath(
         "4f0afd466e16bde40a447ff467452181"
       );
+      this.videoPathTwo = await getResourcePath(
+        "dfa7f3d64168acde32e4ca07a9001e79"
+      );
+      this.videoPathThree = await getResourcePath(
+        "602e257498cd61657b759edd5be0221d"
+      );
+      this.videoPathFour = await getResourcePath(
+        "571b9fb7962e8fc30749893919d2157b"
+      );
+      this.videoPathFive = await getResourcePath(
+        "3b4d6a336fad79e9c4f137e142c26f0b"
+      );
+      this.videoPathSix = await getResourcePath(
+        "2b112927d0029591bee2ad5de73e3e2a"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "e483ec3b940fcc8616b8aea894d5ded0"
+      );
+      this.videoPathEight = await getResourcePath(
+        "be07f31967532a808843e53df1a436d5"
+      );
+
     },
     setBookQuestion() {
       localStorage.setItem(
@@ -3633,32 +3335,34 @@
       let obj = 0;
       let index = 0;
       for (let key in this.evaluation.evaluationOneValue) {
-        if(this.evaluation.evaluationOneValue[key] === ""){
-          index ++ 
+        if (this.evaluation.evaluationOneValue[key] === "") {
+          index++
         }
         if (this.evaluation.evaluationOneValue[key] === "1") {
           obj = obj + 1;
-        } else{
+        } else {
           obj = obj + 0;
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
         this.$message({
-              message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-              type: "warning"
-            });
-            return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationOneResults = obj;
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-one",this.evaluationOneResults);
+        this.evaluation.isCompleteOne = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-one", this.evaluationOneResults);
       }
-      
+
     },
     changeCheckData() {
       this.evaluationOneResults = '';
       this.evaluation.evaluationOneValue = {};
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+      this.evaluation.isCompleteOne = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-one");
     },
 
@@ -3666,31 +3370,33 @@
       let obj = 0;
       let index = 0;
       for (let key in this.evaluation.evaluationTwoValue) {
-        if(this.evaluation.evaluationTwoValue[key] === ""){
-          index ++ 
+        if (this.evaluation.evaluationTwoValue[key] === "") {
+          index++
         }
         if (this.evaluation.evaluationTwoValue[key] == "0") {
           obj = obj + 1;
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
         this.$message({
-              message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-              type: "warning"
-            });
-            return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationTwoResults = 105 - obj * 7;
         this.evaluation.showCheckAnswer = true;
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-two",this.evaluationOneResults);
+        this.evaluation.isCompleteTwo = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-two", this.evaluationOneResults);
       }
     },
 
     changeCheckTwo() {
       this.evaluationTwoResults = "";
       this.evaluation.evaluationTwoValue = {};
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+      this.evaluation.isCompleteTwo = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-two");
     },
 
@@ -3712,16 +3418,79 @@
           "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
         );
         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(
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.3"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "be07f31967532a808843e53df1a436d5",
+          "be07f31967532a808843e53df1a436d5",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛�1.3.4"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
       }
-      this.handleChapterData();
     },
 
-    handleChapterData() {
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter02-Data",
-        JSON.stringify(this.chapterData)
-      );
-    },
     //璧勬簮鏀惰棌浜嬩欢
     // resourcePath  鏂囦欢璺緞锛�
     // resourceType  鏂囦欢绫诲瀷
@@ -3753,6 +3522,14 @@
         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