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