From 76c4e3ed500c261cd89e5d0b302b33f064cf0923 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期二, 31 十二月 2024 17:59:45 +0800
Subject: [PATCH] 题目

---
 src/books/aviationEtiquette/view/components/chapter005.vue |  718 +++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 522 insertions(+), 196 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 4c9b236..f92a471 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -3,8 +3,9 @@
     <!-- 147 -->
     <div class="page-box" page="153">
       <div v-if="showPageList.indexOf(153) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">147</li>
+        <ul class="fl al-c  mr-70 pad-t-55 mb-45">
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
+          <li class="headerText pNum">147</li>
         </ul>
         <div class="bodystyle">
           <h1 id="a009">
@@ -43,9 +44,13 @@
             </div>
             <div class="bj3">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
@@ -61,14 +66,14 @@
     <!-- 148 -->
     <div class="page-box" page="154">
       <div v-if="showPageList.indexOf(154) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">148</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">148</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h4 id="d107">涓�銆佹儏鏅墽鐨勯噴涔夊拰浣滅敤</h4>
@@ -101,10 +106,13 @@
     <!-- 149 -->
     <div class="page-box" page="155">
       <div v-if="showPageList.indexOf(155) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">149</li>
+        <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="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>
@@ -147,14 +155,14 @@
     <!-- 150 -->
     <div class="page-box" page="156">
       <div v-if="showPageList.indexOf(156) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">150</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">150</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
@@ -192,10 +200,13 @@
     <!-- 151 -->
     <div class="page-box" page="157">
       <div v-if="showPageList.indexOf(157) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">151</li>
+        <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="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>
@@ -231,14 +242,14 @@
     <!-- 152 -->
     <div class="page-box" page="158">
       <div v-if="showPageList.indexOf(158) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">152</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">152</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -266,6 +277,8 @@
               <p>
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -294,10 +307,13 @@
     <!-- 153 -->
     <div class="page-box" page="159">
       <div v-if="showPageList.indexOf(159) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">153</li>
+        <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="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>
@@ -306,40 +322,171 @@
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p>A.4</p>
-          <p>B.5</p>
-          <p>C.6</p>
-          <p>D.7</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.4</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.5</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.6</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />A.娴撴贰鐩稿疁</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />B.楂樹綆閿欒惤</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />C.鎶戞壃椤挎尗</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭________銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃�乢_______銆乢_______銆乢_______銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value"
+                  @change="setBookQuestion"
+                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value"
+                  @change="setBookQuestion"
+                />銆�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value"
+                  @change="setBookQuestion"
+                />銆�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 100px"
+                  v-model="questionData.projectOne.three.value"
+                  @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>
     <!-- 154 -->
     <div class="page-box" page="160">
       <div v-if="showPageList.indexOf(160) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">154</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">154</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h2 id="b012">椤圭洰浜屻��姘戣埅鏈嶅姟绀间华琛ㄦ紨</h2>
@@ -361,7 +508,7 @@
               <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
             </div>
             <p class="center">
-              <img class="img-f" alt="" src="../../assets/images/0160-1.jpg" />
+              <img class="img-f" alt="" src="" />
             </p>
             <p class="img">瑙嗛锛氱ぜ浠椂瑁呯</p>
             <p>
@@ -380,6 +527,8 @@
               <p>
                 浣犺兘鍚︽牴鎹嚜宸辩殑瑙傚療杩涜绀间华鎶�鑳借〃杩板拰灞曠ず锛熻兘鍚﹂拡瀵硅嚜韬笓涓氭垨宀椾綅闇�姹傝繘琛岀ぜ浠鑼冭В璇伙紵
               </p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c036">
@@ -399,10 +548,13 @@
     <!-- 155 -->
     <div class="page-box" page="161">
       <div v-if="showPageList.indexOf(161) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">155</li>
+        <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="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>
@@ -423,6 +575,8 @@
               <p>
                 琛ㄦ紨鑹烘湳鐨勫垱浣滀换鍔¤姹傛紨鍛樺垱浣滃嚭鏉ョ殑浜虹墿褰㈣薄鍏锋湁瀹$編鐨勪环鍊硷紝杈惧埌鐪熴�佸杽銆佺編鐨勫拰璋愮粺涓�锛岃繖涔熸槸鍒涗綔鑰呭拰瑙傝祻鑰呭叡鍚岃拷姹傜殑鏍囧噯銆備綘璁や负绀间华琛ㄦ紨涓殑缇庢潵鑷綍澶勫憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -444,14 +598,14 @@
     <!-- 156 -->
     <div class="page-box" page="162">
       <div v-if="showPageList.indexOf(162) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">156</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">156</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -481,10 +635,13 @@
     <!-- 157 -->
     <div class="page-box" page="163">
       <div v-if="showPageList.indexOf(163) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">157</li>
