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/chapter005.vue |  630 +++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 453 insertions(+), 177 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index a3bcc4c..6c19b1f 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -40,11 +40,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
@@ -102,7 +106,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">149</li>
+          <li class="p-Num">149</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>
@@ -195,7 +199,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">151</li>
+          <li class="p-Num">151</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>
@@ -254,7 +258,7 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p class="center">
                 <span class="cs1">浣犱細鎬庢牱璁捐鎯呮櫙鍓х粨鏋�</span>
               </p>
@@ -268,6 +272,8 @@
               <p class="block">
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -311,7 +317,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">153</li>
+          <li class="p-Num">153</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>
@@ -323,26 +329,157 @@
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p>A.4</p>
-          <p>B.5</p>
-          <p>C.6</p>
-          <p>D.7</p>
+          <p><input
+              type="radio"
+              name="qtOne"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.4</p>
+          <p><input
+              type="radio"
+              name="qtOne"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.5</p>
+          <p><input
+              type="radio"
+              name="qtOne"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.6</p>
+          <p><input
+              type="radio"
+              name="qtOne"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />D.7</p>
           <p>
             2.缇庡浗濂借幈鍧炴湁涓�濂楃紪鍓ц寰嬶紝鍗冲紑绔�佽缃煕鐩俱�佽В鍐崇煕鐩俱�佸啀璁剧疆鐭涚浘锛岀洿鑷崇粨灞�銆備腑鍥戒篃鏈夎嚜宸辩殑缂栧墽瑙勫緥锛屽嵆锛堛��銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p>A.娴撴贰鐩稿疁</p>
-          <p>B.楂樹綆閿欒惤</p>
-          <p>C.鎶戞壃椤挎尗</p>
-          <p>D.璧锋壙杞悎</p>
+          <p><input
+              type="radio"
+              name="qtTwo"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />A.娴撴贰鐩稿疁</p>
+          <p><input
+              type="radio"
+              name="qtTwo"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />B.楂樹綆閿欒惤</p>
+          <p><input
+              type="radio"
+              name="qtTwo"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />C.鎶戞壃椤挎尗</p>
+          <p><input
+              type="radio"
+              name="qtTwo"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭________銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃�乢_______銆乢_______銆乢_______銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
+                  type="text"
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value1"
+                  @change="setBookQuestion"
+                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
+                  type="text"
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value2"
+                  @change="setBookQuestion"
+                />銆�<input
+                  type="text"
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value3"
+                  @change="setBookQuestion"
+                />銆�<input
+                  type="text"
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value4"
+                  @change="setBookQuestion"
+                />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
           </p>
           <p>4.鎯呮櫙鍓х殑涓夊ぇ鍏冪礌鏄紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p>A.涓昏</p>
-          <p>B.鏁呬簨</p>
-          <p>C.鍦烘櫙</p>
-          <p>D.鏃堕棿</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />A.涓昏</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />B.鏁呬簨</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="4"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />C.鍦烘櫙</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="4"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />D.鏃堕棿</p>
           <p>5.璇风畝杩板垱浣滅ぜ浠儏鏅墽鐨勫熀鏈師鍒欍��</p>
+          <textarea
+            v-model="questionData.projectOne.five.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
         </div>
       </div>
     </div>
@@ -380,6 +517,25 @@
             <p class="fz-15">
               鏌愰珮鏍℃瘡骞翠妇琛屼簲鍥涚ぜ浠椂瑁呯锛屼互鑸┖鑱屼笟绀间华鍜屾妧鑳藉睍绀轰负涓伙紝璁╂瘡涓�鍚嶅鐢熷弬涓庤繘鏉ュ苟鎴愪负涓昏锛屽鏍囧浗闄呰禌浜嬬殑楂樿鏍笺�侀珮姘村噯锛屽叏鏂逛綅灞曠ず瀛︾敓鐨勮亴涓氶閲囧拰鏃跺皻椋庤矊銆備粠鐝骇鏅強璧涘埌鏈�缁圱鍙板憟鐜帮紝閫氳繃褰㈠舰鑹茶壊鐨勭紪鎺掑拰鏈嶈鑷埗锛屽悓瀛︿滑灞曠幇浜嗛珮搴﹁亴涓氬寲鐨勬皯鑸憳宸ョ殑涓撲笟绱犺川銆�
             </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 == 'd3ac730a06dcc8381de684ace3263a63'
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                </el-tooltip>
+              </p>
+            </div>
           </div>
           <div class="bk2">
             <div class="zysx">
