From 3fef7541a1d60f550573e4695205283eeffbb5c4 Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期四, 02 一月 2025 15:17:09 +0800 Subject: [PATCH] ceshi --- src/books/aviationEtiquette/view/components/chapter001.vue | 1467 +++++++++++++++++++++++++++++++--------------------------- 1 files changed, 792 insertions(+), 675 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue index d583805..31851c3 100644 --- a/src/books/aviationEtiquette/view/components/chapter001.vue +++ b/src/books/aviationEtiquette/view/components/chapter001.vue @@ -651,7 +651,7 @@ <p> <input type="radio" - name="ball2" + name="projectOne.one" :disabled="questionData.isComplete" value="A" id="1" @@ -662,7 +662,7 @@ <p> <input type="radio" - name="ball2" + name="projectOne.one" :disabled="questionData.isComplete" value="B" id="1" @@ -673,7 +673,7 @@ <p> <input type="radio" - name="ball2" + name="projectOne.one" :disabled="questionData.isComplete" value="C" id="1" @@ -684,7 +684,7 @@ <p> <input type="radio" - name="ball2" + name="projectOne.one" :disabled="questionData.isComplete" value="D" id="1" @@ -1771,7 +1771,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1" @@ -1782,7 +1782,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1" @@ -1793,7 +1793,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1" @@ -1804,7 +1804,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.one" :disabled="questionData.isComplete" value="D" id="1" @@ -1816,7 +1816,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2" @@ -1827,7 +1827,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2" @@ -1838,7 +1838,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2" @@ -1849,7 +1849,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.two" :disabled="questionData.isComplete" value="D" id="2" @@ -1863,7 +1863,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3" @@ -1874,7 +1874,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3" @@ -1885,7 +1885,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3" @@ -1896,7 +1896,7 @@ <p> <input type="radio" - name="ball2" + name="projectTwo.three" :disabled="questionData.isComplete" value="D" id="3" @@ -1923,7 +1923,7 @@ type="checkbox" name="ball2" :disabled="questionData.isComplete" - value="A" + value="B" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" @@ -1934,7 +1934,7 @@ type="checkbox" name="ball2" :disabled="questionData.isComplete" - value="A" + value="C" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" @@ -1945,7 +1945,7 @@ type="checkbox" name="ball2" :disabled="questionData.isComplete" - value="A" + value="D" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" @@ -2937,314 +2937,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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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 class="fl ml-35"> + <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> - <div class="c-r" v-if="evaluationOneResults">鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }}</div> </div> </div> </div> @@ -3265,9 +3275,71 @@ <p class="block"> 锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵 </p> + <div class="fl ml-35"> + <p> + <input + type="radio" + name="fourteen" + value="1" + :disabled="evaluation.isComplete" + v-model="evaluation.evaluationOneValue.fourteen" + @change="setEvaluation" + />鏄� + </p> + <p> + <input + type="radio" + name="fourteen" + value="0" + :disabled="evaluation.isComplete" + v-model="evaluation.evaluationOneValue.fourteen" + @change="setEvaluation" + />鍚� + </p> + </div> <p class="block"> 锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛� </p> + <div class="fl ml-35"> + <p> + <input + type="radio" + name="fifteen" + value="1" + :disabled="evaluation.isComplete" + v-model="evaluation.evaluationOneValue.fifteen" + @change="setEvaluation" + />鏄� + </p> + <p> + <input + type="radio" + name="fifteen" + value="0" + :disabled="evaluation.isComplete" + 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 ml-35" v-if="evaluationOneResults"> + 鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }} + </div> <h4 id="d034">浜屻�佽瀵熻兘鍔涚殑璁粌</h4> <p class="center"> <span class="cs1">瑙傚療鍔涜�冮獙鈥斺�斿浘鐗囦腑鍏辨湁鍑犱釜浜猴紵</span> @@ -3287,97 +3359,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> + <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> <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> + <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> <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> + <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> <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> + <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> </div> @@ -3399,278 +3479,297 @@ </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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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> + <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> <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"> + <div class="fl ml-35"> + <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> + </div> + + <!-- 鎻愪氦鎸夐挳 --> + <div class="w100 fl ju-cn"> <ul class="fl ju-ev w80 choice"> <li> <button class="btn-border btn-w" @click="goCheckTwo"> @@ -3682,9 +3781,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 ml-35" v-if="evaluationTwoResults != ''"> + 鎮ㄧ殑寰楀垎锛歿{ 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"> @@ -4056,17 +4173,17 @@ value: "", }, }, - }, - evaluation:{ + evaluation: { + showCheckAnswer: false, isComplete: false, evaluationOneValue: { - one:"", + one: "", two: "", three: "", four: "", five: "", - six:"", + six: "", seven: "", eight: "", nine: "", @@ -4074,15 +4191,17 @@ eleven: "", twelve: "", thirteen: "", + fourteen: "", + fifteen: "", }, //娴嬭瘎绛旀 - + evaluationTwoValue: { - one:"", + one: "", two: "", three: "", four: "", five: "", - six:"", + six: "", seven: "", eight: "", nine: "", @@ -4094,11 +4213,12 @@ fifteen: "", }, //娴嬭瘎绛旀 }, - evaluationOneResults: 0, //娴嬭瘎缁撴灉 - evaluationTwoResults: 0, //娴嬭瘎缁撴灉 + evaluationOneResults: "", //娴嬭瘎缁撴灉 + evaluationTwoResults: "", //娴嬭瘎缁撴灉 }; }, - + + async mounted() { const bookQuestion = localStorage.getItem( "aviationEtiquette-book-chapter01-question" @@ -4107,13 +4227,12 @@ this.questionData = JSON.parse(bookQuestion); } - const evaluationData = localStorage.getItem( - "aviationEtiquette-book-chapter01-evaluation" - ); - if (evaluationData) { - this.evaluation = JSON.parse(evaluationData); - } - + // const evaluationData = localStorage.getItem( + // "aviationEtiquette-book-chapter01-evaluation" + // ); + // if (evaluationData) { + // this.evaluation = JSON.parse(evaluationData); + // } const videoData = localStorage.getItem( "civilAviatyonSevervices-book-chapter001" @@ -4140,48 +4259,46 @@ }, //娴嬭瘯鎻愪氦 - setEvaluation(){ + setEvaluation() { localStorage.setItem( "aviationEtiquette-book-chapter01-evaluation", JSON.stringify(this.evaluation) ); }, - goCheckOne(){ - console.log(localStorage.getItem("aviationEtiquette-book-chapter01-evaluation"),"ceshi") - let obj = 0 + goCheckOne() { + let obj = 0; for (let key in this.evaluation.evaluationOneValue) { - if (this.evaluation.evaluationOneValue[key] == '1') { - obj = obj + 1 + if (this.evaluation.evaluationOneValue[key] == "1") { + obj = obj + 1; } } - if(obj){ - this.evaluationOneResults = obj + if (obj) { + this.evaluationOneResults = obj; } }, - changeCheckData(){ - this.evaluationOneResults = '' - this.evaluation.evaluationOneValue = {} + changeCheckData() { + this.evaluationOneResults = ""; + this.evaluation.evaluationOneValue = {}; localStorage.setItem( "aviationEtiquette-book-chapter01-evaluation", JSON.stringify(this.evaluation) ); }, - goCheckTwo(){ - let obj = 0 + goCheckTwo() { + let obj = 0; for (let key in this.evaluation.evaluationTwoValue) { - if (this.evaluation.evaluationTwoValue[key] == '0') { - obj = obj + 1 + if (this.evaluation.evaluationTwoValue[key] == "0") { + obj = obj + 1; } } - if(obj){ - this.evaluationTwoResults = 105 - obj * 7 - } + this.evaluationTwoResults = 105 - obj * 7; + this.evaluation.showCheckAnswer = true; }, - changeCheckTwo(){ - this.evaluationTwoResults = '' - this.evaluation.evaluationTwoValue = {} + changeCheckTwo() { + this.evaluationTwoResults = ""; + this.evaluation.evaluationTwoValue = {}; localStorage.setItem( "aviationEtiquette-book-chapter01-evaluation", JSON.stringify(this.evaluation) -- Gitblit v1.9.1