From d1c6a4460355766d3ae67fc7330785a1cc748f9e Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 20 十一月 2024 17:01:29 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/civilAviation/view/components/chapter002.vue |  189 ++++++++++++++++++++++++++++-------------------
 1 files changed, 112 insertions(+), 77 deletions(-)

diff --git a/src/books/civilAviation/view/components/chapter002.vue b/src/books/civilAviation/view/components/chapter002.vue
index 5ae9685..240ba35 100644
--- a/src/books/civilAviation/view/components/chapter002.vue
+++ b/src/books/civilAviation/view/components/chapter002.vue
@@ -111,39 +111,36 @@
                     </span>
                     <div class="bk">
                         <p><b>鑰冭瘉鎸囧崡锛氱┖娓湇鍔$鐞嗗笀鑰冮</b></p>
-                        <div v-for="(item,index) in singleChoiceOne" :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="saveChoiceOne" />
-                            {{ citem.txt }}
-                        </p>
-                        <p class="event-header-text-bc pd-5 fl jc-sa" style="margin-left: 8px; width: 93%"
-                            v-if="showSingleChoice">
-                            <span class="c-g"> 绛旀锛歿{ item.answer }} </span>
-                            <span
-                                :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                        <div v-for="(item, index) in singleChoiceOne" :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="saveChoiceOne" />
+                                {{ citem.txt }}
+                            </p>
+                            <p class="event-header-text-bc pd-5 fl jc-sa" style="margin-left: 8px; width: 93%"
+                                v-if="showSingleChoice">
+                                <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>
+                                    }}</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">
@@ -384,41 +381,38 @@
                     </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 }">鎮ㄧ殑绛旀锛歿{
+                        <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>
+                                    }}</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">
@@ -1166,6 +1160,9 @@
                     <p class="p-odd">
                         閫氳繃椹鹃┒鏉嗙殑鍓嶆帹鍜屽悗鎷夛紝椋炶鍛樻帶鍒跺钩灏惧悗鏂圭殑鍗囬檷鑸靛亸杞�傛媺鏉嗘椂锛屽崌闄嶈埖涓婂亸锛岄鏈虹殑骞冲熬涓婃柟姘旀祦鍙楅樆锛岄�熷害鍑忓皬锛屽帇鍔涘澶э紝鍦ㄥ钩灏句笂浜х敓鍚戜笅鐨勭┖姘斿姩鍔涳紝鐢变簬骞冲熬鍦ㄩ噸蹇冧箣鍚庡苟涓旂閲嶅績杈冭繙锛岃繖涓┖姘斿姩鍔涘皢瀵归鏈洪噸蹇冩瀯鎴愪笂浠板姏鐭╋紝浣挎満澶翠笂浠帮紝椋炴満杩庤澧炲ぇ锛堝浘2-39锛夈�傚悓鐞嗭紝濡傛灉椋炶鍛樻帹鏉嗭紝鍗囬檷鑸典笅鍋忥紝骞冲熬浜х敓鍚戜笂鐨勭┖姘斿姩鍔涳紝瀵归噸蹇冩瀯鎴愪笅淇姏鐭╋紝鏈哄ご涓嬩刊锛岄鏈鸿繋瑙掑噺灏忋�傚湪姝e父鐨勮繋瑙掕寖鍥村唴銆侀琛岄�熷害涓嶅彉鐨勬儏鍐典笅锛屾媺鏉嗕娇杩庤澧炲ぇ锛屽崌鍔涘澶э紝椋炴満灏嗕笂鍗囬珮搴︼紝鎺ㄦ潌浣胯繋瑙掑噺灏忥紝鍗囧姏鍑忓皬锛岄鏈哄皢涓嬮檷楂樺害銆傚鏋滆鎿嶇旱椋炴満涓婂崌锛岄櫎浜嗘媺鏉嗕互閫傚綋澧炲ぇ杩庤銆佸崌鍔涗箣澶栵紝杩橀渶鐩稿簲鍔犲ぇ娌归棬锛屼繚鎸佽冻澶熺殑椋炶閫熷害锛涙搷绾甸鏈轰笅婊戯紝鍒欐敹灏忔补闂紝闅忕潃閫熷害鍑忓皬锛岄鏈哄崌鍔涘噺灏忥紝椋炴満鑷劧杞叆涓嬫粦銆備负闃叉涓嬫粦瑙掑お澶э紝椋炶鍛樿繕闇�鐩稿簲鎷夌偣鏉嗭紝閫傚綋澧炲姞杩庤锛屾墠鑳戒繚鎸侀瀹氱殑涓嬫粦瑙掋��
                     </p>
+                    <div style="min-height:400px"><iframe :src="iframSrcOne" frameborder="0"
+                            style="width: 100%; height: 400px"></iframe></div>
+                    <p class="img">鍥�2-38 椋炴満鐨勬搷绾甸潰</p>
                     <p class="center openImgBox">
                         <img class="img-b" alt="" src="../../assets/images/0071-2.jpg" />
                     </p>
@@ -1483,9 +1480,8 @@
                     <p class="p-even td-0">
                         鏋勬垚鏈虹考鐨勯鏋讹紝钂欑毊闄勭潃鍦ㄩ鏋朵笂灏辨槸瀹屾暣鐨勬満缈笺�傜考鑲嬩綔涓烘満缈肩殑妯悜楠ㄦ灦锛屼繚鎸佺潃鏈虹考鐨勭考鍨嬶紝鐩存帴鏀寔钂欑毊鎵垮彈绌烘皵鍔ㄥ姏锛涚考姊佷綔涓烘満缈肩殑绾靛悜楠ㄦ灦锛屾壙鍙楁暣涓満缈间笂浜х敓鐨勭┖姘斿姩鍔涳紝骞堕�氳繃鎺ュご灏嗗姏浼犵粰鏈鸿韩锛涙鏉″钩琛屼簬缈兼宓屽湪缈艰倠涓婏紝浠ユ敮鎸佽挋鐨��
                     </p>
