From 1b3fd3be47ea0c06b80db9603eb1279daa0dad07 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 17 二月 2025 15:35:55 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/aviationEtiquette/view/components/chpater002.vue |  995 +++++++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 702 insertions(+), 293 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 0bf7123..5bef93c 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -40,10 +40,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -55,7 +57,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">47</li>
+          <li class="p-Num">47</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>
@@ -139,7 +141,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">49</li>
+          <li class="p-Num">49</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>
@@ -246,7 +248,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">51</li>
+          <li class="p-Num">51</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>
@@ -308,20 +310,16 @@
               <img class="img-c" alt="" src="../../assets/images/0058-1.jpg" />
             </p>
             <p class="img">鍥�2-1-6 宸濊埅鍒舵湇</p>
+            <p class="center openImgBox">
+              <img class="img-c mt-20" alt="" src="../../assets/images/0058-2.jpg" />
+            </p>
+            <p class="img">鍥�2-1-7 鍘﹁埅鍒舵湇</p>
           </div>
           <span>
             <p>
               宸濊埅浠モ�滅湡銆佸杽銆佺編銆佺埍鈥濅箣蹇冧负鏃呭鎻愪緵绮惧搧鏈嶅姟銆備互缇庝附鍏崇埍鎰熷姩浜哄績锛屼互鎰熸仼浜嬩笟閾搁�犲拰璋愩��2008骞达紝宸濊埅绌轰箻缁熶竴鎹笂绗竷浠e埗鏈嶏紝鍒舵湇鐏垫劅鏉ヨ嚜宸濊埅涓婚鑹测�斺�斿窛鑸孩锛屼富娆句负绾㈣壊涓冨垎琚栬繛琛h锛岄粦鑹茶叞甯︼紝娴呯珛棰嗭紝鑳稿墠鏈夌孩榛戠浉闂寸殑鈥滆ざ鐨扁�濇姌楗般�傜孩鑹茶繛琛h鏁翠綋绾挎潯绠�娲佹祦鐣咃紝鑳藉灞曠幇宸濊埅涔樺姟鍛樺ù闈欑搴勭殑鑱屼笟浠�併�傛祬绔嬮鑳藉琛墭涔樺姟鍛樼殑浼橀泤姘旇川锛涢粦鑹茬嚎鏉′负鏈嶈娉ㄥ叆鐞嗘�с�佹矇绋崇殑鐗硅川锛涒�滆ざ鐨扁�濇姌楗板湪琛岃蛋鏃惰嚜鐒跺緥鍔紝浼犻�掔伒鍔ㄤ箣缇庛�傝�冭檻鍒扮┖涔樼殑鑱屼笟鐗规�э紝琚栧瓙閲囩敤骞茬粌鍒╄惤鐨勪竷鍒嗚璁捐锛岃韬笅鎽嗗井鏀讹紝鐣欐湁瓒冲娲诲姩瑁曞害锛屾柟渚夸箻鍔″憳鍦ㄥ鑸变腑寮�灞曟湇鍔℃搷浣滐紙瑙佸浘2-1-6锛夈��
             </p>
