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

---
 src/books/aviationEtiquette/view/components/chpater002.vue |  816 ++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 537 insertions(+), 279 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 945ef52..5bef93c 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -40,10 +40,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -55,7 +57,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">47</li>
+          <li class="p-Num">47</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -139,7 +141,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">49</li>
+          <li class="p-Num">49</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -246,7 +248,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">51</li>
+          <li class="p-Num">51</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -308,20 +310,16 @@
               <img class="img-c" alt="" src="../../assets/images/0058-1.jpg" />
             </p>
             <p class="img">鍥�2-1-6 宸濊埅鍒舵湇</p>
+            <p class="center openImgBox">
+              <img class="img-c mt-20" alt="" src="../../assets/images/0058-2.jpg" />
+            </p>
+            <p class="img">鍥�2-1-7 鍘﹁埅鍒舵湇</p>
           </div>
           <span>
             <p>
               宸濊埅浠モ�滅湡銆佸杽銆佺編銆佺埍鈥濅箣蹇冧负鏃呭鎻愪緵绮惧搧鏈嶅姟銆備互缇庝附鍏崇埍鎰熷姩浜哄績锛屼互鎰熸仼浜嬩笟閾搁�犲拰璋愩��2008骞达紝宸濊埅绌轰箻缁熶竴鎹笂绗竷浠e埗鏈嶏紝鍒舵湇鐏垫劅鏉ヨ嚜宸濊埅涓婚鑹测�斺�斿窛鑸孩锛屼富娆句负绾㈣壊涓冨垎琚栬繛琛h锛岄粦鑹茶叞甯︼紝娴呯珛棰嗭紝鑳稿墠鏈夌孩榛戠浉闂寸殑鈥滆ざ鐨扁�濇姌楗般�傜孩鑹茶繛琛h鏁翠綋绾挎潯绠�娲佹祦鐣咃紝鑳藉灞曠幇宸濊埅涔樺姟鍛樺ù闈欑搴勭殑鑱屼笟浠�併�傛祬绔嬮鑳藉琛墭涔樺姟鍛樼殑浼橀泤姘旇川锛涢粦鑹茬嚎鏉′负鏈嶈娉ㄥ叆鐞嗘�с�佹矇绋崇殑鐗硅川锛涒�滆ざ鐨扁�濇姌楗板湪琛岃蛋鏃惰嚜鐒跺緥鍔紝浼犻�掔伒鍔ㄤ箣缇庛�傝�冭檻鍒扮┖涔樼殑鑱屼笟鐗规�э紝琚栧瓙閲囩敤骞茬粌鍒╄惤鐨勪竷鍒嗚璁捐锛岃韬笅鎽嗗井鏀讹紝鐣欐湁瓒冲娲诲姩瑁曞害锛屾柟渚夸箻鍔″憳鍦ㄥ鑸变腑寮�灞曟湇鍔℃搷浣滐紙瑙佸浘2-1-6锛夈��
             </p>
