From b981a3f6af44e03a276ff431a65022ee4f4802b9 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期二, 07 一月 2025 16:05:52 +0800
Subject: [PATCH] bug

---
 src/books/aviationEtiquette/view/components/chapter001.vue | 1459 ++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 1,062 insertions(+), 397 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 7844a4b..33d943b 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -45,12 +45,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浠�涔堟槸鈥滈伩甯�濓紵</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.鏇惧瓙涓轰綍瑕佲�滈伩甯�濓紵</p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -161,11 +161,11 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍛ㄥ叕鍜屽瓟瀛愬绀间华鐨勫彂灞曡捣鍒颁簡閲嶈浣滅敤锛岃澶у灏藉彲鑳藉鍦版悳闆嗘湁鍏冲懆鍏拰瀛斿瓙鐨勭ぜ浠皬鏁呬簨锛屽苟鎸戦�変綘浣撲細鏈�娣辩殑涓�涓拰鍚屽浠垎浜紝鍛婅瘔澶у浠庝粬浠殑鏁呬簨涓綘瀛﹀埌浜嗕粈涔堬紝鏈変粈涔堟劅鎮熴��
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -179,12 +179,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>浣犳墍鐭ラ亾鐨勭ぜ鑺備腑锛屽摢涓�浜涙槸浠庤タ鏂瑰浗瀹朵紶鍏ユ垜鍥界殑锛�</p>
               <p>
                 闅忕潃淇℃伅鎶�鏈潻鍛界殑涓嶆柇鍙戝睍锛屽湪缁忔祹鍏ㄧ悆鍖栫殑鎺ㄥ姩涓嬶紝涓栫晫鍚勫浗涔嬮棿銆佷笉鍚屾皯鏃忎箣闂淬�佷笉鍚屽湴鍩熶箣闂寸殑浜ゅ線涓庢矡閫氭棩鐩婇绻佸拰瀵嗗垏锛屼竴浜涘叡鍚岀殑绀间华灏嗚浣滀负鍥介檯鍏鐨勮涓鸿鑼冭�屾櫘閬嶉噰鐢紝浠庤�岃繘涓�姝ュ奖鍝嶇ぜ浠枃鍖栫殑鍙戝睍锛屽苟鏈�缁堝舰鎴愭柊鐨勭ぜ浠鑼冦��
               </p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -292,12 +292,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.缁撳悎浣犵殑鐢熸椿缁忓巻锛岃涓�浠朵綘璁や负鑳戒紶杈捐绀笺�佹噦绀肩殑浜嬫儏銆�</p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -398,14 +398,14 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.鍦ㄦ棩甯哥敓娲诲拰瀛︿範涓紝濡備綍鐞嗚В绀间华鐨勮鑼冩�х壒寰侊紵璇蜂妇渚嬭鏄庛��
               </p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙c��</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -431,12 +431,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.瀹翠細涓讳汉涓轰粈涔堣鎶婂噣鎵嬬殑姘翠篃鍠濇帀鍛紵</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.杩欎釜绀间华灏忔晠浜嬪浣犳湁浠�涔堟牱鐨勫惎绀猴紵</p>
-              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -522,14 +522,14 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.瀵逛簬绀间华鐨勫師鍒欙紝浣犳槸濡備綍璁よ瘑鐨勶紵</p>
-              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>
                 2.浣滀负姘戣埅涓撲笟鐨勫鐢燂紝浣犺涓烘皯鑸粠涓氫汉鍛樺簲褰撳叿澶囧摢浜涚ぜ浠礌璐紵
               </p>
-              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -549,20 +549,48 @@
             1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠o紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
-              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.瀛熷瓙
+            <input
+              type="radio"
+              name="projectOne.one"
+              :disabled="questionData.isComplete"
+              value="A"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />A.瀛熷瓙
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
-              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑰佸瓙
+            <input
+              type="radio"
+              name="projectOne.one"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />B.鑰佸瓙
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
-              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕
+            <input
+              type="radio"
+              name="projectOne.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />C.鍛ㄥ叕
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
-              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙
+            <input
+              type="radio"
+              name="projectOne.one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectOne.one.value"
+              @change="setBookQuestion"
+            />D.瀛斿瓙
           </p>
         </div>
       </div>