-          </span>
-          <p>锛�2锛夊帵闂ㄨ埅绌烘湁闄愬叕鍙革紙浠ヤ笅绠�绉板帵鑸級鍒舵湇銆�</p>
-          <div class="img-rights w220 openImgBox ">
-            <p class="center openImgBox">
-              <img class="img-c" alt="" src="../../assets/images/0058-2.jpg" />
-            </p>
-            <p class="img">鍥�2-1-7 鍘﹁埅鍒舵湇</p>
-          </div>
-          <span>
+            <p>锛�2锛夊帵闂ㄨ埅绌烘湁闄愬叕鍙革紙浠ヤ笅绠�绉板帵鑸級鍒舵湇銆�</p>
             <p>
               鍘﹁埅涔樺姟闃熷舰鎴愪簡鈥滃叚鍕も�濓紙鐪煎嫟銆佹墜鍕ゃ�佽吙鍕ゃ�佸槾鍕ゃ�佽�冲嫟銆佽剳鍕わ級銆佲�滀簲蹇冣�濓紙鐑績銆佽瘹蹇冦�佺粏蹇冦�佽�愬績銆佹亽蹇冿級銆佲�滃洓缇庘�濓紙蹇冪伒缇庛�佽瑷�缇庛�佽涓虹編銆佸舰璞$編锛夈�佲�滀笁涓嶆�曗�濓紙涓嶆�曡剰銆佷笉鎬曠疮銆佷笉鎬曠儲锛夌殑鏈嶅姟浣滈銆傜┖涔樺埗鏈嶇粡鍘嗕簡娉℃场琚栥�佺櫧铦磋澏缁撱�佷腑寮忔棗琚嶇瓑闃舵銆�2018骞�8鏈堬紝鍘﹁埅鏂颁竴浠g┖涔樺埗鏈嶆儕鑹充寒鐩革紝铻嶅悎浜嗗鍙ゅ厓绱犱笌鐜颁唬绠�绾︽椂灏氾紝鍕惧嫆鍑烘洿鍔犻珮闆呫�佽嚜淇°�佸共缁冪殑绌轰箻褰㈣薄銆備繌鐨殑灏忓附涓婂甫鏈夆�滀竴楣珮椋炩�濊埅寰斤紝琛h涓轰竷鍒嗚锛屽苟閰嶆湁娣辫摑鑹茬殑瀹借叞甯︼紙瑙佸浘2-1-7锛夈�備笉鍚屾槑搴︹�滃ぉ绌鸿摑鈥濆埗鏈嶏紝鍖哄垎涔樺姟鍛樹笉鍚岀殑宀椾綅锛岀敱娴呭埌娣辩殑钃濊壊鏂板埗鏈嶅垎灞炰簬鏅�氫箻鍔″憳銆佸鑸变箻鍔¢暱鍜屽鑸辩粡鐞嗐��
             </p>
@@ -339,7 +337,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">53</li>
+          <li class="p-Num">53</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>
@@ -444,7 +442,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">55</li>
+          <li class="p-Num">55</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>
@@ -526,9 +524,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -546,7 +548,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">57</li>
+          <li class="p-Num">57</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>
@@ -627,6 +629,32 @@
           <p>
             鐗х缁擄細涓濆肪瀵规姌鍛堝�掍笁瑙掑舰锛屽啀浠庨暱绔彔鍔犲憟3锝�4涓ざ鐨憋紝涓濆肪鏈涓庡钩缁撶郴娉曚竴鑷达紝绯诲湪鑴栭澶勬暣鐞嗐��
           </p>
+          <div class="bk-video fl">
+            <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg t="1729840629103"
+                  class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+                  <path
+                    d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+                    fill="#92A1CB" p-id="34779"></path>
+                </svg></span></p>
+            <div class="fl jc-fs fw-w">
+              <div style="width: 200px; height: auto; margin: 0 5px;" v-for="(item, index) in chapter002.videoMd5"
+                :key="index">
+                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload"
+                  class="video-border w100" :src="item.handleMd5"></video>
+                <div class="fl al-c jc-c">
+                  <p class="td-0" style="font-size: 12px;">寰灏忚鍫傦細{{ item.name }}</p>
+                  <el-tooltip class="item" effect="dark" :content="item.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                    placement="top-start">
+                    <img
+                      :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
+                      alt="" class="collect-btn1" @click="handleCollect(item)" />
+                  </el-tooltip>
+                </div>
+              </div>
+            </div>
+          </div>
           <h6 id="f009">2.棰嗗甫浣╂埓瑙勮寖</h6>
           <p>
             涓嶇鏄埗鏈嶈繕鏄竴鑸晢鍔¤タ鏈嶏紝棣栧厛瑕佷笌棰嗗甫鎼厤銆傞甯︿篃鏄敺澹湪浠〃鏂归潰鐨勪竴涓爣蹇楋紝閰嶄笂鍚堜綋鐨勮タ鏈嶏紝鍙互浣跨┛鑰呮樉寰楁絿娲掋�佺簿绁炪�佺粎澹�佺ǔ閲嶏紝鍚屾椂涔熶綋鐜板嚭瀵瑰満鍚堢殑閲嶈銆�
@@ -655,7 +683,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">59</li>
+          <li class="p-Num">59</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>
@@ -667,21 +695,119 @@
           <p>3.缁冧範棰嗗甫鐨勭郴娉曘��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.锛堛��銆�锛変綋褰㈢殑鐗圭偣鏄笂韬槮銆佽噣閮ㄥぇ銆�</p>
