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/chpater002.vue |  743 +++++++++----
 src/books/aviationEtiquette/view/components/chapter001.vue |   15 
 src/books/aviationEtiquette/assets/main.less               |    8 
 src/books/aviationEtiquette/view/components/chapter005.vue |  495 +++++++-
 src/books/aviationEtiquette/view/components/index.vue      |    6 
 src/books/aviationEtiquette/view/components/chapter004.vue | 1349 +++++++++++++++++++++----
 src/books/aviationEtiquette/view/components/chapter003.vue |  410 ++++++-
 7 files changed, 2,354 insertions(+), 672 deletions(-)

diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 7818800..ed5023b 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -361,8 +361,6 @@
     }
 
     .textarea-box {
-        border: none;
-        // text-align: center;
         width:88%;
         margin-left:2em;
         overflow: auto;
@@ -370,6 +368,12 @@
         resize: none;
         border:1px solid #738DC0;
         border-radius: 5px;
+        background-color:rgba(255, 255, 255, 0);
+    }
+    .input-box{
+        border:none;
+        border-bottom:1px solid #333;
+        background-color:rgba(255, 255, 255, 0);
     }
 
 
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 9470f36..58d09ef 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -630,7 +630,7 @@
               type="checkbox"
               name="ball2"
               :disabled="questionData.isComplete"
-              value="B"
+              value="A"
               id="3"
               v-model="questionData.projectOne.three.value"
               @change="setBookQuestion"
@@ -639,7 +639,7 @@
               type="checkbox"
               name="ball2"
               :disabled="questionData.isComplete"
-              value="C"
+              value="B"
               id="3"
               v-model="questionData.projectOne.three.value"
               @change="setBookQuestion"
@@ -648,7 +648,7 @@
               type="checkbox"
               name="ball2"
               :disabled="questionData.isComplete"
-              value="D"
+              value="C"
               id="3"
               v-model="questionData.projectOne.three.value"
               @change="setBookQuestion"
@@ -2643,7 +2643,7 @@
               name="ball1"
               :disabled="questionData.isComplete"
               value="A"
-              id="2"
+              id="3"
               v-model="questionData.projectThree.three.value"
               @change="setBookQuestion"
             />A.蹇冪悊绱犺川</p>
@@ -2675,7 +2675,7 @@
               @change="setBookQuestion"
             />D.鍥㈤槦绮剧</p>
           <p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p>
-          <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
               class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
@@ -2835,7 +2835,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "aviationEtiquette-book-chapter01-question-one"
+      "aviationEtiquette-book-chapter01-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -2878,9 +2878,8 @@
       }
     },
     setBookQuestion() {
-      
       localStorage.setItem(
-        "aviationEtiquette-book-chapter01-question-one",
+        "aviationEtiquette-book-chapter01-question",
         JSON.stringify(this.questionData)
       );
     },
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 608dbc7..e00145b 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -211,6 +211,8 @@
               <p>
                 鍦ㄥ伐浣滀腑锛屽綋姘戣埅鏈嶅姟浜哄憳閬囧埌瀹汉鎻愬嚭鐨勮姹傛垨闂鑷韩鏃犳硶婊¤冻鎴栬В鍐虫椂锛岃濡備綍鍥炵瓟锛�
               </p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e081">锛堜簩锛夋湇鍔″繉璇�</h5>
@@ -280,6 +282,8 @@
             </div>
             <div class="bj3">
               <p>鍦ㄦ湇鍔¤繃绋嬩腑锛岄渶瑕侀伩鍏嶄娇鐢ㄥ摢浜涙墜鍔匡紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -333,6 +337,8 @@
               <p>
                 鐜嬮懌鍦ㄥ繊涓嶄笅鍘荤殑鏃跺�欙紝閫夋嫨浜嗗憡鐘躲�傚湪杩欓噷锛岀帇閼�佹�荤粡鐞嗐�佹潕鍝嶄笁浜虹姱浜嗗悓鏍风殑閿欒锛岄偅灏辨槸娌℃湁鍧氭寔鈥滃浜嬩笉瀵逛汉鈥濓紝鎬荤粡鐞嗗仛浜嬩篃杩囦簬鑽夌巼锛屾病鏈夎捣鍒板簲鏈夌殑璋冭妭浣滅敤锛屼粬鐨勪竴鐣壒璇勫弽鑰屽姞鍓т簡浜屼汉涔嬮棿鐨勭煕鐩俱�傛纭殑鍋氭硶鏄妸鍙屾柟涔嬮棿鐨勮浼氥�佺煕鐩捐В寮�锛岀鐫�浠ヤ簨涓氫负閲嶏紝鍔犲己鍛樺伐鐨勬矡閫氭潵澶勭悊杩欎欢浜嬨�傝繖鏍峰仛鐨勮瘽锛岀粨鏋滆偗瀹氫細濂藉緱澶氥��
               </p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -373,7 +379,11 @@
             </div>
             <div class="bj3">
               <p>1.璇峰垎鏋愭湰妗堜緥涓儴闂ㄧ粡鐞嗗拰涓婄骇娌熻�屼笉閫氱殑鍘熷洜銆�</p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.钁f�荤殑瑙e喅鍔炴硶鏈夊摢浜涢棶棰橈紵</p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d077">涓夈�佸疄璁渚嬩笁 绱ф�ヨ揩闄�</h4>
@@ -395,6 +405,8 @@
             </div>
             <div class="bj3">
               <p>鏈渚嬩腑锛岃鐐硅瘎涔樺姟浜哄憳鐨勮涓恒�傚摢浜涘湴鏂瑰�煎緱鎴戜滑瀛︿範锛�</p>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -672,15 +684,57 @@
           <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.绠�杩颁笌鍚屼簨娌熼�氱殑鎶�宸с��</p>
