From 7d7449d6bd565e4e9d790c582648ddd2bff04cd6 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 02 一月 2025 17:06:08 +0800
Subject: [PATCH] 民航安全表格对齐

---
 src/books/aviationEtiquette/view/components/chapter001.vue |  615 ++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 463 insertions(+), 152 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index e7b1a88..7844a4b 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -47,10 +47,10 @@
             </div>
             <div class="bj3">
               <p>1.浠�涔堟槸鈥滈伩甯�濓紵</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" 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"
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -105,7 +105,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">3</li>
+          <li class="p-Num">3</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -207,7 +207,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">5</li>
+          <li class="p-Num">5</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -294,10 +294,10 @@
             </div>
             <div class="bj3">
               <p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" 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"
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -310,7 +310,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">7</li>
+          <li class="p-Num">7</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -383,7 +383,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">9</li>
+          <li class="p-Num">9</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -402,10 +402,10 @@
               <p>
                 1.鍦ㄦ棩甯哥敓娲诲拰瀛︿範涓紝濡備綍鐞嗚В绀间华鐨勮鑼冩�х壒寰侊紵璇蜂妇渚嬭鏄庛��
               </p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙c��</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -433,10 +433,10 @@
             </div>
             <div class="bj3">
               <p>1.瀹翠細涓讳汉涓轰粈涔堣鎶婂噣鎵嬬殑姘翠篃鍠濇帀鍛紵</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" 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"
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -492,7 +492,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">11</li>
+          <li class="p-Num">11</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -524,12 +524,12 @@
             </div>
             <div class="bj3">
               <p>1.瀵逛簬绀间华鐨勫師鍒欙紝浣犳槸濡備綍璁よ瘑鐨勶紵</p>
-              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" 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"
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -549,19 +549,19 @@
             1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠o紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
               v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
               v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙
           </p>
         </div>
@@ -594,37 +594,22 @@
               v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
               v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�
           </p>
           <p>3.涓嬮潰鏈夊叧鈥滀华鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</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="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>
             4.绀间华鍦ㄦ湰璐ㄤ笂鍏锋湁涓嶅悓鐨勭壒寰侊紝绀间华鐨勭壒寰佸寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�
           </p>
@@ -687,7 +672,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">13</li>
+          <li class="p-Num">13</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -731,13 +716,13 @@
             </div>
             <div class="bj3">
               <p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p>
-              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" 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"
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙f皯鑸湇鍔$殑鍚箟鏈変粈涔堝惎绀猴紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -797,7 +782,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">15</li>
+          <li class="p-Num">15</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -814,13 +799,13 @@
             </div>
             <div class="bj3">
               <p>1.杩欏悕涔樺姟鍛樼殑鍝簺琛屼负璁╃帇鍏堢敓鎰熷埌璐村績锛�</p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p>
-              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p>
-              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -905,7 +890,7 @@
             </div>
             <div class="bj3">
               <p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p>
-              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -918,7 +903,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">17</li>
+          <li class="p-Num">17</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1031,7 +1016,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">19</li>
+          <li class="p-Num">19</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1124,12 +1109,12 @@
             </div>
             <div class="bj3">
               <p>1.妗堜緥涓殑姹や箻鍔¢暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p>
-              <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.鏄粈涔堟牱鐨勫姩鍔涜姹や箻鍔¢暱鑳藉鍧氭寔韫插湪瀛╁瓙闈㈠墠鍗佸嚑鍒嗛挓鍋氬尰鐤楁晳娌诲憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1152,7 +1137,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">21</li>
+          <li class="p-Num">21</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1215,10 +1200,10 @@
               <p>
                 1.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐h瀹氫互澶栫殑鏈嶅姟锛�
               </p>
-              <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p>
-              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1263,7 +1248,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">23</li>
+          <li class="p-Num">23</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1329,10 +1314,10 @@
             </div>
             <div class="bj3">
               <p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p>