@@ -714,15 +742,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p>
-              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.姝ゆ渚嬭鏄庝簡姘戣埅鏈嶅姟浠庝笟浜哄憳闇�瑕佸叿澶囦粈涔堟牱鐨勭礌璐紵</p>
-              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙f皯鑸湇鍔$殑鍚箟鏈変粈涔堝惎绀猴紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -797,15 +825,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.杩欏悕涔樺姟鍛樼殑鍝簺琛屼负璁╃帇鍏堢敓鎰熷埌璐村績锛�</p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p>
-              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -888,9 +916,9 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p>
-              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -931,11 +959,11 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 璇峰ぇ瀹惰璁轰竴涓嬶細浠�涔堟墠鏄彁鍗囨湇鍔℃弧鎰忓害鐨勬硶瀹濆憿锛熸皯鑸湇鍔″嚭鐜拌川閲忛棶棰樼殑鍘熷洜绌剁珶鏄粈涔堬紵
               </p>
-              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -951,10 +979,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鍦ㄥ伐浣滀腑鍏锋湁杈冨己鐨勮嚜鎴戞剰璇嗕綋鐜板湪鍝噷锛熶細甯︽潵浠�涔堝奖鍝嶅憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -996,12 +1024,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 缇婄兢鑳藉湪瀵掑喎鐨勫啲澶╅『鍒╃敓瀛樼殑鍘熷洜鏄粈涔堬紵缁撳悎鐢熸椿瀹為檯锛岃皥璋堜綘瀵瑰嵄鏈烘剰璇嗙殑鐞嗚В銆�
               </p>
               <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1031,10 +1059,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>姘戣埅浼佷笟鍦ㄥ彂灞曚腑闈复鐫�鍝簺绔炰簤涓庡嵄鏈猴紵</p>
               <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e011">锛堝洓锛夊煿璁彁鍗囨湁寰呭姞寮�</h5>
@@ -1048,12 +1076,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 缁撳悎姘戣埅涓氱殑鍙戝睍鐜扮姸锛屼綘璁や负姘戣埅涓氬簲璇ヤ晶閲嶅煿璁憳宸ュ摢浜涙柟闈紵
               </p>
               <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1107,15 +1135,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.妗堜緥涓殑姹や箻鍔¢暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.鏄粈涔堟牱鐨勫姩鍔涜姹や箻鍔¢暱鑳藉鍧氭寔韫插湪瀛╁瓙闈㈠墠鍗佸嚑鍒嗛挓鍋氬尰鐤楁晳娌诲憿锛�
               </p>
               <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d023">浜屻�佸姘戣埅鏈嶅姟鎰忚瘑鐨勮姹�</h4>
@@ -1196,15 +1224,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐h瀹氫互澶栫殑鏈嶅姟锛�
               </p>
               <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p>
               <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1231,12 +1259,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍦ㄦ皯鑸湇鍔′腑锛屽浣曟墠鑳戒骇鐢熲�滄湡寰呮晥搴斺�濓紵浣犲彲浠ヤ粠鍝簺鏂归潰鍩瑰吇鑷繁鐨勮亴涓氭剰璇嗗憿锛�
               </p>
               <textarea v-model="questionData.askAbout.twentyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1312,13 +1340,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p>
-              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p>
               <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1331,10 +1359,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鎬庢牱鐞嗚В姘戣埅鏈嶅姟杩囩▼涓殑鐪煎埌銆佸彛鍒般�佸績鍒帮紵</p>
               <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -1365,56 +1393,140 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