-          <p>A.O鍨�</p>
-          <p>B.H鍨�</p>
-          <p>C.A鍨�</p>
-          <p>D.X鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.O鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.H鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.A鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />D.X鍨�</p>
           <p>2.鍦嗚劯鍨嬬殑浜洪�夋嫨琛i鏃讹紝搴旈�夛紙銆�銆�锛夈��</p>
-          <p>A.鍦嗗舰</p>
-          <p>B.涓�瀛楀舰</p>
-          <p>C.姊舰</p>
-          <p>D.V鍨�</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />A.鍦嗗舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />B.涓�瀛楀舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />C.姊舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />D.V鍨�</p>
           <p>3.鏈嶈鐨勶紙銆�銆�锛夌殑鏍峰紡锛屼笌鑴稿瀷鏈夌洿鎺ュ叧绯汇��</p>
-          <p>A.瑁ゅ瓙</p>
-          <p>B.琛。</p>
-          <p>C.棰嗗瓙</p>
-          <p>D.琚栧瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />A.瑁ゅ瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />B.琛。</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />C.棰嗗瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />D.琚栧瓙</p>
           <p>4.绠�杩拌亴涓氬埗鏈嶇潃瑁呯殑瑕佹眰銆�</p>
+          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p><br /></p>
           <p><br /></p>
           <h3 id="c013">
@@ -758,7 +884,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">61</li>
+          <li class="p-Num">61</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>
@@ -871,7 +997,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">63</li>
+          <li class="p-Num">63</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>
@@ -961,7 +1087,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">65</li>
+          <li class="p-Num">65</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>
@@ -979,6 +1105,25 @@
           </p>
           <h5 id="e058">锛堜笁锛夎亴涓氬绋嬪簭</h5>
           <p>鑱屼笟濡嗙殑鍖栧绋嬪簭涓庢棩甯稿涓�鑷达紝璇锋煡鐪嬭棰戙��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭棩甯稿姝ラ</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'dfa8717a72ef7a1e6349b6ba21455739'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d047">鍏�佺敺澹潰閮ㄥ寲濡�</h4>
           <p>
             閫氳繃閬憰鍜屼慨瀹癸紝灏嗛潰閮ㄨ偆鑹茶皟鏁村緱鏇村姞鍧囧寑锛屼娇姘旇壊绾㈡鼎锛屽睍鐜版渶濂界殑绮剧闈㈣矊銆傞伄鐟曚富瑕佹帺鐩栬劯閮ㄧ憰鐤碉紝浣挎暣涓潰閮ㄥ共鍑�娓呯埥锛涗慨瀹逛富瑕佹槸澧炲姞闈㈤儴绔嬩綋鎰燂紱鐪夌殑淇グ涓昏鏄幓闄ゆ潅鐪夛紝璋冩暣鍜屼慨琛ョ湁褰紙瑙佸浘2-1-17锛夈��
@@ -1043,6 +1188,25 @@
           <p class="block">
             鍗搁櫎绮夊簳绛夎劯閮ㄧ殑搴曞鏃讹紝鍙敤娌炬湁鍗稿娑茬殑妫夌墖鍒嗗埆鎸夐澶淬�侀蓟瀛愩�佽劯棰娿�佸彛鍛ㄧ殑椤哄簭鏉ュ嵏闄ゃ�傚繀椤讳竴閬嶄竴閬嶅湴鍗搁櫎锛屽苟鎸夐潰閮ㄨ倢鑲夌殑绾圭悊鍙婅蛋鍚戞摝鎷��
           </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>瑙嗛锛氬嵏濡�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '1f4b5a2bee9544f3b357f4cdf7d09e87'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1052,7 +1216,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">67</li>
+          <li class="p-Num">67</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>
@@ -1093,7 +1257,7 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p>濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�</p>
+          <p class="td-0">濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�</p>
           <h5 id="e062">锛堜簩锛夐暱搴﹂�傚疁鐨勫師鍒�</h5>
           <h6 id="f012">1.鐢峰+</h6>
           <p>鍓嶅彂锛氱敺澹簲涓虹煭鍙戯紝鍓嶅彂瑕佹眰涓嶉伄鐩栭澶翠竴鍗婏紙瑙佸浘2-1-18锛夈��</p>