-              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p>
-              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1348,7 +1333,7 @@
             </div>
             <div class="bj3">
               <p>鎬庢牱鐞嗚В姘戣埅鏈嶅姟杩囩▼涓殑鐪煎埌銆佸彛鍒般�佸績鍒帮紵</p>
-              <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1369,7 +1354,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">25</li>
+          <li class="p-Num">25</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1380,55 +1365,55 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
               v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬�
           </p>
           <p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
               v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
           </p>
           <p>
             3.浠庢梾瀹㈢殑瑙掑害鐪嬶紝鏃呭鑺变笂姣斿潗姹借溅銆佺伀杞﹂珮璁稿鐨勯挶鍧愰鏈哄嚭琛岀殑鐩殑锛屼富瑕佸湪浜庯紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" 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"
+            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
               v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗��
           </p>
           <p>
@@ -1513,10 +1498,10 @@
             </div>
             <div class="bj3">
               <p>1.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p>
-              <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p>
-              <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1529,7 +1514,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">27</li>
+          <li class="p-Num">27</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1626,7 +1611,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">29</li>
+          <li class="p-Num">29</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1715,7 +1700,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">31</li>
+          <li class="p-Num">31</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1811,10 +1796,10 @@
             </div>
             <div class="bj3">
               <p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p>
-              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p>
-              <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1830,7 +1815,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">33</li>
+          <li class="p-Num">33</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1885,10 +1870,10 @@
             </div>
             <div class="bj3">
               <p>1.姝ゆ渚嬩綋鐜颁簡涔樺姟鍛樼殑浠�涔堢礌鍏昏兘鍔涳紵</p>
-              <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1919,7 +1904,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">35</li>
+          <li class="p-Num">35</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1941,10 +1926,10 @@
               <p>
                 1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵
               </p>
-              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p>
-              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -2020,7 +2005,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">37</li>
+          <li class="p-Num">37</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2045,10 +2030,10 @@
             </div>
             <div class="bj3">
               <p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p>
-              <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p>
-              <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -2115,7 +2100,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">39</li>
+          <li class="p-Num">39</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2135,12 +2120,12 @@
             </div>
             <div class="bj3">
               <p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p>
-              <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+              <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
                 class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -2155,8 +2140,8 @@
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氬窛鑸揣鎬ユ挙绂�</span>
-              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
-                " placement="top-start">
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
                 <img :src="collectResourceList.findIndex(
                   (item) => item.id == '4f0afd466e16bde40a447ff467452181'
                 ) > -1
@@ -2221,7 +2206,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">41</li>
+          <li class="p-Num">41</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2285,32 +2270,152 @@
           <p class="block">
             锛�1锛夊寙蹇欏湴琛岃蛋鍦ㄨ矾涓婏紝鍒汉鍚戜綘鎵撴嫑鍛尖�滀綘濂藉晩锛佲�濓紝浣犱細鍋滀笅鑴氭鍚屼粬鑱婅亰鍚楋紵
           </p>
+          <p>
+            <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�2锛変笌鏈嬪弸浜よ皥鏃讹紝浣犳槸鍚︽�绘槸浠ヨ嚜宸变负涓績锛�</p>
+          <p>
+            <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�3锛夎仛浼氫腑涓嶅埌浜轰汉鐤插�︼紝浣犱笉浼氬憡閫�銆�</p>
+          <p>
+            <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�4锛変笉绠″埆浜烘湁娌℃湁瑕佹眰锛屼綘閮戒細涓诲姩鎻愬嚭寤鸿锛屽憡璇変粬搴旇鎬庝箞鍘诲仛鍚楋紵
+          </p>
+          <p>
+            <input type="radio" name="four" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="four" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵
           </p>
+          <p>
+            <input type="radio" name="five" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="five" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p>
+          <p>
+            <input type="radio" name="six" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="six" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛�
           </p>
