民航概论全本制作(除去模型)

zhongshujie

2024-11-06 eb811d2d0bb0e5df82b188e5ebb4c204f5a658a9

 src/books/civilAviation/view/components/chapter003.vue

@@ -301,6 +301,64 @@
                    <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 +497,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>&nbsp;《科比坠机事件始末回顾历时一年还原悲剧真相》，<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 +934,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 +1014,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; // 当textarea聚焦时，设置为true  
        },
        handleBlur() {
            this.isFocused = null; // 当textarea失去焦点时，设置为false  
        },
        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>