From a31c8c9d7df2883b38871819239ec914c6e5ae0c Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 23 十二月 2024 11:55:58 +0800
Subject: [PATCH] 民航服务基本技能视频资源插入
---
src/books/civilAviation/view/components/chapter003.vue | 253 ++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 243 insertions(+), 10 deletions(-)
diff --git a/src/books/civilAviation/view/components/chapter003.vue b/src/books/civilAviation/view/components/chapter003.vue
index b38c03f..d5f31b2 100644
--- a/src/books/civilAviation/view/components/chapter003.vue
+++ b/src/books/civilAviation/view/components/chapter003.vue
@@ -301,6 +301,61 @@
<p class="p-even">
闄嶆按瀵归琛岀殑褰卞搷鏈夛細闄嶆按浣胯兘瑙佸害闄嶄綆锛岃繃鍐峰嵈闆ㄦ淮浼氶�犳垚椋炴満绉啺锛岄檷姘翠骇鐢熺殑纰庨洦浜戝奖鍝嶉鏈鸿捣椋炲拰鐫�闄嗭紝澶ч洦涓嬫柟瀹规槗鍑虹幇杈冨己鐨勪笅闄嶆皵娴侊紝澶ч洦鍜屾毚闆ㄨ兘閫犳垚鍙戝姩鏈哄仠杞︼紝澶ч洦鎭跺寲椋炴満鐨勭┖姘斿姩鍔涙�ц兘锛岄檷姘村奖鍝嶈窇閬撶殑浣跨敤绛夈��
</p>
+ <div class="bk">
+ <p><b>鑰冭瘉鎸囧崡锛氱┖娓湇鍔＄鐞嗗笀鑰冮</b></p>
+ <div v-for="(item, index) in singleChoice" :key="index">
+ <p class="block">{{ index + 1 }}.{{ item.txt }}</p>
+ <p class="block" v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :value="citem.zm" name="toobusy" :disabled="item.isComplete"
+ v-model="item.userAnswer" @change="saveInputChoice" />
+ {{ citem.txt }}
+ </p>
+ <p class="event-header-text-bc pd-5 fl jc-sa" style="margin-left: 8px; width: 93%"
+ v-if="showChoiceAnswer">
+ <span class="c-g"> 绛旀锛歿{ item.answer }} </span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </div>
+
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goChoiceJudge">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeChoiceData" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showChoiceAnswer = !showChoiceAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+ </div>
<div class="bj4">
<div class="img-float w115">
<div class="fl al-c">
@@ -439,16 +494,18 @@
</p>
<p class="block">绉戞瘮鎰忓绂讳笘鍚庯紝缇庡浗瀵硅繖璧蜂簨鏁呯殑鍘熷洜灞曞紑浜嗚皟鏌ャ��2020骞�2鏈堬紝绉戞瘮閬楀瓈鐡﹀Ξ鑾庢寮忓悜鐩村崌鏈哄叕鍙稿拰浣愬反鎵強鐩稿叧璐ｄ换浜烘彁鍑鸿瘔璁笺��</p>
<p class="block">
- 璇夌姸鍐呭鎸囧嚭锛屸�滅洿鍗囨満鍏徃绾靛椹鹃┒鍛樺湪澶ч浘銆佷綆浜戠殑鎭跺姡澶╂皵鏉′欢涓嬭捣椋炩�濄�傚悓鏃舵彁鍒帮紝鈥滈鏈洪┚椹跺憳鏇惧湪2015骞达紝灏卞洜杩濆弽瀹夊叏椋炶鏉′緥閬埌FAA锛堢編鍥借仈閭﹁埅绌虹鐞嗗眬锛夊缃氣�濄�傞櫎姝や箣澶栵紝鐡﹀Ξ鑾庡悜鐩村崌鏈哄叕鍙稿姹傜粡娴庢崯澶便�侀潪缁忔祹鎹熷け銆佽繜寤跺埄鎭�佹儵缃氭�ц禂鍋夸互鍙婂叾浠栬禂鍋裤��<a
- id="w1"></a><a href="chapter021.html#m1"><sup>[1]</sup></a></p>
+ 璇夌姸鍐呭鎸囧嚭锛屸�滅洿鍗囨満鍏徃绾靛椹鹃┒鍛樺湪澶ч浘銆佷綆浜戠殑鎭跺姡澶╂皵鏉′欢涓嬭捣椋炩�濄�傚悓鏃舵彁鍒帮紝鈥滈鏈洪┚椹跺憳鏇惧湪2015骞达紝灏卞洜杩濆弽瀹夊叏椋炶鏉′緥閬埌FAA锛堢編鍥借仈閭﹁埅绌虹鐞嗗眬锛夊缃氣�濄�傞櫎姝や箣澶栵紝鐡﹀Ξ鑾庡悜鐩村崌鏈哄叕鍙稿姹傜粡娴庢崯澶便�侀潪缁忔祹鎹熷け銆佽繜寤跺埄鎭�佹儵缃氭�ц禂鍋夸互鍙婂叾浠栬禂鍋裤��<sup>鈶�</sup>
+ </p>
</span>
</div>
- <div class="references">
- <hr class="w20" />
- <p class="note"><a id="m1"></a><a href="chapter021.html#w1">[1]</a>
- 銆婄姣斿潬鏈轰簨浠跺鏈洖椤惧巻鏃朵竴骞磋繕鍘熸偛鍓х湡鐩搞�嬶紝https锛�//www.chinanews.com.cn/ty/2021/02-10/9409380.shtml锛�2022-04-12銆�
- </p>
- </div>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <hr class="">
+ <p class="p-odd note td-0"><a id="m1">鈶�</a> 銆婄姣斿潬鏈轰簨浠跺鏈洖椤惧巻鏃朵竴骞磋繕鍘熸偛鍓х湡鐩搞�嬶紝<a
+ href="https://www.chinanews.com.cn/ty/2021/02-10/9409380.shtml"
+ target="_blank">https://www.chinanews.com.cn/ty/2021/02-10/9409380.shtml</a>锛�2022-04-12銆�</p>
</div>
</div>
</div>
@@ -874,6 +931,72 @@
<div class="bodystyle">
<p class="p-even td-0">绌洪鍩熷緱鍒颁簡骞挎硾搴旂敤锛屽鑸矾瀵艰埅銆佹満鍦哄満闈㈢洃鎺с�佺簿瀵嗚繘杩戠瓑銆�</p>
<p class="p-even">閫氳繃鏈」鐩殑瀛︿範锛屾垜浠厖鍒嗘剰璇嗗埌浜嗛鑸椋炴満椋炶鐨勯噸瑕佹�с�備綔涓烘湭鏉ョ殑姘戣埅鑱屽満浜猴紝鎴戜滑瑕佹爲绔嬫纭殑浜虹敓鐩爣锛屽苟涓轰箣鍔姏濂嬫枟锛屾渶缁堝疄鐜拌嚜宸辩殑浜虹敓浠峰�笺��</p>
+ <h2 id="b004" class="p-even"><img class="inline1" alt="" src="../../assets/images/tzyy.jpg" /></h2>
+ <p class="block p-even td-0">1.澶ф皵灞傜殑鏋勬垚鏈夊摢浜涳紵</p>
+ <textarea v-model="expandQuestion.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'one' }" @focus="handleFocus('one')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">2.褰卞搷椋炴満椋炶鐨勪富瑕佹皵璞″洜绱犳湁鍝簺锛�</p>
+ <textarea v-model="expandQuestion.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'two' }" @focus="handleFocus('two')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">3.浜戝椋炶鐨勫奖鍝嶄富瑕佹湁鍝簺锛�</p>
+ <textarea v-model="expandQuestion.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'three' }" @focus="handleFocus('three')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">4.闄嶆按瀵归琛岀殑褰卞搷涓昏鏈夊摢浜涳紵</p>
+ <textarea v-model="expandQuestion.reading.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'four' }" @focus="handleFocus('four')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">5.椋炴満绉啺鍙兘閫犳垚浠�涔堟牱鐨勫嵄瀹筹紵</p>
+ <textarea v-model="expandQuestion.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'five' }" @focus="handleFocus('five')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">6.浠�涔堟槸棰嗚埅锛熼鑸湪椋炶涓墍璧风殑浣滅敤鏄粈涔堬紵</p>
+ <textarea v-model="expandQuestion.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'six' }" @focus="handleFocus('six')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">7.浠�涔堟槸鑸悜绾匡紵浠�涔堟槸鑸悜锛�</p>
+ <textarea v-model="expandQuestion.reading.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'seven' }" @focus="handleFocus('seven')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">8.鍒椾妇浣犳墍鐭ラ亾鐨勯琛岄珮搴︾绫汇��</p>
+ <textarea v-model="expandQuestion.reading.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'eight' }" @focus="handleFocus('eight')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">9.绌洪�熷拰鍦伴�熸湁浣曞尯鍒紵</p>
+ <textarea v-model="expandQuestion.reading.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'nine' }" @focus="handleFocus('nine')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">10.鍦ㄦ湁渚ч鐨勬儏鍐典笅锛岄鏈烘満澶存瀵归瀹氬湴鐐归琛岋紝鑳藉惁椋炲埌棰勫畾鍦扮偣涓婄┖锛熷鏈夊亸鑸紝椋炴満灏嗗亸鍚戝摢涓柟鍚戯紵</p>
+ <textarea v-model="expandQuestion.reading.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'ten' }" @focus="handleFocus('ten')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">11.鐜颁唬涓昏瀵艰埅绯荤粺鏈夊摢浜涳紵</p>
+ <textarea v-model="expandQuestion.reading.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'eleven' }" @focus="handleFocus('eleven')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">12.GPS瀵艰埅绯荤粺鐨勫熀鏈師鐞嗘槸浠�涔堬紵</p>
+ <textarea v-model="expandQuestion.reading.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'twelve' }" @focus="handleFocus('twelve')"
+ @blur="handleBlur()"></textarea>
+ <p class="block p-even td-0">13.鍖楁枟鍗槦瀵艰埅绯荤粺鐢卞摢鍑犻儴鍒嗘瀯鎴愶紵</p>
+ <textarea v-model="expandQuestion.reading.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="textarea-box-left" @change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused == 'thirteen' }" @focus="handleFocus('thirteen')"
+ @blur="handleBlur()"></textarea>
</div>
</div>
</div>
@@ -888,6 +1011,107 @@
type: Array,
},
},
+ data() {
+ return {
+ isFocused: null,
+ showChoiceAnswer: false,
+ singleChoice: [
+ {
+ txt: "褰卞搷椋炴満璧烽檷鐨勭壒娈婂ぉ姘旀湁锛堛��銆�锛夈��",
+ isComplete: false,
+ isRight: null,
+ userAnswer: "",
+ answer: "D",
+ option: [
+ {
+ zm: "A",
+ txt: "A.鎭跺姡鐨勮兘瑙佸害"
+ },
+ {
+ zm: "B",
+ txt: "B.绉姸浜�"
+ },
+ {
+ zm: "C",
+ txt: "C.闄嶆按"
+ },
+ {
+ zm: "D",
+ txt: "D.浠ヤ笂鍧囨纭�"
+ },
+ ]
+ },
+ ],
+ expandQuestion: {
+ reading: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ },
+ }
+ }
+ },
+ mounted() {
+ const bookQuestion = localStorage.getItem("civilAviatyon-book-chapter03-expandQuestion");
+ if (bookQuestion) {
+ this.expandQuestion = JSON.parse(bookQuestion);
+ }
+
+ const singleChoice = localStorage.getItem("civilAviatyon-book-chapter03-singleChoice");
+ if (singleChoice) {
+ this.singleChoice = JSON.parse(singleChoice);
+ }
+ },
+ methods: {
+ handleFocus(id) {
+ this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
+ },
+ handleBlur() {
+ this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
+ },
+ setBookQuestion() {
+ localStorage.setItem(
+ "civilAviatyon-book-chapter03-expandQuestion",
+ JSON.stringify(this.expandQuestion)
+ );
+ },
+ goChoiceJudge() {
+ this.singleChoice.forEach(item => {
+ item.isComplete = true;
+ if (item.userAnswer == item.answer) {
+ item.isRight = true;
+ } else {
+ item.isRight = false;
+ }
+ });
+ this.showChoiceAnswer = true
+ },
+ changeChoiceData() {
+ localStorage.removeItem("civilAviatyon-book-chapter03-singleChoice")
+ this.singleChoice.forEach(item => {
+ item.isComplete = false;
+ item.isRight = null;
+ item.userAnswer = "";
+ });
+ this.showChoiceAnswer = false
+ },
+ saveInputChoice() {
+ localStorage.setItem(
+ "civilAviatyon-book-chapter03-singleChoice",
+ JSON.stringify(this.singleChoice)
+ );
+ }
+ }
};
</script>
@@ -905,12 +1129,21 @@
margin: 0 !important;
font-size: 16px !important;
position: absolute !important;
- left: 40% !important;
- bottom: -2% !important;
+ left: 50% !important;
+ transform: translateX(-50%);
}
img {
height: 80%;
}
}
+
+hr {
+ margin-left: 0;
+ margin-bottom: 4px;
+ width: 15.5%;
+ border: none;
+ height: 2px;
+ background-color: #000;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1