+          <p>
+            <input type="radio" name="seven" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="seven" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p>
+          <p>
+            <input type="radio" name="eight" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eight" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵
+          </p>
+          <p>
+            <input type="radio" name="nine" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="nine" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵
           </p>
+          <p>
+            <input type="radio" name="ten" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="ten" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p>
+          <p>
+            <input type="radio" name="eleven" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eleven" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵
+          </p>
+          <p>
+            <input type="radio" name="twelve" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="twelve" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛�
           </p>
+          <p>
+            <input type="radio" name="thirteen" value="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="thirteen" value="0" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鍚�
+          </p>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckOne">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckData" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r" v-if="evaluationOneResults">鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }}</div>
         </div>
       </div>
     </div>
@@ -2320,7 +2425,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">43</li>
+          <li class="p-Num">43</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2353,9 +2458,41 @@
           <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍊惧惉鑳藉姏娴嬭瘯</span></p>
           <p class="block">锛�1锛夋垜甯稿父璇曞浘鍚屾椂鍚嚑涓汉鐨勪氦璋堛��</p>
+          <p>
+            <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�2锛夊枩娆㈠埆浜哄彧缁欐垜鎻愪緵浜嬪疄锛屾垜鑷繁鍋氬嚭瑙i噴銆�</p>
+          <p>
+            <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�3锛夋湁鏃跺亣瑁呰嚜宸卞湪璁ょ湡鍚埆浜鸿璇濄��</p>
+          <p>
+            <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�4锛夎涓鸿嚜宸辨槸闈炶█璇矡閫氭柟闈㈢殑濂芥墜銆�</p>
+          <p>
+            <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鍚�
+          </p>
         </div>
       </div>
     </div>
@@ -2373,34 +2510,139 @@
         </ul>
         <div class="bodystyle">
           <p class="block">锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
+          <p>
+            <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆�
+          </p>
+          <p>
+            <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆�
           </p>
+          <p>
+            <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p>
+          <p>
+            <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆�
+          </p>
+          <p>
+            <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆�
           </p>
+          <p>
+            <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�11锛変负浜嗗紕娓呭鏂规墍璇寸殑瑙傜偣锛屾垜甯搁噰鍙栨彁闂殑鏂瑰紡锛岃�屼笉杩涜鐚滄祴銆�
           </p>
+          <p>
+            <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�12锛変负浜嗙悊瑙e鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p>
+          <p>
+            <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">
             锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广��
+          </p>
+          <p>
+            <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鍚�
           </p>
           <p class="block">
             锛�14锛夊綋鎴戝拰鍒汉鎰忚涓嶄竴鑷存椂锛屽ぇ澶氭暟浜鸿涓烘垜鐞嗚В浜嗕粬浠殑瑙傜偣鍜屾兂娉曘��
           </p>
+          <p>
+            <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">锛�15锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜涔熷湪璇勪环浠栬鐨勫唴瀹广��</p>
+          <p>
+            <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鏄�
+          </p>
+          <p>
+            <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isComplete"
+              v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鍚�
+          </p>
           <p class="block">娴嬭瘯缁撴灉锛�</p>
           <p class="block">
             棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆�
           </p>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckTwo">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckTwo" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r" v-if="evaluationTwoResults">鎮ㄧ殑寰楀垎锛歿{ evaluationTwoResults }}</div>
+
           <p class="td-0"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <span class="cs1">瀛︿細鍊惧惉鍜岃〃杈剧殑鎷撳睍娓告垙</span>
@@ -2435,7 +2677,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">45</li>
+          <li class="p-Num">45</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2507,45 +2749,25 @@
           <p>
             3.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝褰撻潰瀵圭獊鍙戞儏鍐垫椂搴旀矇鐫�鍐烽潤锛屽悓鏃朵篃璇ュ叿澶囧摢浜涘熀鏈礌鍏昏兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.蹇冪悊绱犺川</p>