@@ -388,10 +544,12 @@
                   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>
           <h3 id="c036">
@@ -413,7 +571,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">155</li>
+          <li class="p-Num">155</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>
@@ -432,10 +590,12 @@
                   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>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -497,7 +657,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">157</li>
+          <li class="p-Num">157</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>
@@ -582,11 +742,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
@@ -603,7 +767,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">159</li>
+          <li class="p-Num">159</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>
@@ -684,7 +848,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">161</li>
+          <li class="p-Num">161</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>
@@ -711,9 +875,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -783,10 +951,42 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p>A.瑙掕壊</p>
-          <p>B.鎶�鑳�</p>
-          <p>C.鍓ф儏</p>
-          <p>D.琛ㄦ紨</p>
+          <p><input
+              type="radio"
+              name="qtDataOne"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />A.瑙掕壊</p>
+          <p><input
+              type="radio"
+              name="qtDataOne"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />B.鎶�鑳�</p>
+          <p><input
+              type="radio"
+              name="qtDataOne"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />C.鍓ф儏</p>
+          <p><input
+              type="radio"
+              name="qtDataOne"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
@@ -796,41 +996,174 @@
         <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">163</li>
+          <li class="p-Num">163</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>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p>A.鎯呰妭璁捐</p>
-          <p>B.鍙拌瘝璁捐</p>
-          <p>C.鎯呮櫙閲嶇幇</p>
-          <p>D.鑸炲彴琛ㄧ幇</p>
+          <p><input
+              type="radio"
+              name="qtDataTwo"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />A.鎯呰妭璁捐</p>
+          <p><input
+              type="radio"
+              name="qtDataTwo"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />B.鍙拌瘝璁捐</p>
+          <p><input
+              type="radio"
+              name="qtDataTwo"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />C.鎯呮櫙閲嶇幇</p>
+          <p><input
+              type="radio"
+              name="qtDataTwo"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p>A.绀句細鎬�</p>
-          <p>B.鎯呯华鎬�</p>
-          <p>C.鎬濇兂鎬�</p>
-          <p>D.鏍煎眬鎬�</p>
+          <p><input
+              type="radio"
+              name="qtDataThree"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />A.绀句細鎬�</p>
+          <p><input
+              type="radio"
+              name="qtDataThree"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />B.鎯呯华鎬�</p>
+          <p><input
+              type="radio"
+              name="qtDataThree"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />C.鎬濇兂鎬�</p>
+          <p><input
+              type="radio"
+              name="qtDataThree"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />D.鏍煎眬鎬�</p>
           <p>
             4.绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗭紙銆�銆�锛夊睍绀哄嚭鏉ャ�傦紙澶氶�夐锛�
           </p>