+          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>2.绠�杩板伐浣滀腑鍒嗘鐨勫鐞嗘柟寮忋��</p>
+          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>3.绠�杩颁笌鐢熺梾鏃呭鐨勬矡閫氭柟娉曘��</p>
+          <textarea v-model="questionData.projectOne.three.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p>A.鐖卞績</p>
-          <p>B.璐d换蹇�</p>
-          <p>C.鍖呭蹇�</p>
-          <p>D.鍚屾儏蹇�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />A.鐖卞績</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />B.璐d换蹇�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />C.鍖呭蹇�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectOne.four.value"
+              @change="setBookQuestion"
+            />D.鍚屾儏蹇�</p>
           <p>5.涓庨噸瑕佹梾瀹㈣濡備綍娌熼�氾紵璋堣皥浣犵殑瑙佽В銆�</p>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -737,7 +791,11 @@
             </div>
             <div class="bj3">
               <p>1.鎮ㄨ涓烘梾瀹㈢殑鎶曡瘔鏈夐亾鐞嗗悧锛�</p>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.濡傛灉浣犳槸杩欏悕涔樺姟闀匡紝浣犱細鎬庝箞澶勭悊璇ユ姇璇夊憿锛�</p>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -819,9 +877,13 @@
             </div>
             <div class="bj3">
               <p>1.璇ユ渚嬩腑寮曞彂鏃呭鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楁梾瀹㈡姇璇夎涓烘槸鍚﹀悎鐞嗭紵姘戣埅鏈嶅姟浼佷笟璇ュ浣曢伩鍏嶈繖绉嶆儏鍐碉紵
               </p>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -847,7 +909,11 @@
             </div>
             <div class="bj3">
               <p>1.鏃呭瀵硅浜嬩欢鎻愬嚭鎶曡瘔鏄惁鍚堢悊锛熷鑷存姇璇夌殑鍘熷洜鏄粈涔堬紵</p>
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鑸┖鍏徃鍚庣画搴斿浣曞鐞嗘墠鑳芥秷闄ゆ梾瀹㈢殑璇В锛�</p>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -932,7 +998,11 @@
             </div>
             <div class="bj3">
               <p>1.鑸┖鍏徃瀵规浜嬩欢鏄惁搴旀壙鎷呰矗浠伙紵</p>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣犱綔涓鸿埅绌哄叕鍙哥殑璐熻矗浜鸿濡備綍澶勭悊姝や簨锛�</p>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -997,6 +1067,8 @@
             </div>
             <div class="bj3">
               <p>璇ユ渚嬩腑锛屾▕灏忓鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1038,6 +1110,8 @@
               <p>
                 瀵逛簬淇濇寔淇℃伅鍏紑浠ュ強绉瀬閲囩撼鏃呭鎶曡瘔鐨勯�斿緞锛屼綘杩樻湁鍝簺寤鸿锛�
               </p>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e092">锛堜笁锛夌Н鏋佹矡閫氾紝涓诲姩鎵挎媴鍘熷垯</h5>
@@ -1094,6 +1168,8 @@
             </div>
             <div class="bj3">
               <p>浠庡皬寮犵殑缁忓巻涓紝浣犲鍒颁簡浠�涔堝憿锛�</p>
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d082">浜屻�佹皯鑸梾瀹㈡姇璇夊鐞嗙殑绛栫暐</h4>
@@ -1140,34 +1216,194 @@
           <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>
           <p>
             2.鏃呭鎶曡瘔鏄竴鎶婂弻鍒冨墤锛屽綋鍑虹幇鏃呭鎶曡瘔鐨勬椂鍊欙紝搴旈伒寰摢浜涘鐞嗙殑鍩烘湰鍘熷垯锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.鏃呭涓哄厛銆佺湡璇氭湇鍔$殑鍘熷垯</p>
-          <p>B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</p>
-          <p>C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
-          <p>D.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</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.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</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.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
           <p>3.鍏充簬瀹㈡埛鎶曡瘔瀵硅埅鍙哥殑鎰忎箟锛岃〃杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</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.涓嬪垪閫夐」涓笉灞炰簬姘戣埅鍛樺伐姝g‘澶勭悊鏃呭鎶曡瘔鐨勫師鍒欑殑鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </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="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />A.杩呴�熼噰鍙栬鍔�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
         </div>
       </div>
     </div>
@@ -1195,74 +1431,66 @@
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        askAbout:{
+          one:'',
+          two:'',
+          three:'',
+          four:'',
+          five:'',
+          six:'',
+          seven:'',
+          eight:'',
+          nine:'',
+          ten:'',
+          eleven:'',
+          twelve:'',
+          thirteen:'',
+          fourteen:'',
+          fifteen:'',
+          sixteen:'', 
+          seventeen:''
         },
-        tableTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        projectOne:{
+          one:{
+            value:""
+          },
+          two:{
+            value:""
+          },
+          three:{
+            value:""
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:""
+          },
+          six:{
+            value:""
+          }
+          
         },
-        tableThree: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
+        projectTwo:{
+          one:{
+            value:[]
+          },
+          two:{
+            value:[]
+          },
+          three:{
+            value:[]
+          },
+          four:{
+            value:[]
+          },
+          five:{
+            value:[]
+          },
+          
+          
         },
-        tableFour: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        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: "",
-          ten: "",
-          eleven: "",
-        },
+
       },
       chapter003: {
         videoMd5: [
@@ -1288,7 +1516,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter03-table"
+      "aviationEtiquette-book-chapter03-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -1330,7 +1558,7 @@
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter03-table",
+        "aviationEtiquette-book-chapter03-question",
         JSON.stringify(this.questionData)
       );
     },
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index e7856fe..8aa457d 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -5,11 +5,16 @@
       <div v-if="showPageList.indexOf(118) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerText pNum">112</li>
-          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/yemei.png"
+            alt=""
+          />
         </ul>
         <div class="bodystyle">
           <h1 id="a008">
-            <span class="h1-bj">妯″潡鍥�</span><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
+            <span class="h1-bj">妯″潡鍥�</span
+            ><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
           </h1>
           <h2 id="b008">椤圭洰涓�銆�鍊欐満妤兼湇鍔$ぜ浠�</h2>
           <div class="tp-3">