-                    <p class="center p-even openImgBox">
-                        <img class="img-a" alt="" src="../../assets/images/0078-1.jpg" />
-                    </p>
+                    <div style="min-height:400px"><iframe :src="iframSrc" frameborder="0"
+                            style="width: 100%; height: 400px"></iframe></div>
                     <p class="img p-even">鍥�2-54 鏈虹考鐨勫唴閮ㄧ粨鏋�</p>
                     <p class="p-even">
                         鏈虹考鍐呴儴鏈夎緝澶х殑绌洪棿锛屾皯鐢ㄩ鏈洪�氬父灏嗗叾瀵嗗皝鍚庝綔涓哄瓨鍌ㄧ噧娌圭殑娌圭锛屽ぇ鍨嬪柗姘斿紡瀹㈡満鐨勬満缈兼补绠卞偍瀛樹簡鍏ㄦ満鍥涘垎涔嬩竴宸﹀彸鐨勭噧娌广�傚ぇ澶氳埅绾块鏈轰富璧疯惤鏋跺畨瑁呭湪鏈虹考涓婏紝鏈虹考鐨勫唴閮ㄧ┖闂磋繕鏈変竴閮ㄥ垎鐢ㄦ潵璁剧疆璧疯惤鏋惰埍銆�
@@ -4230,7 +4226,7 @@
                 </div>
             </div>
         </div>
-        <preView :isClear="dialogVisible" :md5="p_md5"  :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
     </div>
 </template>
 
@@ -4248,6 +4244,8 @@
     },
     data() {
         return {
+            iframSrc: "",
+            iframSrcOne: "",
             dialogVisible: false,
             p_md5: '',
             somePdfTitleValue: '',
@@ -4368,7 +4366,6 @@
         }
     },
     mounted() {
-        
         const bookQuestion = localStorage.getItem("civilAviatyon-book-chapter02-expandQuestion");
         if (bookQuestion) {
             this.expandQuestion = JSON.parse(bookQuestion);
@@ -4383,6 +4380,8 @@
         if (singleChoiceOne) {
             this.singleChoiceOne = JSON.parse(singleChoiceOne);
         }
+        this.getModel()
+        this.getModelOne()
     },
     methods: {
         toUrl(val) {
@@ -4404,7 +4403,7 @@
                 JSON.stringify(this.expandQuestion)
             );
         },
-        goChoiceJudge(){
+        goChoiceJudge() {
             this.singleChoice.forEach(item => {
                 item.isComplete = true;
                 if (item.userAnswer == item.answer) {
@@ -4415,7 +4414,7 @@
             });
             this.showChoiceAnswer = true
         },
-        changeChoiceData(){
+        changeChoiceData() {
             localStorage.removeItem("civilAviatyon-book-chapter02-singleChoice")
             this.singleChoice.forEach(item => {
                 item.isComplete = false;
@@ -4424,13 +4423,13 @@
             });
             this.showChoiceAnswer = false
         },
-        saveInputChoice(){
+        saveInputChoice() {
             localStorage.setItem(
                 "civilAviatyon-book-chapter02-singleChoice",
                 JSON.stringify(this.singleChoice)
             );
         },
-        goSingleChoice(){
+        goSingleChoice() {
             this.singleChoiceOne.forEach(item => {
                 item.isComplete = true;
                 if (item.userAnswer == item.answer) {
@@ -4441,7 +4440,7 @@
             });
             this.showSingleChoice = true
         },
-        changeSingleChoice(){
+        changeSingleChoice() {
             localStorage.removeItem("civilAviatyon-book-chapter02-singleChoiceOne")
             this.singleChoiceOne.forEach(item => {
                 item.isComplete = false;
@@ -4450,12 +4449,37 @@
             });
             this.showSingleChoice = false
         },
-        saveChoiceOne(){
+        saveChoiceOne() {
             localStorage.setItem(
                 "civilAviatyon-book-chapter02-singleChoiceOne",
                 JSON.stringify(this.singleChoiceOne)
             );
+        },
+
+        // 涓夌淮妯″瀷
+        getModel() {
+            const ctx = 'https://jsek.bnuic.com'
+            let localStr =
+                './static/modelView/index.html?md5=62d4eadc420b7403fce2be993baa095d' +
+                '&name=je' +
+                '&domain=' +
+                ctx +
+                '&target=iframe'
+            this.iframSrc = localStr
+        },
+        // 涓夌淮妯″瀷
+        getModelOne() {
+            const ctx = 'https://jsek.bnuic.com'
+            let localStr =
+                './static/modelView/index.html?md5=9784edec2ecf5f001ee09f049d27acf3' +
+                '&name=je' +
+                '&domain=' +
+                ctx +
+                '&exd=obj' +
+                '&target=iframe'
+            this.iframSrcOne = localStr
         }
+
     }
 };
 </script>
@@ -4474,7 +4498,8 @@
         margin: 0 !important;
         font-size: 16px !important;
         position: absolute !important;
-        left: 40% !important;
+        left: 50% !important;
+        transform: translateX(-50%);
         bottom: -2% !important;
     }
 
@@ -4482,4 +4507,14 @@
         height: 80%;
     }
 }
+
+
+hr {
+    margin-left: 0;
+    margin-bottom: 4px;
+    width: 15.5%;
+    border: none;
+    height: 2px;
+    background-color: #000;
+}
 </style>

--
Gitblit v1.9.1