@@ -1166,13 +1330,13 @@
         <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">69</li>
+          <li class="p-Num">69</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
+          <p class="td-0">鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
           <h5 id="e065">锛堜竴锛夊彂鍨嬪伐鍏�</h5>
           <p>
             灏栧熬姊筹細鍒悕鎸戞⒊銆佸垎閽堟⒊锛屼富瑕佺敤浜庣洏鍙戙�備竴杈规⒊锛屼竴杈圭敤灏栧熬椤烘鎶婂ご鍙戞寫璧凤紙瑙佸浘2-1-24锛夈��
@@ -1271,6 +1435,25 @@
           <p>
             鈶ф鏌ワ細姝i潰鏃犵鍙戯紝绾圭悊鏁撮綈锛岃〃闈㈠厜婊戯紱渚ч潰鍙戝す瀵圭О锛屽彂楂诲簳绔笉浣庝簬涓よ�冲瀭锛涜儗闈㈠彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�8cm銆�
           </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>瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '26aaec2c0eb64bed629e13f68b9ce848'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             锛�2锛変紭闆呭瀷銆備紭闆呭瀷鍙戝瀷浜︽槸鏂滃垬娴峰彂鍨嬶紝鍗冲墠棰濈暀鏈夊垬娴蜂慨楗帮紝鏍规嵁鑴搁儴闀垮害閫傚綋璋冩暣澶撮《寮у害鍙婂垬娴峰尯鍩燂紝鍒樻捣涓哄渾寮у舰锛屽彂楂讳负鑺暰寮忔垨鍙戦寮忥紝鍓嶅悗宸﹀彸纰庡彂搴斾互鍙戣兌鍜屽彂澶瑰浐瀹氾紝鍙戝す銆佺毊绛嬨�佸彂缃戝潎涓洪粦鑹诧紝澶村彂涓婂彂澶逛笉瓒呰繃鍥涗釜銆傞�傚悎妞渾褰㈣劯銆侀暱鏂瑰舰鑴稿強涓婂涵鍋忛暱鍋忓鐨勮劯鍨嬨��
           </p>
@@ -1287,7 +1470,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">71</li>
+          <li class="p-Num">71</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>
@@ -1311,6 +1494,25 @@
           <p>
             鈶ㄦ鏌ワ細姝i潰鍒樻捣鍖虹汗鐞嗘暣榻愶紝琛ㄩ潰鍏夋粦锛屽垬娴锋渶浣庣偣涓庣湁灏炬湁涓�鎸囪嚦涓ゆ寚瀹借窛绂汇�備晶闈㈡棤纰庡彂锛屽垎缂濈嚎涓嶅闇层�傚彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�8cm銆�
           </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>瑙嗛锛氫紭闆呭瀷鍙戝瀷</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e5ac247c68c93dbb8fb3eb56ea4bb3aa'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0077-2.jpg" />
@@ -1342,37 +1544,229 @@
         <div class="bodystyle">
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鑴搁儴鑹茶皟鍋忕孩锛屽彲鐢紙銆�銆�锛変慨楗般��</p>
-          <p>A.娣$传鑹�</p>
-          <p>B.娣$豢鑹�</p>
-          <p>C.绫宠壊</p>
+          <p><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.娣$豢鑹�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />C.绫宠壊</p>
           <p>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p>
-          <p>A.骞虫秱娉�</p>
-          <p>B.鎸夊帇娉�</p>
-          <p>C.鐐规媿娉�</p>
+          <p><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.鎸夊帇娉�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />C.鐐规媿娉�</p>
           <p>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p>
-          <p>A.澶撮《涓や晶</p>
-          <p>B.澶撮《</p>
-          <p>C.闈㈠瀷涓や晶</p>
+          <p><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.澶撮《</p>
+          <p><input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />C.闈㈠瀷涓や晶</p>
           <p>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p>
-          <p>A.涓嬫寕</p>
-          <p>B.鎷卞舰</p>
-          <p>C.骞崇洿</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />A.涓嬫寕</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />B.鎷卞舰</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />C.骞崇洿</p>
           <p>5.涓ょ溂闂磋窛绂昏繎锛岀溂褰辩殑淇グ閲嶇偣搴旀斁鍦紙銆�銆�锛夈��</p>