@@ -19,7 +24,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">椤圭洰鎻忚堪</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鍗冲皢鍜屽悓瀛︿滑涓�璧峰幓鍊欐満妤艰繘琛屼负鏈熶袱涓湀鐨勫矖浣嶅涔犮�傚ス杩垏鎯崇煡閬撳�欐満妤兼湇鍔$殑鍒嗙被锛岄渶瑕佹帉鎻′粈涔堟牱鐨勭煡璇嗗拰鎶�鑳斤紝鍙兘浼氶亣鍒板摢浜涙梾瀹㈢殑鐤戦棶锛岃鎬庢牱澶勭悊銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e�欐満妤奸棶璇€�佸涔樸�佸�兼満鍜岃吹瀹惧巺鏈嶅姟鐨勮亴璐h姹傚強绀间华瑙勮寖锛屽舰鎴愬鍊欐満妤煎父瑙佺殑鍑犱釜涓昏宀椾綅鏈嶅姟瑙勮寖鍜屾搷浣滄祦绋嬬殑鍏ㄩ潰璁ょ煡锛屾彁楂樺鍊欐満妤兼梾瀹㈢殑鏈嶅姟鏁堢巼锛屼负姘戣埅浼佷笟鐨勬湇鍔″搧鐗屻�佹湇鍔″嵃璞$鐞嗗仛璐$尞锛屽苟閫氳繃浼樿川鏈嶅姟锛屾惌寤鸿壇濂界殑瀹㈡埛鍏崇郴銆�
@@ -27,7 +34,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">绀煎湪韬竟</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               2018骞�6鏈�11鏃ワ紝涓嬪崍涓ょ偣鍗婏紝涓�鍚嶅绫嶆梾瀹㈢劍鎬ュ湴鏉ュ埌闂鍙帮紝鏈嶅姟浜哄憳灏忔潕绔嬪嵆璧疯韩杩庢帴鏃呭骞朵富鍔ㄨ闂湁浠�涔堣兘甯繖鐨勩�傞�氳繃杩欏悕澶栫睄鏃呭鐨勮〃杈撅紝灏忔潕浜嗚В鍒帮紝鏃呭鍦ㄦ暣鐞嗚鏉庢椂锛屼笉鎱庢妸鎶ょ収寮勪涪浜嗐�傚皬鏉庣珛鍗抽�氱煡骞挎挱绔欒繘琛屽け鐗╂嫑棰嗘挱鎶ワ紝闅忓悗瀹夋姎鏃呭鎯呯华锛屽ぇ姒�5鍒嗛挓锛屽氨鎺ュ埌宸ヤ綔浜哄憳鍥炲锛屾壘鍒颁簡璇ュ悕鏃呭鐨勬姢鐓э紝鑰屾鏃惰窛绂昏鍚嶆梾瀹箻鍧愮殑鑸彮鍏抽棴杩樻湁6鍒嗛挓銆備负浜嗚鏃呭鑳藉椤哄埄涔樺潗鑸彮锛屽皬鏉庣洿鎺ヤ负杩欏悕澶栫睄鏃呭瀹夋帓浜嗕笓闂ㄧ殑瀵间箻鍛橈紝鍏ㄧ▼寮曞锛屽湪鏈�鍚庝竴鍒绘梾瀹㈡垚鍔熷姙鐞嗕簡鍊兼満鎵嬬画銆�
@@ -36,17 +45,32 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </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.鏈哄満闂鏈嶅姟宀椾綅閫氬父鏄�欐満妤间腑瑙g瓟鏃呭鐤戦毦鐨勯噸瑕佺獥鍙o紝浣犺寰楀湪闂鏈嶅姟涓垜浠簲璇ユ敞鎰忓摢浜涚ぜ浠鑼冨憿锛�
               </p>
+              <textarea
+                v-model="questionData.askAbout.two"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="2"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
             </div>
           </div>
         </div>
@@ -59,13 +83,16 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">113</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>
+          <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">
           <h3 id="c026">
-            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span
+            ><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鍊欐満妤奸棶璇㈡湇鍔$殑鍒嗙被銆�</p>
@@ -86,13 +113,21 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
+                <img
+                  class="img-b"
+                  alt=""
+                  src="../../assets/images/0119-1.jpg"
+                />
               </p>
               <p class="img">鍥�4-1-1 鐜板満闂</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
+                <img
+                  class="img-b"
+                  alt=""
+                  src="../../assets/images/0119-2.jpg"
+                />
               </p>
               <p class="img">鍥�4-1-2 鐢佃瘽闂</p>
             </span>
@@ -106,7 +141,11 @@
         <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">114</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -157,9 +196,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">115</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>
+          <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 class="td-0">瀹夋姎鏃呭鎯呯华銆�</p>
@@ -177,8 +218,9 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -186,6 +228,13 @@
               <p>
                 鍒嗘瀽锛氬湪鏈哄満锛岄亣鍒拌埅鐝欢璇紝骞挎挱鎾姤鏈�澶氱殑鏄�滃ぉ姘斿師鍥犫�濓紝鑰屽線寰�鏃呭鐪煎墠鐪嬪埌鐨勬槸鏈楁湕鏅寸┖锛屽啀鍘绘煡鐪嬬洰鐨勫湴鐨勫ぉ姘旀椂锛屽彂鐜颁篃鏄剧ず鏅存湕锛屾鏃舵梾瀹㈤毦鍏嶄細瀵硅埅鐝欢璇殑鍘熷洜浜х敓鎬�鐤戙�備簨瀹炰笂锛屸�滃ぉ姘斿師鍥犫�濇湁寰堝绉嶆儏鍐碉細涓�鏄鏈哄洜鍑哄彂鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗簩鏄鏈哄洜鐩殑鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗笁鏄鏈哄洜椋炶鑸矾涓婄殑澶╂皵鐘跺喌涓嶉�傚疁璧烽绛夈�傚湪鍏ㄧ▼鑸嚎涓婏紝鍙鏈変竴涓湴鏂圭殑澶╂皵鐘跺喌鍑虹幇寮傚父锛岄鏈哄氨鍙兘鐢变簬鈥滃ぉ姘斿師鍥犫�濆湪鍘熷湴鍋滅暀銆傛墍浠ワ紝鏅寸┖涓囬噷涓嶄唬琛ㄩ琛屾剰涔変笂鐨勩�佹梾瀹㈣涓虹殑姝e父澶╂皵銆�
               </p>
+              <textarea
+                v-model="questionData.askAbout.three"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="4"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
             </div>
           </div>
           <h5 id="e097">锛堜簩锛夌數璇濋棶璇㈡湇鍔$ぜ浠�</h5>
@@ -205,7 +254,11 @@
         <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">116</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -252,15 +305,18 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">117</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>
+          <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 class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣鍙嶆�澛�</span></p>
           <p>閫氳繃瀵归棶璇㈡湇鍔$殑瀛︿範锛屽悓瀛︿滑鏈変綍鎰熸偀鍜屾柊棰栫殑鎯虫硶锛�</p>
           <h3 id="c027">
-            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
+            <span class="h3-zt1">浠诲姟2</span
+            ><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
           </h3>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鑳岃�佷汉璧惰埅鐝殑鈥滃皬璺戝摜鈥�</span></p>
@@ -270,12 +326,20 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>閫氳繃涓婅堪鎻忚堪锛屼綘璁や负鍦ㄥ涔樻湇鍔′腑搴旀敞鎰忎粈涔堬紵鏈変粈涔堜綔鐢紵</p>
+              <textarea
+                v-model="questionData.askAbout.four"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="4"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
             </div>
           </div>
           <p><b>浠诲姟鐩爣锛�</b></p>
@@ -301,7 +365,11 @@
         <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">118</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -342,9 +410,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">119</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>