-          </span>
-          <p>锛�2锛夊帵闂ㄨ埅绌烘湁闄愬叕鍙革紙浠ヤ笅绠�绉板帵鑸級鍒舵湇銆�</p>
-          <div class="img-rights w220 openImgBox ">
-            <p class="center openImgBox">
-              <img class="img-c" alt="" src="../../assets/images/0058-2.jpg" />
-            </p>
-            <p class="img">鍥�2-1-7 鍘﹁埅鍒舵湇</p>
-          </div>
-          <span>
+            <p>锛�2锛夊帵闂ㄨ埅绌烘湁闄愬叕鍙革紙浠ヤ笅绠�绉板帵鑸級鍒舵湇銆�</p>
             <p>
               鍘﹁埅涔樺姟闃熷舰鎴愪簡鈥滃叚鍕も�濓紙鐪煎嫟銆佹墜鍕ゃ�佽吙鍕ゃ�佸槾鍕ゃ�佽�冲嫟銆佽剳鍕わ級銆佲�滀簲蹇冣�濓紙鐑績銆佽瘹蹇冦�佺粏蹇冦�佽�愬績銆佹亽蹇冿級銆佲�滃洓缇庘�濓紙蹇冪伒缇庛�佽瑷�缇庛�佽涓虹編銆佸舰璞$編锛夈�佲�滀笁涓嶆�曗�濓紙涓嶆�曡剰銆佷笉鎬曠疮銆佷笉鎬曠儲锛夌殑鏈嶅姟浣滈銆傜┖涔樺埗鏈嶇粡鍘嗕簡娉℃场琚栥�佺櫧铦磋澏缁撱�佷腑寮忔棗琚嶇瓑闃舵銆�2018骞�8鏈堬紝鍘﹁埅鏂颁竴浠g┖涔樺埗鏈嶆儕鑹充寒鐩革紝铻嶅悎浜嗗鍙ゅ厓绱犱笌鐜颁唬绠�绾︽椂灏氾紝鍕惧嫆鍑烘洿鍔犻珮闆呫�佽嚜淇°�佸共缁冪殑绌轰箻褰㈣薄銆備繌鐨殑灏忓附涓婂甫鏈夆�滀竴楣珮椋炩�濊埅寰斤紝琛h涓轰竷鍒嗚锛屽苟閰嶆湁娣辫摑鑹茬殑瀹借叞甯︼紙瑙佸浘2-1-7锛夈�備笉鍚屾槑搴︹�滃ぉ绌鸿摑鈥濆埗鏈嶏紝鍖哄垎涔樺姟鍛樹笉鍚岀殑宀椾綅锛岀敱娴呭埌娣辩殑钃濊壊鏂板埗鏈嶅垎灞炰簬鏅�氫箻鍔″憳銆佸鑸变箻鍔¢暱鍜屽鑸辩粡鐞嗐��
             </p>
@@ -339,7 +337,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">53</li>
+          <li class="p-Num">53</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -444,7 +442,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">55</li>
+          <li class="p-Num">55</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -526,9 +524,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -546,7 +548,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">57</li>
+          <li class="p-Num">57</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -681,7 +683,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">59</li>
+          <li class="p-Num">59</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -693,21 +695,119 @@
           <p>3.缁冧範棰嗗甫鐨勭郴娉曘��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.锛堛��銆�锛変綋褰㈢殑鐗圭偣鏄笂韬槮銆佽噣閮ㄥぇ銆�</p>
-          <p>A.O鍨�</p>
-          <p>B.H鍨�</p>
-          <p>C.A鍨�</p>
-          <p>D.X鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.O鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.H鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.A鍨�</p>
+          <p><input
+              type="radio"
+              name="one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />D.X鍨�</p>
           <p>2.鍦嗚劯鍨嬬殑浜洪�夋嫨琛i鏃讹紝搴旈�夛紙銆�銆�锛夈��</p>
-          <p>A.鍦嗗舰</p>
-          <p>B.涓�瀛楀舰</p>
-          <p>C.姊舰</p>
-          <p>D.V鍨�</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />A.鍦嗗舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />B.涓�瀛楀舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />C.姊舰</p>
+          <p><input
+              type="radio"
+              name="two"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectOne.two.value"
+              @change="setBookQuestion"
+            />D.V鍨�</p>
           <p>3.鏈嶈鐨勶紙銆�銆�锛夌殑鏍峰紡锛屼笌鑴稿瀷鏈夌洿鎺ュ叧绯汇��</p>
-          <p>A.瑁ゅ瓙</p>
-          <p>B.琛。</p>
-          <p>C.棰嗗瓙</p>
-          <p>D.琚栧瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />A.瑁ゅ瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />B.琛。</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />C.棰嗗瓙</p>
+          <p><input
+              type="radio"
+              name="three"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="3"
+              v-model="questionData.projectOne.three.value"
+              @change="setBookQuestion"
+            />D.琚栧瓙</p>
           <p>4.绠�杩拌亴涓氬埗鏈嶇潃瑁呯殑瑕佹眰銆�</p>
+          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p><br /></p>
           <p><br /></p>
           <h3 id="c013">