-          <p>A.鍐呯溂瑙�</p>
-          <p>B.鐪奸儴涓ぎ</p>
-          <p>C.澶栫溂瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />A.鍐呯溂瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />B.鐪奸儴涓ぎ</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />C.澶栫溂瑙�</p>
           <p>6.涓夌偣涓�绾挎槸鎸囧皢锛堛��銆�锛夎繛鎴愪竴鏉$嚎銆�</p>
-          <p>A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
-          <p>B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
-          <p>C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
           <p>7.涓哄姞寮虹溂閮ㄧ珛浣撴劅锛屽彲鍦ㄧ湁楠ㄦ姽涓婏紙銆�銆�锛夌溂褰便��</p>
-          <p>A.鏆楄壊</p>
-          <p>B.鏄庝寒鑹�</p>
-          <p>C.瑜愯壊</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />A.鏆楄壊</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />B.鏄庝寒鑹�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />C.瑜愯壊</p>
           <p>8.涓庡攪鑶忕殑棰滆壊鐩告瘮锛屽攪绾跨瑪鐨勯鑹插簲锛堛��銆�锛夈��</p>
-          <p>A.鐣ユ繁涓�搴�</p>
-          <p>B.鐣ユ祬涓�搴�</p>
-          <p>C.鐩稿悓</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />A.鐣ユ繁涓�搴�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />B.鐣ユ祬涓�搴�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />C.鐩稿悓</p>
         </div>
       </div>
     </div>
@@ -1382,7 +1776,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">73</li>
+          <li class="p-Num">73</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>
@@ -1445,8 +1839,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1476,7 +1872,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">75</li>
+          <li class="p-Num">75</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>
@@ -1588,7 +1984,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">77</li>
+          <li class="p-Num">77</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>
@@ -1691,7 +2087,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">79</li>
+          <li class="p-Num">79</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>
@@ -1764,8 +2160,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4>
@@ -1807,7 +2205,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">81</li>
+          <li class="p-Num">81</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>
@@ -1898,7 +2296,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">83</li>
+          <li class="p-Num">83</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>
@@ -1994,7 +2392,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">85</li>
+          <li class="p-Num">85</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>
@@ -2106,7 +2504,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">87</li>
+          <li class="p-Num">87</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>
@@ -2126,10 +2524,42 @@
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.涓庡瀹㈡尌鎵嬩綔鍒悗锛屽簲锛堛��銆�锛夈��</p>
-          <p>A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
-          <p>B.绔嬮┈杞韩绂诲紑</p>
-          <p>C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
-          <p>D.鏀炬澗韬綋</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />B.绔嬮┈杞韩绂诲紑</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />D.鏀炬澗韬綋</p>
         </div>
       </div>
     </div>
@@ -2149,16 +2579,76 @@
           <p>
             2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈��
           </p>
-          <p>A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
-          <p>B.寰瑧鐐瑰ご绀烘剰</p>
-          <p>C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
-          <p>D.鎵撻�氱數璇濈ず鎰�</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />B.寰瑧鐐瑰ご绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />D.鎵撻�氱數璇濈ず鎰�</p>
           <p>3.闈㈣瘯鏃讹紝浠ラ灎韬ぜ闂ソ鐨勮韩浣撳集鏇插害鏁板簲涓猴紙銆�銆�锛夈��</p>
-          <p>A.15掳</p>
-          <p>B.30掳</p>
-          <p>C.45掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />A.15掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />B.30掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />C.45掳</p>
           <p>4.绠�杩板墠鑵瑰紡绔欏Э鐨勮棰嗐��</p>
+          <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>5.绠�杩板叆搴т笌绂诲骇鐨勫熀鏈師鍒欍��</p>
+          <textarea v-model="questionData.projectThree.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -2183,204 +2673,76 @@
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        askAbout:{
+          one:'',
+          two:'',
+          three:'',
+          four:'',
+          five:'',
         },
-        tableTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        projectOne:{
+          one:{
+            value:""
+          },
+          two:{
+            value:[]
+          },
+          three:{
+            value:''
+          },
+          four:{
+            value:''
+          }
         },