+          <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 class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -354,13 +424,28 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.妗堜緥涓紝鍊兼満鍛樺皬钁d负鏃呭鎻愪緵浜嗗摢浜涙殩蹇冩湇鍔★紵</p>
+              <textarea
+                v-model="questionData.askAbout.five"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="2"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
               <p>2.璋堜竴璋堬紝浣犱粠璇ユ渚嬩腑寰楀埌浜嗗摢浜涘惎绀猴紵</p>
+              <textarea
+                v-model="questionData.askAbout.six"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="2"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
             </div>
           </div>
           <h5 id="e100">锛堜笁锛変弗瀹堣鑼冩彁鍗囨湇鍔¤川閲�</h5>
@@ -382,7 +467,11 @@
         <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">120</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -395,19 +484,83 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>璇峰皢鍒氭墠鎻愬埌鐨勬湇鍔″繉璇繘琛屾敼杩涳紝鍙樻垚娓╂殩瑙勮寖鐨勬湇鍔$敤璇��</p>
-              <p>涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛歘________________</p>
-              <p>涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛歘________________</p>
-              <p>涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛歘________</p>
-              <p>涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛歘______</p>
-              <p>涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛歘________________</p>
-              <p>涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛歘________</p>
-              <p>涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛歘__________</p>
+              <p>
+                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 200px"
+                  v-model="questionData.askAbout.seven"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 200px"
+                  v-model="questionData.askAbout.eight"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 130px"
+                  v-model="questionData.askAbout.nine"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 115px"
+                  v-model="questionData.askAbout.ten"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 200px"
+                  v-model="questionData.askAbout.eleven"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 130px"
+                  v-model="questionData.askAbout.twelve"
+                  @change="setBookQuestion"
+                />
+              </p>
+              <p>
+                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input
+                  type=""
+                  name="ball1"
+                  class="fz-16 input-box"
+                  style="width: 140px"
+                  v-model="questionData.askAbout.thirteen"
+                  @change="setBookQuestion"
+                />
+              </p>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -415,7 +568,8 @@
             <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
           </p>
           <h3 id="c028">
-            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span
+            ><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾鍊欐満妤煎�兼満鏈嶅姟宀椾綅宸ヤ綔浜哄憳鐨勫伐浣滄祦绋嬨��</p>
@@ -435,9 +589,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">121</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>
+          <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>
@@ -455,13 +611,21 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
+                <img
+                  class="img-a"
+                  alt=""
+                  src="../../assets/images/0127-1.jpg"
+                />
               </p>
               <p class="img">鍥�4-1-3 杩庢帴鏃呭</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
+                <img
+                  class="img-a"
+                  alt=""
+                  src="../../assets/images/0127-2.jpg"
+                />
               </p>
               <p class="img">鍥�4-1-4 寰瑧</p>
             </span>
@@ -470,12 +634,20 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鍦ㄦ鏌ユ梾瀹㈠绁ㄥ拰璇佷欢鏃讹紝搴旀敞鎰忓摢浜涙柟闈紵</p>
+              <textarea
+                v-model="questionData.askAbout.fourteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                rows="4"
+                class="fz-16 textarea-box"
+                @change="setBookQuestion"
+              ></textarea>
             </div>
           </div>
           <h5 id="e102">锛堜簩锛夋煡楠屾梾瀹㈠绁ㄥ強璇佷欢绀间华</h5>
@@ -494,7 +666,11 @@
         <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">122</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -520,12 +696,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>浣犵煡閬撳鑸卞骇浣嶇殑瀹夋帓涓�鑸兘閬靛惊鍝簺鍘熷垯鍚楋紵</p>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -541,9 +720,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">123</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>
+          <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 class="td-0">
@@ -575,12 +756,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鍦ㄩ�掓帴瀹㈢エ銆佽韩浠借瘉鍙婄櫥鏈虹墝鏃讹紝鍊兼満浜哄憳搴旀敞鎰忓摢浜涙柟闈紵</p>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -600,7 +784,11 @@
         <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">124</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -612,7 +800,8 @@
             <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
           </p>
           <h3 id="c029">
-            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟4</span
+            ><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾璐靛鍘呮湇鍔$殑娴佺▼鍙婂唴瀹广��</p>
@@ -643,12 +832,16 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">125</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>
+          <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 class="td-0">璁惧銆傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�</p>
+          <p class="td-0">
+            璁惧銆傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�
+          </p>
           <p>
             锛�2锛夆�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�斺�斿湪涓嶆墦鎵版梾瀹㈢殑鍩虹涓婏紝姣�15鍒嗛挓宸¤涓�娆℃梾瀹紤鎭尯鍩熴��
           </p>
@@ -671,14 +864,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 浠庡皬涓滅殑鏈嶅姟鏁呬簨涓紝浣犵湅鍑轰簡璐靛鍘呮湇鍔$殑鍝簺鍐呭锛熶綘瑙夊緱璐靛鍘呮湇鍔′汉鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d093">浜屻�佽吹瀹惧巺鏈嶅姟绀间华</h4>
@@ -699,7 +895,11 @@
         <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">126</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -754,9 +954,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">127</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>
+          <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>
@@ -792,7 +994,11 @@
         <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">128</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -801,36 +1007,242 @@
         <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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.鏈哄満闂
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.鑱斿悎闂
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
+          </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.鐩磋甯﹀伐浣滆姹傦細鎺掗槦瓒呰繃锛堛��銆�锛変汉鏃讹紝澧炲姞鏌滃彴锛涘洟闃熻秴杩囷紙銆�銆�锛変汉鏃讹紝澧炲姞鏌滃彴銆�
           </p>
-          <p>A.4锝�5锛�6</p>
-          <p>B.6锝�8锛�8</p>
-          <p>C.8锝�10锛�9</p>
-          <p>D.8锝�10锛�10</p>
-          <p>4.鍊欐満妤煎�兼満鏈嶅姟鐨勫熀鏈祦绋嬫湁锛堛��銆�锛夈��</p>
-          <p>A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�</p>
-          <p>B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�</p>
-          <p>C.涓烘梾瀹㈠畨鎺掑骇浣�</p>
           <p>
-            D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />A.4锝�5锛�6
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />B.6锝�8锛�8
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />C.8锝�10锛�9
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />D.8锝�10锛�10
+          </p>
+          <p>4.鍊欐満妤煎�兼満鏈嶅姟鐨勫熀鏈祦绋嬫湁锛堛��銆�锛夈��</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>
-          <p>A.1/3</p>
-          <p>B.2/3</p>
-          <p>C.鍊掓弧</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="5"
+              v-model="questionData.projectOne.five.value"
+              @change="setBookQuestion"
+            />A.1/3
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectOne.five.value"
+              @change="setBookQuestion"
+            />B.2/3
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectOne.five.value"
+              @change="setBookQuestion"
+            />C.鍊掓弧
+          </p>
           <p>6.鏈夋晥鐨勮韩浠借瘉浠跺寘鎷粈涔堬紵</p>
