From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/civilAviation/view/components/chapter004.vue |   90 +++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 82 insertions(+), 8 deletions(-)

diff --git a/src/books/civilAviation/view/components/chapter004.vue b/src/books/civilAviation/view/components/chapter004.vue
index cbdc700..2c802b0 100644
--- a/src/books/civilAviation/view/components/chapter004.vue
+++ b/src/books/civilAviation/view/components/chapter004.vue
@@ -244,9 +244,7 @@
                         姘村钩闂撮殧鍖呮嫭妯悜闂撮殧鍜岀旱鍚戦棿闅斻�傛í鍚戦棿闅旀寚鐨勬槸鑸┖鍣ㄤ晶鏂圭殑鏈�灏忛棿闅旇窛绂汇�傜旱鍚戦棿闅旀槸鎸囦娇鐢ㄥ悓涓�鑸亾鍜屽湪鏈哄満璧烽涓庤繘杩戞椂鐨勯棿闅旇瀹氾紝鐢变簬鑸┖鍣ㄧ殑椋炶閫熷害涓嶅悓锛屽洜鑰岀旱鍚戦棿闅旇鍜岄琛岄�熷害銆佽埅绌哄櫒閫氳繃鏌愪竴鍦扮偣鐨勫厛鍚庤仈绯昏捣鏉ャ�傜旱鍚戦棿闅斿彲浠ョ敤鏃堕棿鏉ラ棿闅旓紝涔熷彲浠ョ敤璺濈鏉ラ棿闅斻��
                     </p>
                     <p class="p-even">鐢ㄦ椂闂存潵闂撮殧瑕佹秹鍙婅埅绌哄櫒瓒婅繃鎶ュ憡鐐圭殑浣嶇疆鐨勫噯纭�с�佹姤鍛婁綅缃殑娆℃暟鍜岄棿闅斻�佹椂閽熺殑鍑嗙‘鎬х瓑銆傚鏋滈鏈轰娇鐢ㄦ祴璺濅华瀹氫綅锛屽氨鍙互浣跨敤璺濈闂撮殧锛屽悓涓�鑸抗涓婇鏈洪棿闅斾负20n
-                        mile
-                        <a id="w1"></a><a
-                            href="chapter027.html#m1"><sup>鈶�</sup></a>銆傚鏋滃墠闈㈤鏈虹殑閫熷害姣斿悗闈㈤鏈虹殑閫熷害蹇�40km/h浠ヤ笂锛岄棿闅斿彲涓嬮檷涓�10n mile銆�
+                        mile<sup>鈶�</sup>銆傚鏋滃墠闈㈤鏈虹殑閫熷害姣斿悗闈㈤鏈虹殑閫熷害蹇�40km/h浠ヤ笂锛岄棿闅斿彲涓嬮檷涓�10n mile銆�
                     </p>
                     <p class="p-even">浠ヤ笂鎴戜滑浠呬粎鍒楀嚭浜嗗浗闄呮皯鑸粍缁囧闂撮殧鏍囧噯鐨勯儴鍒嗘帹鑽愯瀹氥�傚湪鎴戝浗锛屾牴鎹┖鍩熺殑涓嶅悓锛屾満鍦鸿澶囨潯浠躲�佽埅璺儏鍐电殑涓嶅悓锛屽涓嶅悓鎯呭喌鐨勯棿闅旀爣鍑嗘湁鐫�璇﹀敖鑰屼弗鏍肩殑瑙勫畾銆�</p>
                     <h4 id="d059" class="p-even unit4-c">鍥涖�侀琛岃鍒�</h4>
@@ -259,6 +257,9 @@
                     <h5 id="e070" class="p-even unit4-c">锛堜竴锛夐�氱敤椋炶瑙勫垯</h5>
                     <p class="p-even">閫氱敤椋炶瑙勫垯涓昏鍖呮嫭浠ヤ笅浜斾釜鏂归潰銆�</p>
                     <p class="p-even">绗竴锛屼繚鎶や汉韬拰璐㈢墿鐨勫畨鍏ㄣ�傞鏈洪櫎鐗规畩鍏佽鎴栫揣鎬ユ儏鍐典笅锛屼笉寰�</p>
+                    <hr class="ma-l">
+                    <p class="p-even note td-0"><a id="m1">鈶�</a>&nbsp;1n mile=1852m銆�</p>
+
                 </div>
             </div>
         </div>
@@ -338,11 +339,19 @@
                     <li class="headerNumber">171</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="img">琛�4-1 鏁板瓧鐨勬爣鍑嗚娉�<a id="w2"></a><a href="chapter027.html#m2"><sup>[2]</sup></a></p>