-        tableThree: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        projectTwo:{
+          one:{
+            value:""
+          },
+          two:{
+            value:""
+          },
+          three:{
+            value:""
+          },
+          four:{
+            value:""
+          },
+          five:{
+            value:""
+          },
+          six:{
+            value:""
+          },
+          seven:{
+            value:""
+          },
+          eight:{
+            value:""
+          }
+          
         },
-        tableFour: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        tableFive: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableSix: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableSeven: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableEight: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        tableNine: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableTen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableEleven: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        tableTwelve: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableThirteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableFourteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableFifteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        tableSixteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableSeventeen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableEighteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableNineteen: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        reading: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
-        },
-        readingOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
-        },
-        readingTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
-        },
-        readingThree: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-          nine: "",
-          ten: "",
+        projectThree:{
+          one:{
+            value:""
+          },
+          two:{
+            value:""
+          },
+          three:{
+            value:""
+          },
+          four:{
+            value:''
+          },
+          five:{
+            value:''
+          }
         },
       },
       chapter002: {
@@ -2388,44 +2750,65 @@
           {
             isCollectVideo: false,
             handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
+            md5: "965022b1a3d52fc4d943b7762c5f8041",
+            name: "骞崇粨",
           },
           {
             isCollectVideo: false,
             handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
+            md5: "d4e22792df09639f5c30b40be57f220c",
+            name: "鐧捐ざ鑺辩粨",
+          },
+          {
+            isCollectVideo: false,
+            handleMd5: "",
+            md5: "1d674e01378bb9ddf1dff6f905073b80",
+            name: "鐧炬姌鎵囩粨",
+          },
+          {
+            isCollectVideo: false,
+            handleMd5: "",
+            md5: "005f3af9c76e4d807280f29aa92c0951",
+            name: "鐗х缁�",
+          },
+          {
+            isCollectVideo: false,
+            handleMd5: "",
+            md5: "186c971393948f45d0df637e1fa1a7d7",
+            name: "棰嗗甫绯绘硶",
           },
         ],
       },
       chapterData: {
         isCollectVideo: false,
         isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
       },
     };
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter02-table"
+      "aviationEtiquette-book-chapter02-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
 
     const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter02-Data"
+      "aviationEtiquette-book-chapter02-Data"
     );
     if (choiceQuestion) {
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
     const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter002"
+      "aviationEtiquette-book-chapter002"
     );
     if (videoData) {
       this.chapter002 = JSON.parse(videoData);
     }
+    
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2434,10 +2817,16 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "dfa8717a72ef7a1e6349b6ba21455739"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "1f4b5a2bee9544f3b357f4cdf7d09e87"
+      );
+      this.videoPathThree = await getResourcePath(
+        "26aaec2c0eb64bed629e13f68b9ce848"
+      );
+      this.videoPathFour = await getResourcePath(
+        "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
       );
       for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
         const item = this.chapter002.videoMd5[index];
@@ -2448,20 +2837,20 @@
     },
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter02-table",
+        "aviationEtiquette-book-chapter02-question",
         JSON.stringify(this.questionData)
       );
     },
 
     handleChapterData() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter02-Data",
+        "aviationEtiquette-book-chapter02-Data",
         JSON.stringify(this.chapterData)
       );
     },
     handleChapter002() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter002",
+        "aviationEtiquette-book-chapter002",
         JSON.stringify(this.chapter002)
       );
     },
@@ -2485,24 +2874,44 @@
         e.isCollectVideo = !e.isCollectVideo;
       } else if (e == "video-01") {
         this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
+          "dfa8717a72ef7a1e6349b6ba21455739",
+          "dfa8717a72ef7a1e6349b6ba21455739",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+          "瑙嗛锛氭棩甯稿姝ラ"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
       } else if (e == "video-02") {
         this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
+          "1f4b5a2bee9544f3b357f4cdf7d09e87",
+          "1f4b5a2bee9544f3b357f4cdf7d09e87",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛氬嵏濡�"
         );
         this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "26aaec2c0eb64bed629e13f68b9ce848",
+          "26aaec2c0eb64bed629e13f68b9ce848",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
+      }else if (e == "video-04") {
+        this.handleCollectResource(
+          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
+          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫紭闆呭瀷鍙戝瀷"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
       }
       this.handleChapter002();
       this.handleChapterData();

--
Gitblit v1.9.1