+          <textarea
+            v-model="questionData.projectOne.six.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>7.绠�杩板洖绛旀梾瀹㈤棶棰樼殑鎶�宸с��</p>
+          <textarea
+            v-model="questionData.projectOne.seven.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>8.绠�杩拌吹瀹惧巺鏈嶅姟涓殑鈥滀笁杞绘湇鍔♀�濃�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�滈浂鍛煎敜绠$悊鈥濄��</p>
+          <textarea
+            v-model="questionData.projectOne.eight.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>9.鐢垫寮曞绀间华搴旈伒寰摢浜涘師鍒欙紵</p>
+          <textarea
+            v-model="questionData.projectOne.nine.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
         </div>
       </div>
     </div>
@@ -841,9 +1253,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">129</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>
+          <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">
           <h2 id="b009">椤圭洰浜屻��瀹夋鏈嶅姟绀间华</h2>
@@ -854,7 +1268,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">椤圭洰鎻忚堪</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鍦ㄥ�欐満妤兼湇鍔″疄涔犱腑锛屾潕涓界湅鍒颁竴浣嶆梾瀹㈠洜涓鸿鏉庢�绘槸鏃犳硶閫氳繃瀹夋鏈鸿�屼笉婊★紝鏉庝附鏃㈤渶瑕佸悜浠栧仛濂借В閲婂拰鏈嶅姟锛屾洿瑕佺‘淇濇皯鑸畨鍏紝纭繚鏈嶅姟绗﹀悎瑙勮寖銆傛潕涓藉簲璇ユ�庢牱鍋氭墠鑳借濂圭殑瀹夋鏈嶅姟鑾峰緱鏃呭鐨勮鍙憿锛熼�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e畨妫�鏈嶅姟鐨勮亴璐h姹傚強鏈嶅姟绀间华瑙勮寖锛屽舰鎴愬瀹夋鏈嶅姟鐨勫叏闈㈣鐭ュ苟鍙婃椂鏈夋晥鍦板畬鎴愭梾瀹㈠畨鍏ㄦ鏌ワ紝鎻愰珮鏈嶅姟鏃呭鐨勬晥鐜囷紝閬垮厤瀹夊叏闅愭偅鐨勫彂鐢燂紝涓烘梾瀹繚椹炬姢鑸��
@@ -862,7 +1278,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">绀煎湪韬竟</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏃呭寮犲コ澹姙鐞嗗畬鐧绘満鎵嬬画鍑嗗杩涜瀹夊叏妫�鏌ワ紝瀹夋鍛樿姹傚叾鑴辨帀澶ц。鍐嶈繃妫�锛岀敱浜庡紶濂冲+澶ц。閲岄潰鍙┛浜嗘棤琚栫殑T鎭わ紝渚胯涓嶆柟渚胯劚澶ц。銆傜湅鍒板紶濂冲+涓嶉厤鍚堝畨妫�鐨勮姹傦紝瀹夋鍛樺緢鐢熸皵锛屽氨杩炴帴杩囧紶濂冲+鐨勬墜鎻愯鏉庢椂涔熸病鑳芥帶鍒惰嚜宸辩殑涓嶆弧锛岄殢鎵嬪皢寮犲コ澹殑鎵嬫彁琛屾潕鎵斿埌浼犻�佸甫涓娿�傜湅鍒拌嚜宸辩殑琛屾潕琚墧鍒颁紶閫佸甫涓婏紝寮犲コ澹潪甯哥敓姘斿湴璇达細鈥滀负浠�涔堟墧鎴戠殑鍖咃紵鈥濆畨妫�鍛樿锛氣�滀綘涓嶉厤鍚堟垜浠殑宸ヤ綔锛屾垜涓轰粈涔堜笉鑳芥墧锛佲�濅袱浜哄彂鐢熶簡鍙h涔嬩簤鍜岃偄浣撳啿绐併��
@@ -871,12 +1289,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>浣犺涓哄湪瀹夋鏈嶅姟涓簲鎬庢牱瑙勮寖鑷繁鐨勮█琛屼妇姝紵</p>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -894,7 +1315,11 @@
         <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">130</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -902,7 +1327,8 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c030">
-            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟1</span
+            ><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾浜鸿韩瀹夊叏妫�鏌ユ湇鍔′汉鍛樼殑宀椾綅鑱岃矗鍙婅姹傘��</p>
@@ -934,9 +1360,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">131</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>
+          <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>
@@ -945,8 +1373,9 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -956,9 +1385,13 @@
               <p>
                 1.涓婅堪妗堜緥涓弿杩扮殑鏄摢涓畨妫�宀椾綅瀹夋鍛樼殑宸ヤ綔鍦烘櫙锛熷綋鍊煎畨妫�鍛樻湁鍝簺绀间华缂哄け鐨勫湴鏂癸紵
               </p>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.涓婅堪妗堜緥涓紝璐熻矗浜鸿韩妫�鏌ョ殑瀹夋鍛樻槸鍚﹀彲浠ュ湪涓�瀹氱▼搴︿笂瀵瑰洜鍓嶅簭宸ヤ綔瀵艰嚧涓嶆弧鎯呯华鐨勬梾瀹㈣繘琛屽畨鎶氬憿锛熷鏋滃彲浠ワ紝搴旇鎬庝箞鍋氬憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d096">涓夈�佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑绀间华瑙勮寖</h4>
@@ -994,7 +1427,11 @@
         <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">132</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1002,7 +1439,8 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c031">
-            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟2</span
+            ><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾寮�绠卞寘妫�鏌ヤ汉鍛樼殑宀椾綅鑱岃矗鍙婃鏌ユ柟娉曘��</p>
@@ -1047,9 +1485,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">133</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>
+          <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>
@@ -1082,11 +1522,61 @@
             <img class="img-0" alt="" src="../../assets/images/0139-1.jpg" />
           </p>
           <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰鑷祴路</span></p>
-          <p>1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</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"
+            />1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
+          </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>
@@ -1096,7 +1586,11 @@
         <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">134</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1104,18 +1598,119 @@
         </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>
+          <textarea
+            v-model="questionData.projectTwo.four.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>5.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樻墽鍕ょぜ浠鑼冦��</p>
+          <textarea
+            v-model="questionData.projectTwo.five.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>6.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樼殑浠浠〃绀间华瑙勮寖銆�</p>
+          <textarea
+            v-model="questionData.projectTwo.six.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
         </div>
       </div>
     </div>
@@ -1126,9 +1721,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">135</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>
+          <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">
           <h2 id="b010">椤圭洰涓夈��瀹㈣埍鏈嶅姟绀间华</h2>