@@ -784,7 +884,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">61</li>
+          <li class="p-Num">61</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -897,7 +997,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">63</li>
+          <li class="p-Num">63</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -987,7 +1087,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">65</li>
+          <li class="p-Num">65</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1116,7 +1216,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">67</li>
+          <li class="p-Num">67</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1157,7 +1257,7 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p>濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�</p>
+          <p class="td-0">濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�</p>
           <h5 id="e062">锛堜簩锛夐暱搴﹂�傚疁鐨勫師鍒�</h5>
           <h6 id="f012">1.鐢峰+</h6>
           <p>鍓嶅彂锛氱敺澹簲涓虹煭鍙戯紝鍓嶅彂瑕佹眰涓嶉伄鐩栭澶翠竴鍗婏紙瑙佸浘2-1-18锛夈��</p>
@@ -1230,13 +1330,13 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">69</li>
+          <li class="p-Num">69</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p>鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
+          <p class="td-0">鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
           <h5 id="e065">锛堜竴锛夊彂鍨嬪伐鍏�</h5>
           <p>
             灏栧熬姊筹細鍒悕鎸戞⒊銆佸垎閽堟⒊锛屼富瑕佺敤浜庣洏鍙戙�備竴杈规⒊锛屼竴杈圭敤灏栧熬椤烘鎶婂ご鍙戞寫璧凤紙瑙佸浘2-1-24锛夈��
@@ -1370,7 +1470,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">71</li>
+          <li class="p-Num">71</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1444,37 +1544,229 @@
         <div class="bodystyle">
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鑴搁儴鑹茶皟鍋忕孩锛屽彲鐢紙銆�銆�锛変慨楗般��</p>
-          <p>A.娣$传鑹�</p>
-          <p>B.娣$豢鑹�</p>
-          <p>C.绫宠壊</p>
+          <p><input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />A.娣$传鑹�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />B.娣$豢鑹�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />C.绫宠壊</p>
           <p>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p>
-          <p>A.骞虫秱娉�</p>
-          <p>B.鎸夊帇娉�</p>
-          <p>C.鐐规媿娉�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />A.骞虫秱娉�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />B.鎸夊帇娉�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />C.鐐规媿娉�</p>
           <p>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p>
-          <p>A.澶撮《涓や晶</p>
-          <p>B.澶撮《</p>
-          <p>C.闈㈠瀷涓や晶</p>
+          <p><input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />A.澶撮《涓や晶</p>
+          <p><input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />B.澶撮《</p>
+          <p><input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />C.闈㈠瀷涓や晶</p>
           <p>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p>
-          <p>A.涓嬫寕</p>
-          <p>B.鎷卞舰</p>
-          <p>C.骞崇洿</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />A.涓嬫寕</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />B.鎷卞舰</p>
+          <p><input
+              type="radio"
+              name="projectTwo.four"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />C.骞崇洿</p>
           <p>5.涓ょ溂闂磋窛绂昏繎锛岀溂褰辩殑淇グ閲嶇偣搴旀斁鍦紙銆�銆�锛夈��</p>
-          <p>A.鍐呯溂瑙�</p>
-          <p>B.鐪奸儴涓ぎ</p>
-          <p>C.澶栫溂瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />A.鍐呯溂瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />B.鐪奸儴涓ぎ</p>
+          <p><input
+              type="radio"
+              name="projectTwo.five"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="5"
+              v-model="questionData.projectTwo.five.value"
+              @change="setBookQuestion"
+            />C.澶栫溂瑙�</p>
           <p>6.涓夌偣涓�绾挎槸鎸囧皢锛堛��銆�锛夎繛鎴愪竴鏉$嚎銆�</p>
-          <p>A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
-          <p>B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
-          <p>C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.six"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="6"
+              v-model="questionData.projectTwo.six.value"
+              @change="setBookQuestion"
+            />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
           <p>7.涓哄姞寮虹溂閮ㄧ珛浣撴劅锛屽彲鍦ㄧ湁楠ㄦ姽涓婏紙銆�銆�锛夌溂褰便��</p>