-          <p>A.椋庤矊</p>
-          <p>B.椋庡皻</p>
-          <p>C.绱犲吇</p>
-          <p>D.鐗硅壊</p>
+          <p><input
+              type="checkbox"
+              name="qtDataFour"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />A.椋庤矊</p>
+          <p><input
+              type="checkbox"
+              name="qtDataFour"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />B.椋庡皻</p>
+          <p><input
+              type="checkbox"
+              name="qtDataFour"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />C.绱犲吇</p>
+          <p><input
+              type="checkbox"
+              name="qtDataFour"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />D.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
+          <p><input
+              type="radio"
+              name="qtDataFive"
+              :disabled="questionData.isComplete"
+              value="瀵�"
+              id="4"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />瀵�</p>
+          <p><input
+              type="radio"
+              name="qtDataFive"
+              :disabled="questionData.isComplete"
+              value="閿�"
+              id="4"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠�乢_______绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠�乢_______绀间华銆佸紩棰嗙ぜ浠�乢_______绀间华銆佸骇娆$ぜ浠�乢_______绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀篲_______銆佽绌禵_______銆佹彁鍗嘷_______銆佸己鍖朹_______鈥濅负涓婚锛屼互鈥淿_______銆乢_______銆乢_______鈥濇暀鑲蹭负閲嶇偣鍐呭锛屼互鈥滈伒瀹坃_______銆乢_______鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>銆�
+            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>銆�
+            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>銆�
+            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>鈥濅负涓婚锛�
+            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
           </p>
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
+          <textarea
+            v-model="questionData.projectTwo.eight.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
+
         </div>
       </div>
     </div>
@@ -864,116 +1197,96 @@
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        askAbout:{
+          one:'',
+          two:'',
+          three:'',
+          four:'',
+          five:'',
+          six:'',
+          seven:'',
+          eight:'',
+          nine:'',
         },
-        tableTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableThree: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        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: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        reading: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-          nine: "",
-        },
-      },
-      chapter004: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
+        projectOne:{
+          one:{
+            value:""
           },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
+          two:{
+            value:""
           },
-        ],
+          three:{
+            value1:"",
+            value2:"",
+            value3:"",
+            value4:"",
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:""
+          }
+          
+        },
+        projectTwo:{
+          one:{
+            value:''
+          },
+          two:{
+            value:''
+          },
+          three:{
+            value:''
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:''
+          },
+          six:{
+            value1:"",
+            value2:"",
+            value3:"",
+            value4:"",
+          },
+          seven:{
+            value1:"",
+            value2:"",
+            value3:"",
+            value4:"",
+            value5:"",
+            value6:"",
+            value7:"",
+            value8:"",
+            value9:"",
+          },
+          eight:{
+            value:''
+          }
+        },
       },
       chapterData: {
         isCollectVideo: false,
-        isCollectVideo01: false,
       },
     };
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-table"
+      "aviationEtiquette-book-chapter05-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
 
     const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-Data"
+      "aviationEtiquette-book-chapter04-Data"
     );
     if (choiceQuestion) {
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter004"
-    );
-    if (videoData) {
-      this.chapter004 = JSON.parse(videoData);
-    }
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -982,39 +1295,23 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "d3ac730a06dcc8381de684ace3263a63"
       );
-      this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
-      );
-      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
-        const item = this.chapter004.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
     },
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-table",
+        "aviationEtiquette-book-chapter05-question",
         JSON.stringify(this.questionData)
       );
     },
 
     handleChapterData() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-Data",
+        "aviationEtiquette-book-chapter04-Data",
         JSON.stringify(this.chapterData)
       );
     },
-    handlechapter004() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter004",
-        JSON.stringify(this.chapter004)
-      );
-    },
-
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
     },
@@ -1023,38 +1320,17 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "d3ac730a06dcc8381de684ace3263a63",
+          "d3ac730a06dcc8381de684ace3263a63",
           "",
           "瑙嗛",
           "bits",
-          "寰灏忚鍫傦細" + e.name
-        );
-        e.isCollectVideo = !e.isCollectVideo;
-      } else if (e == "video-01") {
-        this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+          "瑙嗛锛氱ぜ浠椂瑁呯"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
-      } else if (e == "video-02") {
-        this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
-        );
-        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
       }
-      this.handlechapter004();
       this.handleChapterData();
     },
     //璧勬簮鏀惰棌浜嬩欢

--
Gitblit v1.9.1