@@ -1139,7 +1736,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">椤圭洰鎻忚堪</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勮亴涓氳鍒掓槸鎴愪负涓�鍚嶇┖涓箻鍔″憳锛屽湪鍊欐満妤肩殑鏈嶅姟涓ス浜嗚В浜嗙┖鍦拌仈鍔ㄧ殑閲嶈鎬э紝鐞嗚В浜嗗湴闈㈡湇鍔′笌绌轰腑鏈嶅姟鐨勫叧绯汇�傚鑸辨湇鍔℃槸鑸┖鏈嶅姟鐨勫叧閿疄鏂介樁娈碉紝瑕佹垚涓轰竴鍚嶅悎鏍肩殑绌轰腑涔樺姟鍛橈紝涓嶄粎闇�瑕佹帉鎻″鑸辨湇鍔$殑鎶�鑳斤紝鏇磋鐢ㄥ績閿ょ偧瀹㈣埍鏈嶅姟鑹烘湳銆傛潕涓借揩鍒囧湴闇�瑕佸皢鎵�瀛︾殑娌熼�氱ぜ浠�佺潃瑁呯ぜ浠�佽涓虹ぜ浠�佸Э鎬佺ぜ浠笌绌轰箻涓撲笟鎶�鑳芥湁鏁堣瀺鍚堝苟鍛堢幇鍦ㄥ鑸辨湇鍔′腑銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屽皢鍓嶆湡鎵�瀛︾殑绀间华鐭ヨ瘑鍜屾妧鑳借瀺浼氳疮閫氬湴杩愮敤鍒版ā鎷熷疄璁腑锛屾彁鍗囧瀹㈣埍鏈嶅姟绀间华鐨勫疄鎴樿兘鍔涳紝鍏绘垚鑹ソ鐨勫伐浣滅ぜ浠範鎯紝鎻愬崌瀹㈣埍鏈嶅姟绱犲吇銆�
@@ -1147,7 +1746,9 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+              <span class="span-box"></span
+              ><span class="span-text">绀煎湪韬竟</span
+              ><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勫濮愭潕闈欓�氳繃闈㈣瘯鎴愪簡鑸┖鍏徃鐨勫疄涔犱箻鍔″憳锛岀粡杩囧煿璁悗锛屽ス缁堜簬瑕佽蛋鍚戣嚜宸辩殑绗竴涓墽椋炶埅鐝簡銆傜敱浜庤埅鐝椂鍒昏緝鏃╋紝鏉庨潤鍙戠幇濂圭殑澶忓鍒舵湇瑁欐竻娲楀悗鏈共锛屼簬鏄┛涓婄瀛e埗鏈嶈锛屽苟鐢讳笂绮捐嚧鐨勫瀹癸紝杩樼壒鎰忔埓涓婁簡鐢熸棩鏃跺濡堥�佺殑杩愬姩鎵嬭〃銆傛病鎯冲埌鍙紑鍑嗗浼氭椂涔樺姟闀垮嵈瀵瑰ス鐨勭潃瑁呭拰閰嶉グ閮芥彁鍑轰簡鎵硅瘎銆傛潕闈欏緢闅捐繃锛屾槑鏄庡凡缁忓緢鐢ㄥ績鏁寸悊浜嗭紝涓轰粈涔堜箻鍔¢暱瑕佹壒璇勫ス鍛紵
@@ -1156,18 +1757,26 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.浣滀负鏉庨潤鐨勫濡癸紝闈㈠闅捐繃鐨勬潕闈欙紝鏉庝附鍙互璺熷ス璇翠簺浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍏充簬涔樺姟鍛樿埅鍓嶇殑浠浠〃瑙勮寖锛屾垜浠簡瑙e灏戝憿锛�</p>
+              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.鑸墠鍑嗗闃舵杩橀渶瑕佹帉鎻″摢浜涚ぜ浠鑼冨憿锛�</p>
+              <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c032">
-            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span
+            ><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涔樺姟鍛樼潃瑁呯ぜ浠鑼冦��</p>
@@ -1181,7 +1790,11 @@
         <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">136</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1231,9 +1844,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">137</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>
+          <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 class="td-0">
@@ -1280,7 +1895,11 @@
         <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">138</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1300,12 +1919,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鑸墠鍑嗗闃舵鐨勭ぜ浠腑铻嶅悎浜嗗墠闈㈣绋嬩腑鐨勫摢浜涢噸鐐圭煡璇嗭紵</p>
+              <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1329,8 +1951,9 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1338,7 +1961,11 @@
                 鍒樻収鏄煇鑸┖鍏徃鐨勪箻鍔″憳锛屽湪閲嶅簡椋炲線涓変簹鐨勮埅鐝笂锛屼箻鍔¢暱灏嗗垬鎱у畨鎺掑湪鍓嶇櫥鏈洪棬澶勮繋瀹€�傜敱浜庢鍊间笁浜氭梾娓告椇瀛o紝姝よ埅鐝梾瀹㈤潪甯稿銆傜珯鍦ㄨ埍闂ㄥ彛杩庡鐨勫垬鎱ц寰楀緢鐑紝娌$珯涓�浼氬効鍒樻収灏卞紑濮嬩笉鑰愮儲浜嗭紝鍙槸姝ゆ椂鎵嶅彧鏈変竴灏忛儴鍒嗘梾瀹㈢櫥鏈恒�傚湪鎺ヤ笅鏉ョ殑杩庡涓紝鍒樻収鑴镐笂鐨勫井绗戞參鎱㈡秷澶憋紝闈㈠鏃呭鐨勮闂紝濂逛篃鍙槸闅忔墜涓�鎸囷紝涓�鍓噿鏁d笉鑰愮儲鐨勬牱瀛愩��
               </p>
               <p>1.浣犺寰楀垬鎱у仛寰楀鍚楋紵</p>
+              <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.瀵逛簬杩庡鐨勭ぜ浠鑼冿紝浣犵煡閬撳灏戯紵</p>
+              <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1351,13 +1978,16 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">139</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>
+          <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">
           <h3 id="c033">
-            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟2</span
+            ><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В杩庡绀间华瑙勮寖銆�</p>
@@ -1378,12 +2008,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
-                  class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
+                ><span class="zt-zysx1">涔�</span
+                ><span class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷鍛紵</p>
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e128">锛堜簩锛夎繋瀹㈢珯浣嶄笌绔欏Э鐨勮鑼�</h5>
@@ -1410,7 +2043,11 @@
         <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">140</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1463,9 +2100,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">141</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>
+          <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">
           <h6 id="f046">2.鎷跨殑绀间华瑙勮寖</h6>