+                    <p class="img">琛�4-1 鏁板瓧鐨勬爣鍑嗚娉�<sup>鈶�</sup></p>
                     <p class="center "><img class="img-0" alt="" src="../../assets/images/0183-1.jpg" /></p>
-                    <p class="img">琛�4-2 鏍囧噯瀛楁瘝鐨勫彂闊�<a id="w3"></a><a href="chapter027.html#m3"><sup>[3]</sup></a></p>
+                    <p class="img">琛�4-2 鏍囧噯瀛楁瘝鐨勫彂闊�<sup>鈶�</sup></p>
                     <p class="center"><img class="img-0" alt="" src="../../assets/images/0183-2.jpg" /></p>
-
+                    <hr class="">
+                    <p class="p-odd note td-0"><a id="m1">鈶�</a>&nbsp;涓浗姘戠敤鑸┖鎬诲眬锛氥�婄┖涓氦閫氭棤绾跨數閫氳瘽鐢ㄨ銆嬶紝<a
+                            href="http://www.caac.gov.cn/XXGK/XXGK/BZGF/HYBZ/201511/P020170804579259214829.pdf"
+                            target="_blank">http://www.caac.gov.cn/XXGK/XXGK/BZGF/HYBZ/201511/P020170804579259214829.pdf</a>锛�2023-05-30銆�
+                    </p>
+                    <p class="p-odd note td-0"><a id="m1">鈶�</a>&nbsp;涓浗姘戠敤鑸┖鎬诲眬锛氥�婄┖涓氦閫氭棤绾跨數閫氳瘽鐢ㄨ銆嬶紝<a
+                            href="http://www.caac.gov.cn/XXGK/XXGK/BZGF/HYBZ/201511/P020170804579259214829.pdf"
+                            target="_blank">http://www.caac.gov.cn/XXGK/XXGK/BZGF/HYBZ/201511/P020170804579259214829.pdf</a>锛�2023-05-30銆�
+                    </p>
                 </div>
             </div>
         </div>
@@ -355,8 +364,30 @@
                 </ul>
                 <div class="bodystyle">
                     <p class="p-even">鍏朵粬璇稿楂樺害銆侀�熷害銆佹椂闂淬�侀鍚戙�侀閫熴�佽埅鍚戙�佽窇閬撳悕绉颁互鍙婁竴浜涢噸瑕佺殑璇嶅彞鐢ㄨ锛岄兘鏈夋槑纭殑瑙勫畾銆�</p>
-                    <p class="p-even">鑸┖杩愯鎺у埗鐨勫叏杩囩▼閮芥槸涓ヨ皑缁嗚嚧鐨勶紝杩欎竴鐐逛粠绌轰腑浜ら�氱鐞嗙殑鐩稿叧瑙勫畾涓彲瑙佷竴鏂戙�備綔涓轰竴鍚嶅噯姘戣埅浜猴紝鎴戜滑涓嶄粎瑕佺啛缁冩帉鎻′笓涓氱殑鐭ヨ瘑鍜屾妧鑳斤紝鑰屼笖瑕佸湪鏃ュ父鐨勫涔犲拰鐢熸椿涓吇鎴愪护琛岀姝㈢殑濂戒範鎯紝涓烘棩鍚庣殑宸ヤ綔鎵撲笅鑹ソ鐨勫熀纭�锛屼簤鍙栨棭鏃ユ垚涓轰竴鍚嶅悎鏍肩殑姘戣埅宸ヤ綔鑰呫��
+                    <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>
                 </div>
             </div>
         </div>
@@ -371,6 +402,39 @@
             type: Array,
         },
     },
+    data(){
+        return{
+            isFocused: null,
+            expandQuestion: {
+                reading: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+            }
+        }
+    },
+    mounted() {
+        const bookQuestion = localStorage.getItem("civilAviatyon-book-chapter04-expandQuestion");
+        if (bookQuestion) {
+            this.expandQuestion = JSON.parse(bookQuestion);
+        }
+    },
+    methods: {
+        handleFocus(id) {
+            this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue  
+        },
+        handleBlur() {
+            this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse  
+        },
+        setBookQuestion() {
+            localStorage.setItem(
+                "civilAviatyon-book-chapter04-expandQuestion",
+                JSON.stringify(this.expandQuestion)
+            );
+        },
+    }
 };
 </script>
 
@@ -388,7 +452,8 @@
         margin: 0 !important;
         font-size: 16px !important;
         position: absolute !important;
-        left: 40% !important;
+        left: 50% !important;
+        transform: translateX(-50%);
         bottom: -2% !important;
     }
 
@@ -396,4 +461,13 @@
         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