-          <p>A.鏆楄壊</p>
-          <p>B.鏄庝寒鑹�</p>
-          <p>C.瑜愯壊</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />A.鏆楄壊</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />B.鏄庝寒鑹�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.seven"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="7"
+              v-model="questionData.projectTwo.seven.value"
+              @change="setBookQuestion"
+            />C.瑜愯壊</p>
           <p>8.涓庡攪鑶忕殑棰滆壊鐩告瘮锛屽攪绾跨瑪鐨勯鑹插簲锛堛��銆�锛夈��</p>
-          <p>A.鐣ユ繁涓�搴�</p>
-          <p>B.鐣ユ祬涓�搴�</p>
-          <p>C.鐩稿悓</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />A.鐣ユ繁涓�搴�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />B.鐣ユ祬涓�搴�</p>
+          <p><input
+              type="radio"
+              name="projectTwo.eight"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="8"
+              v-model="questionData.projectTwo.eight.value"
+              @change="setBookQuestion"
+            />C.鐩稿悓</p>
         </div>
       </div>
     </div>
@@ -1484,7 +1776,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">73</li>
+          <li class="p-Num">73</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1547,8 +1839,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1578,7 +1872,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">75</li>
+          <li class="p-Num">75</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1690,7 +1984,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">77</li>
+          <li class="p-Num">77</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1793,7 +2087,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">79</li>
+          <li class="p-Num">79</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1866,8 +2160,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4>
@@ -1909,7 +2205,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">81</li>
+          <li class="p-Num">81</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2000,7 +2296,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">83</li>
+          <li class="p-Num">83</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2096,7 +2392,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">85</li>
+          <li class="p-Num">85</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2208,7 +2504,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">87</li>
+          <li class="p-Num">87</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2228,10 +2524,42 @@
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.涓庡瀹㈡尌鎵嬩綔鍒悗锛屽簲锛堛��銆�锛夈��</p>
-          <p>A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
-          <p>B.绔嬮┈杞韩绂诲紑</p>
-          <p>C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
-          <p>D.鏀炬澗韬綋</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />B.绔嬮┈杞韩绂诲紑</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
+          <p><input
+              type="radio"
+              name="projectThree.one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectThree.one.value"
+              @change="setBookQuestion"
+            />D.鏀炬澗韬綋</p>
         </div>
       </div>
     </div>
@@ -2251,16 +2579,76 @@
           <p>
             2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈��
           </p>
-          <p>A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
-          <p>B.寰瑧鐐瑰ご绀烘剰</p>
-          <p>C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
-          <p>D.鎵撻�氱數璇濈ず鎰�</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />B.寰瑧鐐瑰ご绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
+          <p><input
+              type="radio"
+              name="projectThree.two"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="2"
+              v-model="questionData.projectThree.two.value"
+              @change="setBookQuestion"
+            />D.鎵撻�氱數璇濈ず鎰�</p>
           <p>3.闈㈣瘯鏃讹紝浠ラ灎韬ぜ闂ソ鐨勮韩浣撳集鏇插害鏁板簲涓猴紙銆�銆�锛夈��</p>
-          <p>A.15掳</p>
-          <p>B.30掳</p>
-          <p>C.45掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />A.15掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />B.30掳</p>
+          <p><input
+              type="radio"
+              name="projectThree.three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectThree.three.value"
+              @change="setBookQuestion"
+            />C.45掳</p>
           <p>4.绠�杩板墠鑵瑰紡绔欏Э鐨勮棰嗐��</p>
+          <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>5.绠�杩板叆搴т笌绂诲骇鐨勫熀鏈師鍒欍��</p>
+          <textarea v-model="questionData.projectThree.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -2291,201 +2679,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: {
@@ -2532,25 +2789,26 @@
   },
   async mounted() {
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter02-table"
+      "aviationEtiquette-book-chapter02-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
 
     const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter02-Data"
+      "aviationEtiquette-book-chapter02-Data"
     );
     if (choiceQuestion) {
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
     const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter002"
+      "aviationEtiquette-book-chapter002"
     );
     if (videoData) {
       this.chapter002 = JSON.parse(videoData);
     }
+    
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2579,7 +2837,7 @@
     },
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter02-table",
+        "aviationEtiquette-book-chapter02-question",
         JSON.stringify(this.questionData)
       );
     },

--
Gitblit v1.9.1