-          <p><input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.鍧氬疄鐨勪笓涓氱煡璇�</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><input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />D.鍥㈤槦绮剧</p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.蹇冪悊绱犺川
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.鍧氬疄鐨勪笓涓氱煡璇�
+          </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>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.鍥㈤槦绮剧
+          </p>
           <p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p>
           <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -2580,6 +2802,7 @@
       },
       questionData: {
         isComplete: false,
+        //瀵荤ぜ涔嬮棶
         askAbout: {
           one: "",
           two: "",
@@ -2628,9 +2851,10 @@
           fortyFive: "",
           fortySix: "",
         },
+        //椤圭洰鑷祴
         projectOne: {
           one: {
-            value: [],
+            value: "",
           },
           two: {
             value: [],
@@ -2647,13 +2871,13 @@
         },
         projectTwo: {
           one: {
-            value: [],
+            value: "",
           },
           two: {
-            value: [],
+            value: "",
           },
           three: {
-            value: [],
+            value: "",
           },
           four: {
             value: [],
@@ -2679,9 +2903,49 @@
             value: "",
           },
         },
+
       },
+      evaluation: {
+        isComplete: false,
+        evaluationOneValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+        }, //娴嬭瘎绛旀
+
+        evaluationTwoValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+          fourteen: "",
+          fifteen: "",
+        }, //娴嬭瘎绛旀
+      },
+      evaluationOneResults: 0, //娴嬭瘎缁撴灉
+      evaluationTwoResults: 0, //娴嬭瘎缁撴灉
     };
   },
+
   async mounted() {
     const bookQuestion = localStorage.getItem(
       "aviationEtiquette-book-chapter01-question"
@@ -2689,16 +2953,14 @@
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
-    const choiceQuestion = localStorage.getItem(
-      "aviationEtiquette-book-chapter02-Data"
+
+    const evaluationData = localStorage.getItem(
+      "aviationEtiquette-book-chapter01-evaluation"
     );
-    if (choiceQuestion) {
-      this.chapterData = JSON.parse(choiceQuestion);
+    if (evaluationData) {
+      this.evaluation = JSON.parse(evaluationData);
     }
 
-    const choiceInputQuestion = localStorage.getItem(
-      "civilAviatyon-book-chapter001-choice"
-    );
 
     const videoData = localStorage.getItem(
       "civilAviatyonSevervices-book-chapter001"
@@ -2723,6 +2985,55 @@
         JSON.stringify(this.questionData)
       );
     },
+
+    //娴嬭瘯鎻愪氦
+    setEvaluation() {
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter01-evaluation",
+        JSON.stringify(this.evaluation)
+      );
+    },
+    goCheckOne() {
+      console.log(localStorage.getItem("aviationEtiquette-book-chapter01-evaluation"), "ceshi")
+      let obj = 0
+      for (let key in this.evaluation.evaluationOneValue) {
+        if (this.evaluation.evaluationOneValue[key] == '1') {
+          obj = obj + 1
+        }
+      }
+      if(obj){
+        this.evaluationOneResults = obj
+      }
+    },
+    changeCheckData(){
+      this.evaluationOneResults = ''
+      this.evaluation.evaluationOneValue = {}
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter01-evaluation",
+        JSON.stringify(this.evaluation)
+      );
+    },
+
+    goCheckTwo(){
+      let obj = 0
+      for (let key in this.evaluation.evaluationTwoValue) {
+        if (this.evaluation.evaluationTwoValue[key] == '0') {
+          obj = obj + 1
+        }
+      }
+      if(obj){
+        this.evaluationTwoResults = 105 - obj * 7
+      }
+    },
+
+    changeCheckTwo(){
+      this.evaluationTwoResults = ''
+      this.evaluation.evaluationTwoValue = {}
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter01-evaluation",
+        JSON.stringify(this.evaluation)
+      );
+    },
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
     },

--
Gitblit v1.9.1