-              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.缁忔祹鎬�
+            <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="ball2" :disabled="questionData.isComplete" value="B" id="1"
-              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鍔熻兘鎬�
+            <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="ball2" :disabled="questionData.isComplete" value="C" id="1"
-              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鏂囨槑鎬�
+            <input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />C.鏂囨槑鎬�
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
-              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬�
+            <input
+              type="radio"
+              name="projectTwo.one"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="1"
+              v-model="questionData.projectTwo.one.value"
+              @change="setBookQuestion"
+            />D.闅忔満鎬�
           </p>
           <p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
-              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑
+            <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="ball2" :disabled="questionData.isComplete" value="B" id="2"
-              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�
+            <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="ball2" :disabled="questionData.isComplete" value="C" id="2"
-              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�
+            <input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
-              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
+            <input
+              type="radio"
+              name="projectTwo.two"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="2"
+              v-model="questionData.projectTwo.two.value"
+              @change="setBookQuestion"
+            />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
           </p>
           <p>
             3.浠庢梾瀹㈢殑瑙掑害鐪嬶紝鏃呭鑺变笂姣斿潗姹借溅銆佺伀杞﹂珮璁稿鐨勯挶鍧愰鏈哄嚭琛岀殑鐩殑锛屼富瑕佸湪浜庯紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
-              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.瀹夊叏
+            <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="ball2" :disabled="questionData.isComplete" value="B" id="3"
-              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.蹇嵎鐪佹椂
+            <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="ball2" :disabled="questionData.isComplete" value="C" id="3"
-              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
+            <input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
           </p>
           <p>
-            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
-              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗��
+            <input
+              type="radio"
+              name="projectTwo.three"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="3"
+              v-model="questionData.projectTwo.three.value"
+              @change="setBookQuestion"
+            />D.鑸掗��
           </p>
           <p>
             4.鏈嶅姟鎰忚瘑涔熸槸鈥滃埄浠栤�濈殑鎰忚瘑锛屾彁楂樻湇鍔℃剰璇嗗彲浠ヤ粠鎻愰珮鈥滃埄浠栤�濇剰璇嗗叆鎵嬨�傚叿浣撲綋鐜板湪浠ヤ笅鍑犱釜鏂归潰锛燂紙銆�銆�锛夛紙澶氶�夐锛�
@@ -1424,16 +1536,37 @@
               v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
-              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="B"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
-              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="C"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
           </p>
           <p>
-            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
-              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
+            <input
+              type="checkbox"
+              name="ball2"
+              :disabled="questionData.isComplete"
+              value="D"
+              id="4"
+              v-model="questionData.projectTwo.four.value"
+              @change="setBookQuestion"
+            />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
           </p>
           <p>5.璇风畝瑕佽鍑烘皯鑸湇鍔$殑琛屼笟鐗瑰緛銆�</p>
           <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
@@ -1496,13 +1629,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p>
               <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p>
               <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1745,10 +1878,10 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>浣滀负涓�鍚嶆皯鑸湇鍔′汉鍛橈紝搴旇鍏峰鍝簺绱犲吇鑳藉姏鍛紵</p>
               <textarea v-model="questionData.askAbout.thirtyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1794,13 +1927,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p>
               <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p>
               <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1868,13 +2001,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.姝ゆ渚嬩綋鐜颁簡涔樺姟鍛樼殑浠�涔堢礌鍏昏兘鍔涳紵</p>
               <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p>
               <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1922,14 +2055,14 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵
               </p>
-              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
               <p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p>
-              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -1977,11 +2110,11 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鎮ㄤ粠姝や簨渚嬩腑鐪嬪埌灏忓惔鐨勪粈涔堣亴涓氱礌鍏昏兘鍔涳紵缁欐偍甯︽潵浜嗕粈涔堝惎鍙戯紵
               </p>
-              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -2028,13 +2161,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p>
               <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p>
               <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2118,14 +2251,14 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p>
               <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
                 @change="setBookQuestion"></textarea>
             </div>
           </div>