@@ -1516,7 +2155,11 @@
         <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">142</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1571,9 +2214,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">143</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>
+          <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 class="td-0">
@@ -1612,7 +2257,11 @@
         <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">144</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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="" />
@@ -1623,7 +2272,9 @@
             琛ㄨ揪鎶�宸э細涓嶆伆褰撳湴杩愮敤娌熼�氭妧宸э紝浼氬奖鍝嶆湁鏁堟矡閫氾紝濡傛敼鍙樿瘽棰橈紝缁欐梾瀹竴绉嶄笉鎰夸笌涔嬫矡閫氱殑鎰熻锛涗富瑙傚垽鏂垨鍖嗗繖涓嬬粨璁哄父甯镐細浣挎矡閫氫腑鏂紱铏氬亣銆佷笉鎭板綋鐨勫畨鎱帮紝閽堝鎬т笉寮虹殑瑙i噴浼氱粰鏃呭涓�绉嶆暦琛嶄簡浜嬨�佷笉璐熻矗鐨勬劅瑙夈��
           </p>
           <p class="block">涓汉鍥犵礌锛氫釜浜鸿〃杈捐兘鍔涗笉瓒虫椂浼氫骇鐢熸矡閫氶殰纰嶃��</p>
-          <p class="block">鐜鍥犵礌锛氬鑸辩殑鍏夌嚎銆佹俯搴︺�佸櫔澹般�佹暣娲佸害绛夐兘浼氬奖鍝嶆矡閫氱殑鏁堟灉銆�</p>
+          <p class="block">
+            鐜鍥犵礌锛氬鑸辩殑鍏夌嚎銆佹俯搴︺�佸櫔澹般�佹暣娲佸害绛夐兘浼氬奖鍝嶆矡閫氱殑鏁堟灉銆�
+          </p>
           <p><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p><b>鎯呭婕旂粌锛�</b></p>
           <p>
@@ -1658,9 +2309,11 @@
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
           <li class="header-right-Number pNum">145</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>
+          <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><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -1686,22 +2339,132 @@
           </p>
           <p><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
           <p>1.鍒舵湇缁熶竴瑙勮寖瑕佹眰涓紝鏈嶈鐨勶紙銆�銆�锛夊繀椤荤粺涓�銆�</p>
-          <p>A.澶у皬銆侀鑹层�佽叞甯�</p>
-          <p>B.閰嶉グ銆侀瀷瀛愩�侀鑹�</p>
-          <p>C.瀛h妭銆佹寮忋�侀厤楗�</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />A.澶у皬銆侀鑹层�佽叞甯�
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />C.瀛h妭銆佹寮忋�侀厤楗�
+          </p>
           <p>2.鐫�鍒舵湇鏃讹紝宸ュ彿鐗岃浣╂埓鍦紙銆�銆�锛夈��</p>
-          <p>A.鍙宠兏</p>
-          <p>B.鍙宠兏姝d笂鏂�</p>
-          <p>C.宸﹁兏姝d笂鏂�</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />A.鍙宠兏
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />B.鍙宠兏姝d笂鏂�
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />C.宸﹁兏姝d笂鏂�
+          </p>
           <p>3.鎵嬭〃鏄┖鍕や汉鍛樺繀澶囩殑閰嶉グ锛屽鎵嬭〃鐨勮姹傛槸蹇呴』鍏峰锛堛��銆�锛夈��</p>
-          <p>A.2閽�6鍒诲害</p>
-          <p>B.3閽�12鍒诲害</p>
-          <p>C.浠绘剰鍒诲害</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />A.2閽�6鍒诲害
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />B.3閽�12鍒诲害
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />C.浠绘剰鍒诲害
+          </p>
           <p>
             4.鎴磋繎瑙嗙溂闀滅殑涔樺姟鍛樺湪鎵ц鑸彮浠诲姟鏃讹紝蹇呴』浣╂埓锛堛��銆�锛夛紝鍚屾椂涓洪槻姝㈢獊鍙戞儏鍐碉紝杩橀渶瑕佸涓�鍓紙銆�銆�锛夈��
           </p>
-          <p>A.闅愬舰鐪奸暅銆佹鏋剁溂闀�</p>
-          <p>B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              v-model="questionData.projectThree.four.value"
+              @change="setBookQuestion"
+            />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectThree.four.value"
+              @change="setBookQuestion"
+            />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
+          </p>
         </div>
       </div>
     </div>
@@ -1711,27 +2474,106 @@
         <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">146</span>
-            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></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>C.妗嗘灦鐪奸暅銆佺編鐬�</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="4"
+              v-model="questionData.projectThree.four.value"
+              @change="setBookQuestion"
+            />C.妗嗘灦鐪奸暅銆佺編鐬�
+          </p>
           <p>
             5.鍙紑鑸墠鍑嗗浼氭椂搴旇娉ㄦ剰涔樺姟鍛樺埌鍦哄悗锛屽簲鍏堝皢绠卞寘锛堛��銆�锛夌劧鍚庡啀钀藉骇銆�
           </p>
-          <p>A.闅忔剰瀹夋斁</p>
-          <p>B.鏀惧湪鑵胯竟</p>
-          <p>C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�</p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="5"
+              v-model="questionData.projectThree.five.value"
+              @change="setBookQuestion"
+            />A.闅忔剰瀹夋斁
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectThree.five.value"
+              @change="setBookQuestion"
+            />B.鏀惧湪鑵胯竟
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectThree.five.value"
+              @change="setBookQuestion"
+            />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
+          </p>
           <p>6.鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷杩庡鍛紵</p>
+          <textarea
+            v-model="questionData.projectThree.six.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>7.璇峰啓涓�鍐欒繋瀹㈡椂鎴栧洖绛旀梾瀹㈢櫥鏈虹殑璇㈤棶鏃跺簲璇ヨ鍝簺璇█銆�</p>
+          <textarea
+            v-model="questionData.projectThree.seven.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>8.璇峰啓涓�鍐欑鎵樼洏鏃跺簲娉ㄦ剰鍝簺绀间华瑙勮寖銆�</p>
+          <textarea
+            v-model="questionData.projectThree.eight.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>
             9.濡傛灉浣犳槸鏈鑸彮鐨勫ご绛夎埍涔樺姟鍛橈紝闇�瑕佸悜鏃呭寮犳�诲仛鑷垜浠嬬粛锛岃鍐欏嚭鎮ㄧ殑鑷垜浠嬬粛鍐呭銆�
           </p>
+          <textarea
+            v-model="questionData.projectThree.nine.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
           <p>10.璇峰啓涓�鍐欏湪瀹夊叏妫�鏌ヤ腑涔樺姟鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠鑼冿紵</p>