+        <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="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">
           <h4 id="d112">浜屻�佺ぜ浠〃婕旂殑瑕佹眰鍙婂師鍒�</h4>
@@ -523,14 +680,14 @@
     <!-- 158 -->
     <div class="page-box" page="164">
       <div v-if="showPageList.indexOf(164) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">157</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">158</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p class="center">
@@ -562,7 +719,11 @@
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
@@ -576,10 +737,13 @@
     <!-- 159 -->
     <div class="page-box" page="165">
       <div v-if="showPageList.indexOf(165) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">159</li>
+        <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="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>
@@ -615,14 +779,14 @@
     <!-- 160 -->
     <div class="page-box" page="166">
       <div v-if="showPageList.indexOf(166) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">160</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">160</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
@@ -655,10 +819,13 @@
     <!-- 161 -->
     <div class="page-box" page="167">
       <div v-if="showPageList.indexOf(167) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">161</li>
+        <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-last" style=""><br></li>
+          <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h5 id="e162">锛堜竴锛夋皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鈥斺�旀儏鏅噸鐜�</h5>
@@ -685,7 +852,11 @@
             </div>
             <div class="bj3">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -703,14 +874,14 @@
     <!-- 162 -->
     <div class="page-box" page="168">
       <div v-if="showPageList.indexOf(168) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">162</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">162</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p class="center">
@@ -742,55 +913,221 @@
           </p>
           <p><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p>A.瑙掕壊</p>
-          <p>B.鎶�鑳�</p>
-          <p>C.鍓ф儏</p>
-          <p>D.琛ㄦ紨</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />A.瑙掕壊</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />B.鎶�鑳�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />C.鍓ф儏</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
     <!-- 163 -->
     <div class="page-box" page="169">
       <div v-if="showPageList.indexOf(169) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">鎷撳睍妯″潡</li>
-          <li class="header-left-text">绀间华娲诲姩绛栧垝</li>
-          <li class="header-left-Number">163</li>
+        <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="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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />A.鎯呰妭璁捐</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />B.鍙拌瘝璁捐</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />C.鎯呮櫙閲嶇幇</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p>A.绀句細鎬�</p>
-          <p>B.鎯呯华鎬�</p>
-          <p>C.鎬濇兂鎬�</p>
-          <p>D.鏍煎眬鎬�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />A.绀句細鎬�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />B.鎯呯华鎬�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />C.鎬濇兂鎬�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              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.椋庡皻</p>
+          <p><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.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="瀵�"
+              id="4"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />瀵�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="閿�"
+              id="4"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠�乢_______绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠�乢_______绀间华銆佸紩棰嗙ぜ浠�乢_______绀间华銆佸骇娆$ぜ浠�乢_______绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀篲_______銆佽绌禵_______銆佹彁鍗嘷_______銆佸己鍖朹_______鈥濅负涓婚锛屼互鈥淿_______銆乢_______銆乢_______鈥濇暀鑲蹭负閲嶇偣鍐呭锛屼互鈥滈伒瀹坃_______銆乢_______鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            璁茬┒<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            鎻愬崌<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            寮哄寲<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>鈥濅负涓婚锛�
+            浠モ��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
+            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @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>
-    <!-- 199椤� -->
+    <!-- 164椤� -->
     <div class="page-box mt-20" page="170" style="min-height: auto">
             <div v-if="showPageList.indexOf(170) > -1">
                 <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
@@ -820,71 +1157,60 @@
       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: "",
+        projectOne:{
+          one:{
+            value:""
+          },
+          two:{
+            value:""
+          },
+          three:{
+            value:""
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:""
+          }
+          
         },
-        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: "",
+        projectTwo:{
+          one:{
+            value:''
+          },
+          two:{
+            value:''
+          },
+          three:{
+            value:''
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:''
+          },
+          six:{
+            value:''
+          },
+          seven:{
+            value:''
+          },
+          eight:{
+            value:''
+          }
         },
       },
       chapter004: {
@@ -911,7 +1237,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-table"
+      "aviationEtiquette-book-chapter05-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -953,7 +1279,7 @@
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-table",
+        "aviationEtiquette-book-chapter05-question",
         JSON.stringify(this.questionData)
       );
     },

--
Gitblit v1.9.1