@@ -2270,152 +2403,324 @@
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="one"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="one"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="two"
+                value="1"
+                id="2"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="two"
+                value="0"
+                id="2"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="three"
+                value="1"
+                id="3"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="three"
+                value="0"
+                id="3"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="four"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="four"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="five"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="five"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="six"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="six"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="seven"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="seven"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eight"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eight"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="nine"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="nine"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="ten"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="ten"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eleven"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eleven"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="twelve"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="twelve"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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 class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="thirteen"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="thirteen"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+        </div>
         </div>
       </div>
     </div>
@@ -2436,9 +2741,71 @@
           <p class="block">
             锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵
           </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="fourteen"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="fourteen"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <p class="block">
             锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛�
           </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="fifteen"
+                value="1"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="fifteen"
+                value="0"
+                :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <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 block" v-if="evaluationOneResults || evaluationOneResults === 0">
+            鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }}
+          </div>
           <h4 id="d034">浜屻�佽瀵熻兘鍔涚殑璁粌</h4>
           <p class="center">
             <span class="cs1">瑙傚療鍔涜�冮獙鈥斺�斿浘鐗囦腑鍏辨湁鍑犱釜浜猴紵</span>
@@ -2458,41 +2825,105 @@
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eOne"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eOne"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eTwo"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eTwo"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eThree"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eThree"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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 class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eFour"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eFour"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -2510,122 +2941,295 @@
         </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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eFive"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eFive"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eSix"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eSix"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eSeven"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eSeven"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eEight"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eEight"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eNine"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eNine"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eTen"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eTen"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eEleven"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eEleven"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eTwelve"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eTwelve"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eThirteen"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eThirteen"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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>
+          <div class="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eFourteen"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eFourteen"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
           <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="fl ml-35">
+            <p class="block">
+              <input
+                type="radio"
+                name="eFifteen"
+                value="0"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen"
+                @change="setEvaluation"
+              />鏄�
+            </p>
+            <p class="block">
+              <input
+                type="radio"
+                name="eFifteen"
+                value="1"
+                id="1"
+                :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen"
+                @change="setEvaluation"
+              />鍚�
+            </p>
+          </div>
+
           <!-- 鎻愪氦鎸夐挳 -->
           <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
@@ -2639,9 +3243,27 @@
                   閲嶅仛
                 </button>
               </li>
+              <li>
+                <button
+                  @click="
+                    evaluation.showCheckAnswer = !evaluation.showCheckAnswer
+                  "
+                  class="parimary-btn"
+                >
+                  璇勫垎鏍囧噯
+                </button>
+              </li>
             </ul>
           </div>
-          <div class="c-r" v-if="evaluationTwoResults">鎮ㄧ殑寰楀垎锛歿{ evaluationTwoResults }}</div>
+          <div class="c-r block" v-if="evaluationTwoResults || evaluationTwoResults === 0">
+            鎮ㄧ殑寰楀垎锛歿{ evaluationTwoResults }}
+          </div>
+          <div v-show="evaluation.showCheckAnswer" class="mb-30">
+            <p class="block">娴嬭瘯缁撴灉锛�</p>
+            <p class="block">
+              棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆�
+            </p>
+          </div>
 
           <p class="td-0"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
@@ -2903,10 +3525,11 @@
             value: "",
           },
         },
-
       },
       evaluation: {
-        isComplete: false,
+        showCheckAnswer: false,
+        isCompleteOne: false,
+        isCompleteTwo: false,
         evaluationOneValue: {
           one: "",
           two: "",
@@ -2921,6 +3544,8 @@
           eleven: "",
           twelve: "",
           thirteen: "",
+          fourteen: "",
+          fifteen: "",
         }, //娴嬭瘎绛旀
 
         evaluationTwoValue: {
@@ -2940,13 +3565,16 @@
           fourteen: "",
           fifteen: "",
         }, //娴嬭瘎绛旀
+        
       },
-      evaluationOneResults: 0, //娴嬭瘎缁撴灉
-      evaluationTwoResults: 0, //娴嬭瘎缁撴灉
+      evaluationOneResults: "", //娴嬭瘎缁撴灉
+      evaluationTwoResults: "", //娴嬭瘎缁撴灉
+      
     };
   },
 
   async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
     const bookQuestion = localStorage.getItem(
       "aviationEtiquette-book-chapter01-question"
     );