+          <textarea
+            v-model="questionData.projectThree.ten.value"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            class="fz-16 textarea-box"
+            @change="setBookQuestion"
+          ></textarea>
         </div>
       </div>
     </div>
@@ -1759,62 +2601,7 @@
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        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: {
+        askAbout: {
           one: "",
           two: "",
           three: "",
@@ -1824,6 +2611,104 @@
           seven: "",
           eight: "",
           nine: "",
+          ten: "",
+          eleven:'',
+          twelve:'',
+          thirteen:'',
+          fourteen:'',
+          fifteen:'',
+          sixteen:'', 
+          seventeen:'',
+          eighteen:'',
+          nineteen:'',
+          twenty:'',
+          twentyOne:'',
+          twentyTwo:'',
+          twentyThree:'',
+          twentyFour:'',
+          twentyFive:'',
+          twentySix:'',
+        },
+        projectOne: {
+          one: {
+            value: [],
+          },
+          two: {
+            value: [],
+          },
+          three: {
+            value: [],
+          },
+          four: {
+            value: [],
+          },
+          five: {
+            value: "",
+          },
+          six: {
+            value: "",
+          },
+          seven: {
+            value: "",
+          },
+          eight: {
+            value: "",
+          },
+          nine: {
+            value: "",
+          },
+        },
+        projectTwo: {
+          one: {
+            value: "",
+          },
+          two: {
+            value: "",
+          },
+          three: {
+            value: [],
+          },
+          four: {
+            value: "",
+          },
+          five: {
+            value: "",
+          },
+          six: {
+            value: "",
+          },
+        },
+        projectThree: {
+          one: {
+            value: [],
+          },
+          two: {
+            value: [],
+          },
+          three: {
+            value: [],
+          },
+          four: {
+            value: [],
+          },
+          five: {
+            value: [],
+          },
+          six: {
+            value: "",
+          },
+          seven: {
+            value: "",
+          },
+          eight: {
+            value: "",
+          },
+          nine: {
+            value: "",
+          },
+          ten: {
+            value: "",
+          },
         },
       },
       chapter004: {
@@ -1850,7 +2735,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-table"
+      "aviationEtiquette-book-chapter04-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -1892,7 +2777,7 @@
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-table",
+        "aviationEtiquette-book-chapter04-question",
         JSON.stringify(this.questionData)
       );
     },
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index cba6135..f92a471 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -44,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">
@@ -273,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>
@@ -316,26 +322,157 @@
           <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>
@@ -371,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>
@@ -390,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">
@@ -436,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>
@@ -578,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>
@@ -707,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>
@@ -764,10 +913,42 @@
           </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>
@@ -784,34 +965,165 @@
         </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>
@@ -845,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: {
@@ -936,7 +1237,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-table"
+      "aviationEtiquette-book-chapter05-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -978,7 +1279,7 @@
 
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-table",
+        "aviationEtiquette-book-chapter05-question",
         JSON.stringify(this.questionData)
       );
     },
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 0bf7123..b721c37 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -44,6 +44,8 @@
               <p>
                 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -528,7 +530,11 @@
             </div>
             <div class="bj3">
               <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -667,21 +673,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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.O鍨�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.H鍨�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.A鍨�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="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.V鍨�</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.projectOne.three.value"
+              @change="setBookQuestion"
+            />A.瑁ゅ瓙</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />B.琛。</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />C.棰嗗瓙</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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">
@@ -1342,37 +1446,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="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>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p>
-          <p>A.骞虫秱娉�</p>
-          <p>B.鎸夊帇娉�</p>
-          <p>C.鐐规媿娉�</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>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p>
-          <p>A.澶撮《涓や晶</p>
-          <p>B.澶撮《</p>
-          <p>C.闈㈠瀷涓や晶</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>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p>
-          <p>A.涓嬫寕</p>
-          <p>B.鎷卞舰</p>
-          <p>C.骞崇洿</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="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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />A.鍐呯溂瑙�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />B.鐪奸儴涓ぎ</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />A.鏆楄壊</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />B.鏄庝寒鑹�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :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="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />A.鐣ユ繁涓�搴�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />B.鐣ユ祬涓�搴�</p>
+          <p><input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />C.鐩稿悓</p>
         </div>
       </div>
     </div>
@@ -1447,6 +1743,8 @@
             </div>
             <div class="bj3">
               <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1766,6 +2064,8 @@
             </div>
             <div class="bj3">
               <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4>
@@ -2126,10 +2426,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="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />B.绔嬮┈杞韩绂诲紑</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />D.鏀炬澗韬綋</p>
         </div>
       </div>
     </div>
@@ -2149,16 +2481,76 @@
           <p>
             2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈��
           </p>
-          <p>A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
-          <p>B.寰瑧鐐瑰ご绀烘剰</p>
-          <p>C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
-          <p>D.鎵撻�氱數璇濈ず鎰�</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />B.寰瑧鐐瑰ご绀烘剰</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :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="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />A.15掳</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />B.30掳</p>
+          <p><input
+              type="checkbox"
+              name="ball1"
+              :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>
@@ -2186,201 +2578,70 @@
       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: {
@@ -2407,7 +2668,7 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter02-table"
+      "aviationEtiquette-book-chapter02-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
@@ -2448,7 +2709,7 @@
     },
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter02-table",
+        "aviationEtiquette-book-chapter02-question",
         JSON.stringify(this.questionData)
       );
     },
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 1d41f8d..bf700c0 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -13,6 +13,7 @@
         <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
         <chapterThree  v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
         <chapterFour   v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
+        <chapterFive   v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive>
       </div>
     </div>
   </template>
@@ -23,6 +24,7 @@
   import chapterTwo from "./chpater002.vue";
   import chapterThree from "./chapter003.vue";
   import chapterFour from "./chapter004.vue";
+  import chapterFive from "./chapter005.vue";
   import NoteIcon from "@/assets/images/biji.png";
   import _ from "lodash";
   import Swiper from "swiper/bundle";
@@ -33,7 +35,7 @@
     name: "pageContent",
     data() {
       return {
-        catalogLength: 5, // 鎬荤珷鑺傛暟
+        catalogLength: 6, // 鎬荤珷鑺傛暟
         showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
         loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
         throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -712,6 +714,7 @@
           chapterTwo,
           chapterThree,
           chapterFour,
+          chapterFive
         };
         // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
         for (const key in pageData) {
@@ -937,6 +940,7 @@
       chapterTwo,
       chapterThree,
       chapterFour,
+      chapterFive,
     },
   };
   </script>

--
Gitblit v1.9.1