@@ -2954,20 +3582,29 @@
       this.questionData = JSON.parse(bookQuestion);
     }
 
+    //娴嬭瘯
+    console.log(this.evaluation)
     const evaluationData = localStorage.getItem(
-      "aviationEtiquette-book-chapter01-evaluation"
+      "aviationEtiquette-book-evaluation-chapter001"
     );
     if (evaluationData) {
       this.evaluation = JSON.parse(evaluationData);
     }
 
-
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter001"
+    const evaluationOneData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-one"
     );
-    if (videoData) {
-      this.chapter001 = JSON.parse(videoData);
+    if (evaluationOneData) {
+      this.evaluationOneResults = evaluationOneData;
     }
+
+    const evaluationTwoData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-two"
+    );
+    if (evaluationTwoData) {
+      this.evaluationTwoResults = evaluationTwoData;
+    }
+   
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2988,52 +3625,80 @@
 
     //娴嬭瘯鎻愪氦
     setEvaluation() {
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-evaluation",
-        JSON.stringify(this.evaluation)
-      );
+      // localStorage.setItem(
+      //   "aviationEtiquette-book-chapter01-evaluation",
+      //   JSON.stringify(this.evaluation)
+      // );
     },
     goCheckOne() {
-      console.log(localStorage.getItem("aviationEtiquette-book-chapter01-evaluation"), "ceshi")
-      let obj = 0
+      let obj = 0;
+      let index = 0;
       for (let key in this.evaluation.evaluationOneValue) {
-        if (this.evaluation.evaluationOneValue[key] == '1') {
-          obj = obj + 1
+        if(this.evaluation.evaluationOneValue[key] === ""){
+          index ++ 
+        }
+        if (this.evaluation.evaluationOneValue[key] === "1") {
+          obj = obj + 1;
+        } else{
+          obj = obj + 0;
         }
       }
-      if(obj){
-        this.evaluationOneResults = obj
+      if(index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
+        this.$message({
+              message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+              type: "warning"
+            });
+            return;
+      }else{
+        this.evaluationOneResults = obj;
+        this.evaluation.isCompleteOne = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-one",this.evaluationOneResults);
       }
+      
     },
-    changeCheckData(){
-      this.evaluationOneResults = ''
-      this.evaluation.evaluationOneValue = {}
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-evaluation",
-        JSON.stringify(this.evaluation)
-      );
+    changeCheckData() {
+      this.evaluationOneResults = '';
+      this.evaluation.evaluationOneValue = {};
+      this.evaluation.isCompleteOne = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-one");
     },
 
-    goCheckTwo(){
-      let obj = 0
+    goCheckTwo() {
+      let obj = 0;
+      let index = 0;
       for (let key in this.evaluation.evaluationTwoValue) {
-        if (this.evaluation.evaluationTwoValue[key] == '0') {
-          obj = obj + 1
+        if(this.evaluation.evaluationTwoValue[key] === ""){
+          index ++ 
+        }
+        if (this.evaluation.evaluationTwoValue[key] == "0") {
+          obj = obj + 1;
         }
       }
-      if(obj){
-        this.evaluationTwoResults = 105 - obj * 7
+      if(index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
+        this.$message({
+              message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+              type: "warning"
+            });
+            return;
+      }else{
+        this.evaluationTwoResults = 105 - obj * 7;
+        this.evaluation.showCheckAnswer = true;
+        this.evaluation.isCompleteTwo = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-two",this.evaluationOneResults);
       }
     },
 
-    changeCheckTwo(){
-      this.evaluationTwoResults = ''
-      this.evaluation.evaluationTwoValue = {}
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-evaluation",
-        JSON.stringify(this.evaluation)
-      );
+    changeCheckTwo() {
+      this.evaluationTwoResults = "";
+      this.evaluation.evaluationTwoValue = {};
+      this.evaluation.isCompleteTwo = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-two");
     },
+
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
     },

--
Gitblit v1.9.1