From ce70bc450a2401997bb850f89f3c4dc0a23e0a72 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 九月 2025 18:38:13 +0800
Subject: [PATCH] 31 数字化口腔修复技术 整本

---
 src/books/digitalDentalRestorationTechnology/view/components/chapter002.vue |  560 ++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 362 insertions(+), 198 deletions(-)

diff --git a/src/books/digitalDentalRestorationTechnology/view/components/chapter002.vue b/src/books/digitalDentalRestorationTechnology/view/components/chapter002.vue
index 9dc8fc9..1830ac3 100644
--- a/src/books/digitalDentalRestorationTechnology/view/components/chapter002.vue
+++ b/src/books/digitalDentalRestorationTechnology/view/components/chapter002.vue
@@ -9,32 +9,56 @@
                 </div>
                 <div class="bodystyle">
                     <h1 class="firstTitle-l mb-70 pt-70">椤圭洰涓�銆�鍙h厰鎵弿鎶�鏈�</h1>
-                    <div class="bodyPic"><img src="../../assets/images/0022-01.jpg" style="width:30%" alt=""
-                            active="true" /></div>
-                    <div class="bodyPic"><img src="../../assets/images/0017-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">绱犺川鐩爣</span></p>
-                    <p class="content">锛�1锛夊叿澶囦弗璋ㄧ殑绉戝鎬佸害锛屾敞閲嶆壂鎻忔暟鎹殑鍑嗙‘鎬у拰鍙潬鎬с��</p>
-                    <p class="content">锛�2锛夊叿鏈夊洟闃熷崗浣滄剰璇嗭紝鑳藉涓庡彛鑵斿尰鐢熴�佹姢澹�佹妧甯堝瘑鍒囧悎浣溿��</p>
-                    <p class="content">锛�3锛夋彁鍗囧涔犺兘鍔涳紝鍕囦簬灏濊瘯鎵弿鏂规硶鍜屾妧鏈紝鎻愰珮鎵弿鏁堢巼鍜岃川閲忋��</p>
-                    <p class="center">........................</p>
-                    <p class="center"><span class="bold">鐭ヨ瘑鐩爣</span></p>
-                    <p class="content">锛�1锛夋帉鎻★細鍙h厰鎵弿鎶�鏈殑宸ヨ壓娴佺▼銆�</p>
-                    <p class="content">锛�2锛夌啛鎮夛細婵�鍏夈�佺粨鏋勫厜鍜岀珛浣撴憚褰辩瓑涓嶅悓鎵弿鎶�鏈殑宸ヤ綔鍘熺悊銆�</p>
-                    <p class="center">........................</p>
-                    <p class="content"><span class="bold">鑳藉姏鐩爣</span></p>
-                    <p class="content">锛�1锛夎兘澶熸纭畨瑁呫�佽皟璇曞彛鍐呮壂鎻忎华銆�</p>
-                    <p class="content">锛�2锛夎兘澶熺啛缁冭繘琛屽彛鑵旀壂鎻忔搷浣滐紝姝g‘鎵弿鐗欓娇銆佺墮鍛ㄧ粍缁囥�佸挰鍚堝叧绯荤瓑銆�</p>
+                    <div class="learnGoal">
+                        <img class="learnImg img-h" src="../../assets/images/learnGoal.png" alt="" />
+                        <p class="center learngoalRange"><span class="bold">绱犺川鐩爣</span></p>
+                        <p class="content">锛�1锛夊叿澶囦弗璋ㄧ殑绉戝鎬佸害锛屾敞閲嶆壂鎻忔暟鎹殑鍑嗙‘鎬у拰鍙潬鎬с��</p>
+                        <p class="content">锛�2锛夊叿鏈夊洟闃熷崗浣滄剰璇嗭紝鑳藉涓庡彛鑵斿尰鐢熴�佹姢澹�佹妧甯堝瘑鍒囧悎浣溿��</p>
+                        <p class="content">锛�3锛夋彁鍗囧涔犺兘鍔涳紝鍕囦簬灏濊瘯鎵弿鏂规硶鍜屾妧鏈紝鎻愰珮鎵弿鏁堢巼鍜岃川閲忋��</p>
+                        <p class="center learngoalRange omit">........................</p>
+                        <p class="center learngoalRange"><span class="bold">鐭ヨ瘑鐩爣</span></p>
+                        <p class="content">锛�1锛夋帉鎻★細鍙h厰鎵弿鎶�鏈殑宸ヨ壓娴佺▼銆�</p>
+                        <p class="content">锛�2锛夌啛鎮夛細婵�鍏夈�佺粨鏋勫厜鍜岀珛浣撴憚褰辩瓑涓嶅悓鎵弿鎶�鏈殑宸ヤ綔鍘熺悊銆�</p>
+                        <p class="center learngoalRange omit">........................</p>
+                        <p class="center learngoalRange"><span class="bold">鑳藉姏鐩爣</span></p>
+                        <p class="content">锛�1锛夎兘澶熸纭畨瑁呫�佽皟璇曞彛鍐呮壂鎻忎华銆�</p>
+                        <p class="content">锛�2锛夎兘澶熺啛缁冭繘琛屽彛鑵旀壂鎻忔搷浣滐紝姝g‘鎵弿鐗欓娇銆佺墮鍛ㄧ粍缁囥�佸挰鍚堝叧绯荤瓑銆�</p>
+                    </div>
+                    <div class="knowledgeExpansion">
+                        <div class="questionBank">
+                            <img src="../../assets/images/sanJiao.svg" alt="" />
+                            <span>鏁欏璇句欢</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A2'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰涓� 鏁欏璇句欢 鍙f壂鍘熺悊</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A3'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰涓� 鏁欏璇句欢 浠撴壂鍘熺悊</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A4'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰涓� 鏁欏璇句欢 鍙h厰鎵弿鎶�鏈伐鑹烘祦绋�</span>
+                        </div>
+                    </div>
                     <p class="content">
                         鍙h厰鎵弿鎶�鏈槸鍙h厰鏁板瓧鍖栧伐鑹烘妧鏈郴缁熺殑绗竴鐜妭锛屼富瑕佺敤浜庡彛鑵旂墮棰屾暟鎹噰闆嗭紝涓哄尰鐢熻瘖鏂拰鎶�甯堣璁′慨澶嶄綋鎻愪緵鏁版嵁淇℃伅锛涢�氳繃鍙h厰鎵弿璁惧锛岄噰闆嗕箟榻胯璁″埗浣滈渶瑕佺殑淇℃伅锛屽鐗欎綋銆佺墮鍒椼�侀粡鑶溿�侀浣嶅叧绯荤瓑锛岃繍鐢ㄨ绠楁満鎶�鏈暣鍚堟暟瀛楁ā鍨嬶紝杩樺師鎮h�呭彛鑵旂粨鏋勶紝褰㈡垚鏁板瓧鍖栧嵃妯°��
                     </p>
                     <h2 class="secondTitle">浠诲姟涓�銆�鍙h厰鎵弿鎶�鏈師鐞�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">鎮h�咃紝濂筹紝28宀併�傛牴绠℃不鐤楀悗瑕佹眰杩涜26鐑ょ摲鍐犱慨澶嶏紝闂ㄨ瘖鍖荤敓鍦ㄦ不鐤楄繃绋嬩腑涓烘偅鑰呰繘琛屼簡鐗欎綋棰勫鍜屽彛鍐呮壂鎻忥紝骞跺皢鏁版嵁浼犵粰鍙h厰鎶�宸ュ銆�</p>
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">鍙e唴鎵弿鎶�鏈槸鍩轰簬浠�涔堝師鐞嗘潵宸ヤ綔鐨勶紵</p>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title bold">浠诲姟妗堜緥</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1 caseStudy1">銆愭渚嬨��</p>
+                            <p class="content">鎮h�咃紝濂筹紝28宀併�傛牴绠℃不鐤楀悗瑕佹眰杩涜26鐑ょ摲鍐犱慨澶嶏紝闂ㄨ瘖鍖荤敓鍦ㄦ不鐤楄繃绋嬩腑涓烘偅鑰呰繘琛屼簡鐗欎綋棰勫鍜屽彛鍐呮壂鎻忥紝骞跺皢鏁版嵁浼犵粰鍙h厰鎶�宸ュ銆�</p>
+                            <p class="titleQuot-1 caseStudy1">銆愰棶棰樸��</p>
+                            <p class="content">鍙e唴鎵弿鎶�鏈槸鍩轰簬浠�涔堝師鐞嗘潵宸ヤ綔鐨勶紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
                 </div>
                 <div class="page-bottom-left">006</div>
             </div>
@@ -46,31 +70,33 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">鍙h厰鎵弿鎶�鏈槸鍊熷姪鍚勭鎵弿璁惧鍜岃蒋浠舵潵瀹屾垚鍙h厰缁勭粐褰㈡�佷俊鎭殑娴嬮噺鍜屾暟鎹垎鏋愮殑鎵弿娴嬮噺鎶�鏈�傚叾鏁版嵁閲囬泦鏂瑰紡銆佹暟鎹簿搴﹀拰鏁版嵁閲囬泦鏁堢巼涓庝箟榻垮埗浣滄祦绋嬬揣瀵嗙浉鍏炽��</p>
                     <p class="content">
                         鏍规嵁鏁版嵁閲囬泦鏂瑰紡涓嶅悓锛屽彲浠ュ皢鍙h厰鎵弿鎶�鏈垎涓虹洿鎺ユ硶鍜岄棿鎺ユ硶銆傛牴鎹复搴婂簲鐢ㄨ寖鍥寸殑涓嶅悓锛屽彲浠ュ皢鍙h厰鎵弿鎶�鏈垎涓哄彛鍐呮壂鎻忔妧鏈�佺墮棰屾ā鍨嬫壂鎻忔妧鏈�侀闈㈤儴鎵弿鎶�鏈拰CT鎵弿鎶�鏈�傛牴鎹壂鎻忓師鐞嗙殑涓嶅悓锛屽彲浠ュ皢鍙h厰鎵弿鎶�鏈垎涓烘帴瑙﹀紡鎵弿鎶�鏈拰闈炴帴瑙﹀紡鎵弿鎶�鏈紱鍏朵腑锛岄潪鎺ヨЕ寮忔壂鎻忔妧鏈張鍙互鍒嗕负鍏夊鎵弿鎶�鏈�佺珛浣撴憚褰辨妧鏈拰褰卞儚瀛︽壂鎻忔妧鏈�傛帴瑙﹀紡鎵弿鎶�鏈拰鍏夊鎵弿鎶�鏈父鐢ㄤ簬閲囬泦鍙h厰鏁板瓧妯″瀷鐨勬暟鎹紝褰卞儚瀛︽壂鎻忔妧鏈父鐢ㄤ簬閲囬泦棰呴闈㈤儴缁勭粐鐨勪笁缁存暟鎹�備笅闈㈤拡瀵瑰父鐢ㄦ壂鎻忔妧鏈殑鍘熺悊鍜屽簲鐢ㄨ繘琛屼粙缁嶃��
                     </p>
                     <h3 class="thirdTitle">涓�銆佸彛鍐呮壂鎻忔妧鏈師鐞�</h3>
-                    <div class="bodyPic"><img src="../../assets/images/0023-01.jpg" style="width:30%" alt=""
-                            active="true" /></div>
+                    <bookVideo :videoInfo="getResourceInfo('D2')" :BookId="config.activeBook.bookId"></bookVideo>
                     <p class="content">鍙e唴鎵弿鎶�鏈槸閫氳繃鐩存帴閲囬泦鏁版嵁鐨勬柟寮忥紝灏嗘暟瀛楀寲鎵弿璁惧鏀剧疆鍦ㄦ偅鑰呭彛鍐咃紝瀵瑰彛鑵旇蒋纭粍缁囪繘琛屾壂鎻忔祴閲忥紝瀹炴椂鑾峰彇鏁板瓧鍖栧嵃妯°��</p>
                     <p class="content">
                         鍙e唴鎵弿鎶�鏈彲绠�鍖栦紶缁熶箟榻垮埗浣滀腑鍗版ā鍒跺彇鍜屾ā鍨嬬亴娉ㄧ殑娴佺▼锛屽噺灏戞潗鏂欑殑娑堣�楋紝鑺傜害鎴愭湰锛涙彁鍗囨偅鑰呯殑鑸掗�傚害锛岄伩鍏嶅嵃妯″埗鍙栧紩璧风殑鎮h�呬笉閫傦紱闄嶄綆鎿嶄綔璇樊锛涘疄鐜板彛鑵旂湡鑹插僵缁勭粐缁撴瀯鏁板瓧鍗版ā锛屾柟渚胯繘琛屾瘮鑹层�佹暟瀛楀寲璁捐鍜屽尰鎮f矡閫氾紱浣垮尰鐢熻兘澶熷嵆鏃舵鏌ラ澶囦綋鐨勫舰鎬侊紝鍒ゆ柇鐗欎綋棰勫璐ㄩ噺锛屾鏌ラ澶囦綋鐨勭粏鑺傦紝濡傝酱闈㈣仛鍚堝害銆佽偐鍙板舰鎬併�侀澶囦綋杈圭紭銆佽蒋纭粍缁囧舰鎬佸拰鍊掑嚬銆佷箟榻垮氨浣嶉亾绛夛紝鍙戠幇闂绔嬪嵆鍦ㄦ偅鑰呭彛鍐呰繘琛岃皟鏀癸紱鍒╀簬閰嶅悎CAD/CAM绯荤粺瀹炵幇蹇�熻璁″埗浣滀复鏃跺強鏈�缁堜慨澶嶄綋锛屼负鎮h�呭甫鏉ユ洿鍔犵悊鎯崇殑灏辫瘖浣撻獙銆�
                     </p>
                     <p class="content">鍙e唴鎵弿鎶�鏈殑鍘熺悊涓昏鏄厜瀛︿笁瑙掓祴閲忔硶銆佸叡鑱氱劍鏄惧井鎴愬儚鎶�鏈�佷富鍔ㄦ尝闃甸潰閲囨牱鎶�鏈��</p>
-                    <p class="poemtitle-l">锛堜竴锛夊厜瀛︿笁瑙掓祴閲忔硶</p>
-                    <p class="content">
-                        鍏夊涓夎娴嬮噺娉曟槸鍙e唴鎵弿鎶�鏈殑鍩虹鍘熺悊锛岄�氳繃寰呮祴鐐圭浉瀵逛簬鍏夊鍩哄噯绾垮亸绉讳骇鐢熺殑鍙樺寲锛岃绠楄鐐圭殑淇℃伅锛屼粠鑰屾瀯寤轰笁缁寸粨鏋勩�傚厜婧愮粡閫忛暅鎶曞皠鍦ㄨ娴嬫ā鍨嬭〃闈㈢殑鍏夌嚎琚弽灏勫悗锛岀粡杩囨帴鏀跺櫒閫忛暅鐢辨劅鍏夊厓浠讹紙charge
-                        coupled
-                        device锛孋CD锛夋帴鏀讹紝閫氳繃宸茶瀹氱殑鍙戝皠鍏夋簮瑙掑害鍜岄珮搴︽眰瑙e厜璺郴缁熺浉浼间笁瑙掑舰锛屾祴瀹氭ā鍨嬩笁缁存暟鎹紝鏍规嵁骞抽潰澶勪簬涓嶅悓浣嶇疆鏃讹紝鎰熷厜鍏冧欢涓婄殑鎴愬儚浣嶇疆鐨勫彉鍖栵紝鐢熸垚涓夌淮鏁版嵁妯″瀷锛堝浘1-1-1锛夈�備互鍏夊涓夎娴嬮噺娉曚负鍩虹锛屽皢鍏夊鎵弿鎶�鏈垎涓烘縺鍏夋壂鎻忔妧鏈�佺粨鏋勫厜鎵弿鎶�鏈拰绔嬩綋鎽勫奖鎶�鏈��
-                    </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0023-02.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-1-1銆�涓夎娴嬮噺娉曞師鐞嗙ず鎰忓浘</p>
+                    <p class="poemtitle-l kTitle">锛堜竴锛夊厜瀛︿笁瑙掓祴閲忔硶</p>
+                    <div class="txtSurroundRight">
+                        <div class="qrbodyPic">
+                            <img class="openImgBox" src="../../assets/images/0023-02.jpg" style="width:320px"
+                                alt="鍥�1-1-1銆�涓夎娴嬮噺娉曞師鐞嗙ず鎰忓浘" active="true" />
+                            <p class="imgdescript-b">鍥�1-1-1銆�涓夎娴嬮噺娉曞師鐞嗙ず鎰忓浘</p>
+                        </div>
+                        <p class="content">
+                            鍏夊涓夎娴嬮噺娉曟槸鍙e唴鎵弿鎶�鏈殑鍩虹鍘熺悊锛岄�氳繃寰呮祴鐐圭浉瀵逛簬鍏夊鍩哄噯绾垮亸绉讳骇鐢熺殑鍙樺寲锛岃绠楄鐐圭殑淇℃伅锛屼粠鑰屾瀯寤轰笁缁寸粨鏋勩�傚厜婧愮粡閫忛暅鎶曞皠鍦ㄨ娴嬫ā鍨嬭〃闈㈢殑鍏夌嚎琚弽灏勫悗锛岀粡杩囨帴鏀跺櫒閫忛暅鐢辨劅鍏夊厓浠讹紙charge
+                            coupled
+                            device锛孋CD锛夋帴鏀讹紝閫氳繃宸茶瀹氱殑鍙戝皠鍏夋簮瑙掑害鍜岄珮搴︽眰瑙e厜璺郴缁熺浉浼间笁瑙掑舰锛屾祴瀹氭ā鍨嬩笁缁存暟鎹紝鏍规嵁骞抽潰澶勪簬涓嶅悓浣嶇疆鏃讹紝鎰熷厜鍏冧欢涓婄殑鎴愬儚浣嶇疆鐨勫彉鍖栵紝鐢熸垚涓夌淮鏁版嵁妯″瀷锛堝浘1-1-1锛夈�備互鍏夊涓夎娴嬮噺娉曚负鍩虹锛屽皢鍏夊鎵弿鎶�鏈垎涓烘縺鍏夋壂鎻忔妧鏈�佺粨鏋勫厜鎵弿鎶�鏈拰绔嬩綋鎽勫奖鎶�鏈��
+                        </p>
                     </div>
                     <p class="content"><span
-                            class="bold">1锛庢縺鍏夋壂鎻忔妧鏈�</span>銆�鐢辨縺鍏夊櫒缁忚仛鍏夐�忛暅鍚戣娴嬬墿琛ㄩ潰鎶曞皠鐐圭姸鎴栫嚎鐘跺厜鏉燂紝鍦ㄨ娴嬬墿琛ㄩ潰涓婂舰鎴愬厜鐐规垨鍏夌嚎锛屽苟閫氳繃鎴愬儚閫忛暅鍙嶅皠鎴愬儚鍦–CD涓娿�傞殢鐫�鍏夋簮鎴栬娴嬬墿浣撶殑绉诲姩鎴栬浆鍔紝鍥惧儚浼犳劅鍣ㄤ笉鏂幏鍙栧弽灏勭殑鍏夌偣鎴栧厜绾匡紝姣忎釜鍏夌偣閮戒唬琛ㄨ娴嬬墿浣撹〃闈㈢殑涓夌淮绌洪棿鍧愭爣銆傚埄鐢ㄩ噰闆嗗埌鐨勪笁缁存暟鎹俊鎭紝缁忚绠楁満澶勭悊鐢熸垚鍙鍖栫殑鏁板瓧妯″瀷銆�
+                            class="bold fontGreen">1锛庢縺鍏夋壂鎻忔妧鏈�</span>銆�鐢辨縺鍏夊櫒缁忚仛鍏夐�忛暅鍚戣娴嬬墿琛ㄩ潰鎶曞皠鐐圭姸鎴栫嚎鐘跺厜鏉燂紝鍦ㄨ娴嬬墿琛ㄩ潰涓婂舰鎴愬厜鐐规垨鍏夌嚎锛屽苟閫氳繃鎴愬儚閫忛暅鍙嶅皠鎴愬儚鍦–CD涓娿�傞殢鐫�鍏夋簮鎴栬娴嬬墿浣撶殑绉诲姩鎴栬浆鍔紝鍥惧儚浼犳劅鍣ㄤ笉鏂幏鍙栧弽灏勭殑鍏夌偣鎴栧厜绾匡紝姣忎釜鍏夌偣閮戒唬琛ㄨ娴嬬墿浣撹〃闈㈢殑涓夌淮绌洪棿鍧愭爣銆傚埄鐢ㄩ噰闆嗗埌鐨勪笁缁存暟鎹俊鎭紝缁忚绠楁満澶勭悊鐢熸垚鍙鍖栫殑鏁板瓧妯″瀷銆�
                     </p>
                 </div>
                 <div class="page-bottom-right">007</div>
@@ -87,29 +113,31 @@
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">2锛庣粨鏋勫厜鎵弿鎶�鏈�</span>銆�鍏锋湁鎵弿閫熷害杈冨揩銆佺洸鍖哄皯銆佹暟鎹瘑搴﹂珮銆佺粏鑺傝〃鐜板姏濂界殑浼樼偣锛屼絾鐢变簬澶氳搴︽壂鎻忔嫾鎺ヤ細浜х敓澶ч噺鐨勫啑浣欐暟鎹拰鍣偣锛屽鎵弿杞欢鐨勫悗澶勭悊鍔熻兘瑕佹眰杈冮珮銆�
+                            class="bold fontGreen">2锛庣粨鏋勫厜鎵弿鎶�鏈�</span>銆�鍏锋湁鎵弿閫熷害杈冨揩銆佺洸鍖哄皯銆佹暟鎹瘑搴﹂珮銆佺粏鑺傝〃鐜板姏濂界殑浼樼偣锛屼絾鐢变簬澶氳搴︽壂鎻忔嫾鎺ヤ細浜х敓澶ч噺鐨勫啑浣欐暟鎹拰鍣偣锛屽鎵弿杞欢鐨勫悗澶勭悊鍔熻兘瑕佹眰杈冮珮銆�
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庣珛浣撴憚褰辨妧鏈�</span>銆�涓昏鍒╃敤鍙岀洰瑙嗚鍘熺悊锛屽嵆鍙岀溂瑙傚療鍚屼竴鐗╀綋鐨勪綅缃拰瑙掑害绋嶆湁涓嶅悓锛屽皢鍙岀溂鐪嬪埌鐨勫奖鍍忛�佸叆澶ц剳锛屽悎鎴愬叿鏈夐暱搴︺�佸搴﹀拰楂樺害鐨勭珛浣撳奖鍍忋�傚彛鑵旀壂鎻忔椂锛岀敤鐓х浉鏈烘垨鎽勫儚鏈轰粠澶氫釜瑙掑害鎷嶆憚鍙h厰缁撴瀯褰㈡垚褰卞儚锛岄�氳繃瑙f瀽鍑犱綍鐨勬柟娉曪紝鐢辫绠楁満瀵规墍鎷嶆憚鐨勪簩缁村奖鍍忚繘琛岃繍绠楀鐞嗭紝鍒嗘瀽褰卞儚涔嬮棿鐨勭┖闂翠綅缃紝褰㈡垚绔嬩綋缁撴瀯鍏崇郴锛岃绠楀嚭鐗╀綋鐨勪笁缁村潗鏍囷紝浠庤�屽缓绔嬪嚭涓夌淮绔嬩綋妯″瀷銆�
+                            class="bold fontGreen">3锛庣珛浣撴憚褰辨妧鏈�</span>銆�涓昏鍒╃敤鍙岀洰瑙嗚鍘熺悊锛屽嵆鍙岀溂瑙傚療鍚屼竴鐗╀綋鐨勪綅缃拰瑙掑害绋嶆湁涓嶅悓锛屽皢鍙岀溂鐪嬪埌鐨勫奖鍍忛�佸叆澶ц剳锛屽悎鎴愬叿鏈夐暱搴︺�佸搴﹀拰楂樺害鐨勭珛浣撳奖鍍忋�傚彛鑵旀壂鎻忔椂锛岀敤鐓х浉鏈烘垨鎽勫儚鏈轰粠澶氫釜瑙掑害鎷嶆憚鍙h厰缁撴瀯褰㈡垚褰卞儚锛岄�氳繃瑙f瀽鍑犱綍鐨勬柟娉曪紝鐢辫绠楁満瀵规墍鎷嶆憚鐨勪簩缁村奖鍍忚繘琛岃繍绠楀鐞嗭紝鍒嗘瀽褰卞儚涔嬮棿鐨勭┖闂翠綅缃紝褰㈡垚绔嬩綋缁撴瀯鍏崇郴锛岃绠楀嚭鐗╀綋鐨勪笁缁村潗鏍囷紝浠庤�屽缓绔嬪嚭涓夌淮绔嬩綋妯″瀷銆�
                     </p>
-                    <p class="poemtitle-l">锛堜簩锛夊叡鑱氱劍鏄惧井鎴愬儚鎶�鏈�</p>
-                    <p class="content">
-                        鍏辫仛鐒︽樉寰垚鍍忔妧鏈槸鍒╃敤鏀剧疆鍦ㄥ厜婧愬悗鍜屾帰娴嬪櫒鍓嶇殑鍏辩劍閽堝瓟褰㈡垚鐐瑰厜婧愬拰鐐规帰娴嬫潵鎴愬儚鐨勬妧鏈�傚厜婧愬彂灏勭殑鍏夌粡杩囩収鏄庨拡瀛旓紝鍦ㄧ墮榻跨劍骞抽潰涓婄殑鏌愮偣鑱氱劍锛屽叾鍙嶅皠鍏夌嚎鐢卞師鍏夎矾杩斿洖锛屽湪鎺㈡祴閽堝瓟鍐呮垚鍍忥紝闈炶仛鐒﹁寖鍥寸殑鍙嶅皠鍏夌嚎鏃犳硶鍦ㄦ帰娴嬮拡瀛斿唴鎴愬儚锛涢�氳繃閫愬眰鎵弿锛屾潵鑾峰緱鐗欓娇涓嶅悓浣嶇疆鐨勫舰璨屾暟鎹紝鏋勫缓鍑虹墮鐨勪笁缁村舰鎬侊紙鍥�1-1-2锛夈�傚叡鑱氱劍鏄惧井鎴愬儚鎶�鏈殑浼樼偣鏄壂鎻忕簿搴﹁緝楂樸�佸浘鍍忔竻鏅帮紝缂虹偣鏄�愬抚鎵弿鐨勯�熷害鐩稿杈冩參銆�
-                    </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0024-01.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-1-2銆�鍏辫仛鐒︽樉寰垚鍍忔妧鏈ず鎰忓浘</p>
+                    <p class="poemtitle-l kTitle">锛堜簩锛夊叡鑱氱劍鏄惧井鎴愬儚鎶�鏈�</p>
+                    <div class="txtSurroundRight">
+                        <div class="qrbodyPic ">
+                            <img class="openImgBox" src="../../assets/images/0024-01.jpg" style="width:250px"
+                                alt="鍥�1-1-2銆�鍏辫仛鐒︽樉寰垚鍍忔妧鏈ず鎰忓浘" active="true" />
+                            <p class="imgdescript-b">鍥�1-1-2銆�鍏辫仛鐒︽樉寰垚鍍忔妧鏈ず鎰忓浘</p>
+                        </div>
+                        <p class="content">
+                            鍏辫仛鐒︽樉寰垚鍍忔妧鏈槸鍒╃敤鏀剧疆鍦ㄥ厜婧愬悗鍜屾帰娴嬪櫒鍓嶇殑鍏辩劍閽堝瓟褰㈡垚鐐瑰厜婧愬拰鐐规帰娴嬫潵鎴愬儚鐨勬妧鏈�傚厜婧愬彂灏勭殑鍏夌粡杩囩収鏄庨拡瀛旓紝鍦ㄧ墮榻跨劍骞抽潰涓婄殑鏌愮偣鑱氱劍锛屽叾鍙嶅皠鍏夌嚎鐢卞師鍏夎矾杩斿洖锛屽湪鎺㈡祴閽堝瓟鍐呮垚鍍忥紝闈炶仛鐒﹁寖鍥寸殑鍙嶅皠鍏夌嚎鏃犳硶鍦ㄦ帰娴嬮拡瀛斿唴鎴愬儚锛涢�氳繃閫愬眰鎵弿锛屾潵鑾峰緱鐗欓娇涓嶅悓浣嶇疆鐨勫舰璨屾暟鎹紝鏋勫缓鍑虹墮鐨勪笁缁村舰鎬侊紙鍥�1-1-2锛夈�傚叡鑱氱劍鏄惧井鎴愬儚鎶�鏈殑浼樼偣鏄壂鎻忕簿搴﹁緝楂樸�佸浘鍍忔竻鏅帮紝缂虹偣鏄�愬抚鎵弿鐨勯�熷害鐩稿杈冩參銆�
+                        </p>
+                        <p class="content">
+                            鐢变簬鍙h厰鎵弿鏄竴涓浉瀵瑰姩鎬佺殑杩囩▼锛屽鎮h�呯殑涓嶈嚜涓昏繍鍔紝浼氫娇寰椾笅棰岀殑浣嶇疆鍙戠敓鍙樺寲锛屾墜鎸佸彛鑵旀壂鎻忔灙鐨勫姩浣滀篃鏃犳硶鍋氬埌缁濆绋冲畾锛屽洜姝ゆ壂鎻忓璞″拰绌洪棿鐨勬暣浣撶ǔ瀹氭�т笉濡傜墮棰屾ā鍨嬫壂鎻忋�傝繖灏卞鏁版嵁閲囬泦鍜岃蒋浠剁畻娉曠殑绮惧害鎻愬嚭浜嗘洿楂樼殑瑕佹眰銆傚湪鍏辫仛鐒︽樉寰垚鍍忔妧鏈殑鍩虹涓婏紝鍔犲叆鍏夎矾鎸崱绯荤粺锛屽彲浠ヨ缃懆鏈熸�у彉鎹㈢劍骞抽潰鐨勪綅缃苟鑱氱劍鎴愬儚锛屽湪鍔ㄦ�佽繛缁壂鎻忕墮榻跨殑杩囩▼涓紝楂樻晥蹇�熻幏鍙栦笁缁存垚鍍忥紝閫熷害鎺ヨ繎鍔ㄦ�佹憚鍍忔按骞筹紝杩欑鎶�鏈О涓鸿秴蹇厜瀛﹀垏鐗囨妧鏈��
+                        </p>
                     </div>
-                    <p class="content">
-                        鐢变簬鍙h厰鎵弿鏄竴涓浉瀵瑰姩鎬佺殑杩囩▼锛屽鎮h�呯殑涓嶈嚜涓昏繍鍔紝浼氫娇寰椾笅棰岀殑浣嶇疆鍙戠敓鍙樺寲锛屾墜鎸佸彛鑵旀壂鎻忔灙鐨勫姩浣滀篃鏃犳硶鍋氬埌缁濆绋冲畾锛屽洜姝ゆ壂鎻忓璞″拰绌洪棿鐨勬暣浣撶ǔ瀹氭�т笉濡傜墮棰屾ā鍨嬫壂鎻忋�傝繖灏卞鏁版嵁閲囬泦鍜岃蒋浠剁畻娉曠殑绮惧害鎻愬嚭浜嗘洿楂樼殑瑕佹眰銆傚湪鍏辫仛鐒︽樉寰垚鍍忔妧鏈殑鍩虹涓婏紝鍔犲叆鍏夎矾鎸崱绯荤粺锛屽彲浠ヨ缃懆鏈熸�у彉鎹㈢劍骞抽潰鐨勪綅缃苟鑱氱劍鎴愬儚锛屽湪鍔ㄦ�佽繛缁壂鎻忕墮榻跨殑杩囩▼涓紝楂樻晥蹇�熻幏鍙栦笁缁存垚鍍忥紝閫熷害鎺ヨ繎鍔ㄦ�佹憚鍍忔按骞筹紝杩欑鎶�鏈О涓鸿秴蹇厜瀛﹀垏鐗囨妧鏈��
-                    </p>
-                    <p class="poemtitle-l">锛堜笁锛変富鍔ㄦ尝闃甸潰閲囨牱鎶�鏈�</p>
+                    <p class="poemtitle-l kTitle">锛堜笁锛変富鍔ㄦ尝闃甸潰閲囨牱鎶�鏈�</p>
                     <p class="content">
                         琚壂鎻忕墮闈㈢殑鍙嶅皠鍏夌嚎缁忚繃鏃嬭浆鍋忓績瀛旇缃殑杩囨护锛屽湪鎴愬儚骞抽潰鍐呭舰鎴愬渾褰㈣建杩圭殑澶辩劍鍥惧儚锛岄�氳繃宸茬煡鍏夎矾绯荤粺鍙傛暟鍜屾祴閲忓緱鍒扮殑澶辩劍鍥惧儚鍗婂緞璁$畻鍑虹墮闈㈣娴嬬偣鐨勭┖闂村潗鏍囷紝浠庤�岃幏寰楁暟瀛楀寲鍥惧儚銆傝繖绉嶆妧鏈殑浼樺娍鍦ㄤ簬鍋忓績瀛旇缃殑鍏夌嚎杩囨护浣滅敤鑳藉鏈夋晥闃叉鐗欓潰涓嶅悓鍖哄煙鐨勫浘鍍忛噸鍚堬紝鎻愰珮鍥惧儚鐨勭┖闂村垎杈ㄧ巼銆傝鎯冲厖鍒嗗彂鎸ヤ紭鍔匡紝闇�瑕佹壂鎻忓墠鍦ㄧ墮闈㈠潎鍖�鍠锋秱绮夋湯锛屼互澧炲姞鐗欓潰鐨勫彲璇嗗埆鐨勭汗鐞嗗弬鑰冪偣銆�
                     </p>
                     <h3 class="thirdTitle">浜屻�佺墮棰屾ā鍨嬫壂鎻忔妧鏈師鐞�</h3>
-                    <div class="bodyPic"><img src="../../assets/images/0024-02.jpg" style="width:30%" alt=""
-                            active="true" /></div>
+                    <bookVideo :videoInfo="getResourceInfo('D19')" :BookId="config.activeBook.bookId"></bookVideo>
                     <p class="content">
                         鐗欓妯″瀷鎵弿鎶�鏈紝鍙堢О浠撴壂鎶�鏈紝涓昏閫氳繃闂存帴娉曢噰闆嗘暟鎹�傝鎶�鏈敤鏁板瓧鍖栨壂鎻忚澶囨壂鎻忕煶鑶忔ā鍨嬫垨绮剧粏鍗版ā锛屼粠妯″瀷鎴栧嵃妯′笂娴嬪緱鍙h厰杞‖缁勭粐褰㈡�佺殑淇℃伅锛岀敓鎴愪笁缁存暟鎹ā鍨嬨�傚叾鍘熺悊涓昏鏄帴瑙﹀紡鎵弿鎶�鏈拰鍏夊涓夎娴嬮噺娉曘��
                     </p>
@@ -129,27 +157,30 @@
                     <p class="content">
                         鐗欓妯″瀷鎵弿鎶�鏈浉杈冧簬鍙e唴鎵弿鍦ㄤ互涓嬩笁涓柟渚垮叿鏈夋槑鏄句紭鍔匡細鈶犵幇鏈夊彛鍐呮壂鎻忕郴缁熼兘鏄熀浜庡厜瀛︽壂鎻忔妧鏈潵瀹炵幇鐨勶紝浠嶆湭鑳借В鍐崇墮閲夎川鍗婇�忔槑銆侀珮鍙嶅厜绛夌壒鐐瑰鎵弿娴嬮噺绮惧害鐨勫奖鍝嶉棶棰橈紝鐗瑰埆鏄拡瀵圭妞嶇瓑妯″瀷鎵弿绮惧害瑕佹眰楂樼殑鎯呭喌銆傗憽閽堝缂哄皯鏄庢樉瑙e墫鐗瑰緛鐨勬棤鐗欓銆侀暱鐗欏紦鐨勫彲鎽樺眬閮ㄤ箟榻裤��5鍗曚綅浠ヤ笂闀挎ˉ淇浣撳熀鐗欑殑鏁板瓧鍗版ā鑾峰彇锛屽瓨鍦ㄧ潃鍙e唴鎵弿闅惧害澶с�佺┖闂存湁闄愩�佺簿搴︿綆鐨勯棶棰樸�傗憿鐗欓妯″瀷鍥哄畾鍦ㄦ壂鎻忓簳搴т笂锛屼娇妯″瀷涓庢壂鎻忎华鐨勭浉瀵圭┖闂翠綅缃叧绯荤ǔ瀹氾紝闈欐�佸挰鍚堝叧绯绘暟鎹殑鎷兼帴绮惧害杈冮珮銆傚洜姝わ紝闇�瑕侀噰鐢ㄧ墮棰屾ā鍨嬫壂鎻忔妧鏈墠鑳芥弧瓒矯AD/CAM妯″瀷鎵弿鏁版嵁绮惧害鐨勯渶姹傘��
                     </p>
-                    <p class="poemtitle-l">锛堜竴锛夋帴瑙﹀紡鎵弿鎶�鏈�</p>
+                    <p class="poemtitle-l kTitle">锛堜竴锛夋帴瑙﹀紡鎵弿鎶�鏈�</p>
                     <p class="content">
                         閫氳繃娴嬮噺鎺㈠ご锛堜紶鎰熷櫒锛夋帴瑙﹀伐浣滄ā鍨嬭〃闈紝鎰熷簲鎺㈠ご鍙嶉鎺ヨЕ鐐圭殑浣嶇疆淇℃伅锛屽苟閲囬泦涓庡伐浣滄ā鍨嬫帴瑙︾偣鐨勪笁缁村潗鏍囧�硷紝浠庤�岃幏寰楀伐浣滄ā鍨嬩笁缁存暟鎹俊鎭�傜敱浜庢壂鎻忚繃绋嬮渶瑕佹祴閲忔帰澶存帴瑙﹁娴嬬墿浣撴暣涓〃闈紝鍥犳鏁版嵁鍑嗙‘鍙潬銆佺粏鑺傝〃鐜板姏濂姐�備絾鏄瓨鍦ㄧ潃鏁堢巼杈冧綆锛屼笉鑳芥壂鎻忓嵃妯★紝鍙兘鎵弿纭川妯″瀷琛ㄩ潰锛屼笖鎺㈠ご杈冪矖锛屽瓨鍦ㄦ帰鏌ョ洸鍖虹殑缂虹偣銆傝繖绉嶆妧鏈洰鍓嶅凡寰堝皯搴旂敤銆�
                     </p>
-                    <p class="poemtitle-l">锛堜簩锛夊厜瀛︿笁瑙掓祴閲忔硶</p>
+                    <p class="poemtitle-l kTitle">锛堜簩锛夊厜瀛︿笁瑙掓祴閲忔硶</p>
                     <p class="content">杩欓儴鍒嗗師鐞嗕笌鍙e唴鎵弿鍘熺悊鐩稿悓銆�</p>
                     <p class="content"><span
-                            class="bold">1锛庢縺鍏夋壂鎻忔妧鏈�</span>銆�鍏锋湁鎵弿绮惧害楂樸�佺粏鑺傝〃鐜板姏濂界殑鐗圭偣銆傜偣鍏夋壂鎻忕敱浜庢壂鎻忔晥鐜囧拰缁嗚妭琛ㄧ幇鍔涙瑺浣筹紝鐩墠搴旂敤杈冨皯銆傜嚎鍏夋壂鎻忓閲囩敤钃濊壊婵�鍏夋垨LED鍏変綔涓哄厜婧愶紝鍏锋湁杈冮珮鐨勬壂鎻忕簿搴﹀拰鎵弿鏁堢巼锛屽搴旂敤鍦ㄥ彛鑵旀妧宸ュ鐗欓妯″瀷鎵弿璁惧涓�傛牴鎹壂鎻忎华鏈烘閮ㄤ欢杩愬姩杞寸殑鑷敱搴︼紝鍙皢鎵弿璁惧鍒嗕负涓夎酱銆佸洓杞淬�佷簲杞寸瓑锛岄�氳繃澧炲姞鎵弿杞ㄨ抗锛岃兘澶熷噺灏戞壂鎻忕洸鍖猴紝鎻愰珮鎵弿绮惧害銆�
+                            class="bold fontGreen">1锛庢縺鍏夋壂鎻忔妧鏈�</span>銆�鍏锋湁鎵弿绮惧害楂樸�佺粏鑺傝〃鐜板姏濂界殑鐗圭偣銆傜偣鍏夋壂鎻忕敱浜庢壂鎻忔晥鐜囧拰缁嗚妭琛ㄧ幇鍔涙瑺浣筹紝鐩墠搴旂敤杈冨皯銆傜嚎鍏夋壂鎻忓閲囩敤钃濊壊婵�鍏夋垨LED鍏変綔涓哄厜婧愶紝鍏锋湁杈冮珮鐨勬壂鎻忕簿搴﹀拰鎵弿鏁堢巼锛屽搴旂敤鍦ㄥ彛鑵旀妧宸ュ鐗欓妯″瀷鎵弿璁惧涓�傛牴鎹壂鎻忎华鏈烘閮ㄤ欢杩愬姩杞寸殑鑷敱搴︼紝鍙皢鎵弿璁惧鍒嗕负涓夎酱銆佸洓杞淬�佷簲杞寸瓑锛岄�氳繃澧炲姞鎵弿杞ㄨ抗锛岃兘澶熷噺灏戞壂鎻忕洸鍖猴紝鎻愰珮鎵弿绮惧害銆�
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庣粨鏋勫厜鎵弿鎶�鏈�</span>銆�鍙堢О鍏夋爡鎵弿鎶�鏈紝涓庝簯绾圭浉绉绘硶銆佹暟瀛楁暎鏂戠浉鍏虫硶銆佹懇灏斾簯绾规祴閲忔硶鐨勫師鐞嗙浉浼笺�傞噰鐢ㄨ摑鍏夋垨鐧藉厜浣滀负鍏夋簮锛岀敤鐗╃悊鎴栨暟瀛楁墜娈靛舰鎴愬厜鏍咃紙鎴栨暎鏂戝浘锛夛紝灏嗗叾鎶曞奖鍒拌娴嬬墿琛ㄩ潰锛屽厜鏍咃紙鎴栨暎鏂戝浘锛夋潯绾癸紙鍥�1-1-3锛変細闅忕潃鐗╀綋琛ㄩ潰鐨勮捣浼忚�屽彂鐢熸壄鏇插彉褰紝鍒╃敤鍥惧儚浼犳劅鍣ㄦ媿鎽勫厜鏍呮潯绾广�佹暟瀛楁暎鏂戝浘鍍忕殑鍙樺舰绋嬪害锛岄�氳繃绠楁硶鑾峰緱琚祴鐗╄〃闈㈢殑涓夌淮褰㈡�佹暟鎹�傚皢澶氳搴︺�侀噸鍙犲尯鍩熺殑鏁版嵁杩涜鎷兼帴铻嶅悎锛岀敓鎴愪笁缁存暟鎹ā鍨嬨�傜粨鏋勫厜鎵弿鍘熺悊鐨勬妧宸ュ涓夌淮鎵弿浠鍥�1-1-4鎵�绀恒��
+                            class="bold fontGreen">2锛庣粨鏋勫厜鎵弿鎶�鏈�</span>銆�鍙堢О鍏夋爡鎵弿鎶�鏈紝涓庝簯绾圭浉绉绘硶銆佹暟瀛楁暎鏂戠浉鍏虫硶銆佹懇灏斾簯绾规祴閲忔硶鐨勫師鐞嗙浉浼笺�傞噰鐢ㄨ摑鍏夋垨鐧藉厜浣滀负鍏夋簮锛岀敤鐗╃悊鎴栨暟瀛楁墜娈靛舰鎴愬厜鏍咃紙鎴栨暎鏂戝浘锛夛紝灏嗗叾鎶曞奖鍒拌娴嬬墿琛ㄩ潰锛屽厜鏍咃紙鎴栨暎鏂戝浘锛夋潯绾癸紙鍥�1-1-3锛変細闅忕潃鐗╀綋琛ㄩ潰鐨勮捣浼忚�屽彂鐢熸壄鏇插彉褰紝鍒╃敤鍥惧儚浼犳劅鍣ㄦ媿鎽勫厜鏍呮潯绾广�佹暟瀛楁暎鏂戝浘鍍忕殑鍙樺舰绋嬪害锛岄�氳繃绠楁硶鑾峰緱琚祴鐗╄〃闈㈢殑涓夌淮褰㈡�佹暟鎹�傚皢澶氳搴︺�侀噸鍙犲尯鍩熺殑鏁版嵁杩涜鎷兼帴铻嶅悎锛岀敓鎴愪笁缁存暟鎹ā鍨嬨�傜粨鏋勫厜鎵弿鍘熺悊鐨勬妧宸ュ涓夌淮鎵弿浠鍥�1-1-4鎵�绀恒��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0025-01.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-1-3銆�琚祴鐗╄〃闈㈢殑鍏夋爡鏉$汗</p>
+                    <div class="img-box">
+                        <div class="qrbodyPic openImgBox">
+                            <img src="../../assets/images/0025-01.jpg" style="width:100%" alt="鍥�1-1-3銆�琚祴鐗╄〃闈㈢殑鍏夋爡鏉$汗"
+                                active="true" />
+                            <p class="imgdescript-b">鍥�1-1-3銆�琚祴鐗╄〃闈㈢殑鍏夋爡鏉$汗</p>
+                        </div>
+                        <div class="qrbodyPic openImgBox">
+                            <img src="../../assets/images/0025-02.jpg" style="width:55%" alt="鍥�1-1-4銆�缁撴瀯鍏夋壂鎻忓師鐞嗙殑鎶�宸ュ涓夌淮鎵弿浠�"
+                                active="true" />
+                            <p class="imgdescript-b">鍥�1-1-4銆�缁撴瀯鍏夋壂鎻忓師鐞嗙殑鎶�宸ュ涓夌淮鎵弿浠�</p>
+                        </div>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0025-02.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-1-4銆�缁撴瀯鍏夋壂鎻忓師鐞嗙殑鎶�宸ュ涓夌淮鎵弿浠�</p>
-                    </div>
-
                 </div>
                 <div class="page-bottom-right">009</div>
             </div>
@@ -164,23 +195,25 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <p class="content"><span class="bold">3锛庣珛浣撴憚褰辨妧鏈�</span>銆�鐗欓妯″瀷鎵弿鎵�鑾峰緱浜岀淮褰卞儚闇�瑕侀�氳繃杩愮畻鍒嗘瀽鍜屽鐞嗭紝褰㈡垚绔嬩綋缁撴瀯鍏崇郴锛屼粠鑰屽缓绔嬪嚭涓夌淮绔嬩綋妯″瀷銆�
+                    <p class="content"><span
+                            class="bold fontGreen">3锛庣珛浣撴憚褰辨妧鏈�</span>銆�鐗欓妯″瀷鎵弿鎵�鑾峰緱浜岀淮褰卞儚闇�瑕侀�氳繃杩愮畻鍒嗘瀽鍜屽鐞嗭紝褰㈡垚绔嬩綋缁撴瀯鍏崇郴锛屼粠鑰屽缓绔嬪嚭涓夌淮绔嬩綋妯″瀷銆�
                     </p>
                     <p class="content">
                         鐩墠锛屽彛鑵旀妧宸ュ涓夌淮鎵弿璁惧浠ョ嚎鍏夊拰缁撴瀯鍏夋妧鏈负涓伙紝瀵煎嚭鏁版嵁鍖呮嫭STL銆丳LY銆丱BJ銆丳TY鍥涚鏍煎紡銆係TL鏁版嵁锛屼笉甯︽潗璐ㄨ创鍥撅紝鍙敤鍗曡壊瀹氫箟锛屽彲鐢ㄤ簬娴嬮噺鍜岃璁★紱PLY鏁版嵁锛屽彲甯︽潗璐ㄨ创鍥撅紝鍙敤浜庣紪杈戞祴閲忓拰璁捐銆傝璁惧閫傜敤浜庡彛鑵斿悇绫诲浐瀹氥�佹椿鍔ㄤ箟榻挎暟瀛楀寲璁捐鍙婂埗浣滅殑闇�姹傘�傛牴鎹垜鍥姐�婄墮棰屾ā鍨嬩笁缁存壂鎻忎华鎶�鏈姹傘�嬪浗瀹舵爣鍑嗭紝鎵弿浠殑鎵弿绮惧害瑕佹眰涓鸿繛缁�10娆℃壂鎻忚緭鍑烘暟鎹笌鐪熷�兼暟鎹姣旓紝鍏舵纭害銆佺簿瀵嗗害涓庡舰鎬佺簿搴︽祴閲忓�煎潎搴斿皬浜庢垨绛変簬30渭m锛屾壂鎻忎华鐨勮緭鍑烘暟鎹簲鑷冲皯鍖呭惈鏍囧噯STL鏂囦欢銆�
                     </p>
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">涓嬮杩愬姩杞ㄨ抗鎻忚浠�</span></p>
-                    <p class="quotation">
-                        涓嬮杩愬姩杞ㄨ抗鎻忚浠槸鍒╃敤纾佺數杞崲鍙嶆槧涓嬮杩愬姩杞ㄨ抗鐨勪竴绉嶄华鍣紝涓昏鐢辩閽€�佺鏁忎紶鎰熷櫒鍜屾樉绀鸿缃笁閮ㄥ垎鏋勬垚銆傚綋涓嬮杩愬姩鏃讹紝绮樺浐鍦ㄤ笅棰屼腑鍒囩墮鍞囦晶鐨勭閽骇鐢熷井閲忕殑纾佸満鍙樺寲淇″彿锛岀粡纾佹晱浼犳劅鍣ㄨ浆鍖栦负鐢典俊鍙凤紝閫佽嚦绀烘尝鍣ㄦ斁澶ф樉绀哄湪灞忓箷涓婏紝杩欎釜涓嬮涓垏鐗欑殑杩愬姩鎯呭喌鍗充负涓嬮杩愬姩杞ㄨ抗銆備笅棰岃繍鍔ㄨ建杩规弿璁颁华鑳藉鎻忚鐭㈢姸闈€�佸啝鐘堕潰銆佹按骞抽潰涓変釜缁村害鐨勮建杩癸紝涔熷彲杩炴帴鑲岀數鍥句华鍣紝鍚屾璁板綍鐩稿叧鑲岃倝鐨勮倢鐢靛浘锛屼絾涓嶈兘璁板綍楂佺獊鐨勮繍鍔ㄨ建杩癸紝娣辫<img
-                            class="s-pic" src="../../assets/images/0026_02.png" alt="" />鎮h�呬娇鐢ㄥ彈闄愩��</p>
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
-                    <p class="content">鍙h厰鎵弿鎶�鏈换鍔¤瘎浠锋爣鍑嗚琛�1-1-1銆�</p>
-                    <p class="imgtitle">琛�1-1-1銆�鍙h厰鎵弿鎶�鏈换鍔¤瘎浠锋爣鍑�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0026-03.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">涓嬮杩愬姩杞ㄨ抗鎻忚浠�</span></p>
+                        <p class="quotation">
+                            涓嬮杩愬姩杞ㄨ抗鎻忚浠槸鍒╃敤纾佺數杞崲鍙嶆槧涓嬮杩愬姩杞ㄨ抗鐨勪竴绉嶄华鍣紝涓昏鐢辩閽€�佺鏁忎紶鎰熷櫒鍜屾樉绀鸿缃笁閮ㄥ垎鏋勬垚銆傚綋涓嬮杩愬姩鏃讹紝绮樺浐鍦ㄤ笅棰屼腑鍒囩墮鍞囦晶鐨勭閽骇鐢熷井閲忕殑纾佸満鍙樺寲淇″彿锛岀粡纾佹晱浼犳劅鍣ㄨ浆鍖栦负鐢典俊鍙凤紝閫佽嚦绀烘尝鍣ㄦ斁澶ф樉绀哄湪灞忓箷涓婏紝杩欎釜涓嬮涓垏鐗欑殑杩愬姩鎯呭喌鍗充负涓嬮杩愬姩杞ㄨ抗銆備笅棰岃繍鍔ㄨ建杩规弿璁颁华鑳藉鎻忚鐭㈢姸闈€�佸啝鐘堕潰銆佹按骞抽潰涓変釜缁村害鐨勮建杩癸紝涔熷彲杩炴帴鑲岀數鍥句华鍣紝鍚屾璁板綍鐩稿叧鑲岃倝鐨勮倢鐢靛浘锛屼絾涓嶈兘璁板綍楂佺獊鐨勮繍鍔ㄨ建杩癸紝娣辫瓞寳鎮h�呬娇鐢ㄥ彈闄愩��
+                        </p>
+                    </div>
 
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
+                    <p class="content">鍙h厰鎵弿鎶�鏈换鍔¤瘎浠锋爣鍑嗚琛�1-1-1銆�</p>
+                    <p class="imgtitle imgdescript-b">琛�1-1-1銆�鍙h厰鎵弿鎶�鏈换鍔¤瘎浠锋爣鍑�</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0026-03.jpg"
+                            style="width:100%;margin-top: -12px;" alt="琛�1-1-1銆�鍙h厰鎵弿鎶�鏈换鍔¤瘎浠锋爣鍑�" active="true" /></div>
                 </div>
                 <div class="page-bottom-left">010</div>
             </div>
@@ -195,34 +228,43 @@
                 </div>
                 <div class="bodystyle">
                     <h2 class="secondTitle">浠诲姟浜屻��鍙h厰鎵弿鎶�鏈伐鑹烘祦绋�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">鏌愭偅鑰呰姹傝繘琛�11鐑ょ摲鍐犱慨澶嶏紝闂ㄨ瘖鍖荤敓鍦ㄦ不鐤楄繃绋嬩腑涓烘偅鑰呰繘琛屼簡鍙e唴鎵弿锛屽苟灏嗘暟鎹紶缁欏彛鑵旀妧宸ュ銆�</p>
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">1锛庡彛鍐呮壂鎻忕殑鍏蜂綋鎿嶄綔姝ラ鏄�庢牱鐨勶紵</p>
-                    <p class="content">2锛庡彛鍐呮壂鎻忔妧鏈拰鐗欓妯″瀷鎵弿鎶�鏈湁浠�涔堝尯鍒紝鍚勬湁浠�涔堜紭鍔匡紵</p>
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
-                    <div class="bodyPic"><img src="../../assets/images/0027-01.jpg" style="width:30%" alt=""
-                            active="true" /></div>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title bold">浠诲姟妗堜緥</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">鏌愭偅鑰呰姹傝繘琛�11鐑ょ摲鍐犱慨澶嶏紝闂ㄨ瘖鍖荤敓鍦ㄦ不鐤楄繃绋嬩腑涓烘偅鑰呰繘琛屼簡鍙e唴鎵弿锛屽苟灏嗘暟鎹紶缁欏彛鑵旀妧宸ュ銆�</p>
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">1锛庡彛鍐呮壂鎻忕殑鍏蜂綋鎿嶄綔姝ラ鏄�庢牱鐨勶紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">2锛庡彛鍐呮壂鎻忔妧鏈拰鐗欓妯″瀷鎵弿鎶�鏈湁浠�涔堝尯鍒紝鍚勬湁浠�涔堜紭鍔匡紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">
                         鍙h厰鎵弿鎶�鏈富瑕佸寘鎷彛鍐呮壂鎻忔妧鏈拰鐗欓妯″瀷鎵弿鎶�鏈袱绉嶃�傚彛鍐呮壂鎻忔妧鏈槸灏嗗彛鍐呮壂鎻忎华鐨勫厜瀛︽壂鎻忓ご浼稿叆鎮h�呭彛鍐咃紝鐩存帴瀵圭墮榻裤�侀粡鑶滅瓑杞‖缁勭粐琛ㄩ潰褰㈡�佽繘琛屾壂鎻忥紝瀹炴椂閲嶅缓鎵弿鍖哄煙鐨勪笁缁存暟瀛楁ā鍨嬶紝蹇�熻幏鍙栧厜瀛﹀嵃妯$殑鏂规硶銆傜墮棰屾ā鍨嬫壂鎻忔妧鏈槸灏嗗彛鑵斿嵃妯℃垨鍙h厰妯″瀷鏀剧疆鍦ㄥ彴寮忔壂鎻忎华涓紝鑾峰彇鍗版ā鎴栨ā鍨嬫暟鎹紝鐢熸垚涓夌淮鏁板瓧鍖栨ā鍨嬬殑鏂规硶銆傛湰浠诲姟涓昏浠嬬粛杩欎袱绉嶆壂鎻忔妧鏈殑宸ヨ壓娴佺▼銆�
                     </p>
                     <h3 class="thirdTitle">涓�銆佸彛鍐呮壂鎻忔妧鏈伐鑹烘祦绋�</h3>
+                    <bookVideo :videoInfo="getResourceInfo('D19')" :BookId="config.activeBook.bookId"></bookVideo>
                     <p class="poemtitle-l">锛堜竴锛夊彛鍐呮壂鎻忎华鐨勭粍鎴�</p>
                     <p class="content">鍙e唴鎵弿浠槸鐢辨壂鎻忔灙銆佹敮鏋躲�佹壂鎻忓ご銆佹牎鍑嗗ご锛堟垨鏍囧畾浠級銆佽蒋浠躲�佸姞瀵嗙嫍鍙婄數婧愰�傞厤绾跨瓑鏋勬垚鐨勶紝浣跨敤鏃堕渶瑕佷笌鐢佃剳杩炴帴銆�</p>
                     <p class="poemtitle-l">锛堜簩锛夋壂鎻忓墠鐨勫噯澶囧伐浣�</p>
-                    <p class="content"><span class="bold">1锛庤繛鎺�</span>銆�灏嗘壂鎻忎华涓庣數鑴戣繘琛岃繛鎺ワ紝纭繚鐢垫簮鍜屾暟鎹嚎宸叉纭繛鎺ャ��</p>
-                    <p class="content"><span class="bold">2锛庢鏌ョ▼搴忓拰鏇存柊</span>銆�纭畾鐢佃剳涓婂畨瑁呬簡鐩稿簲鐨勯┍鍔ㄧ▼搴忓拰杞欢锛屾煡鐪嬫槸鍚︽湁杞欢鏇存柊锛屾鏌ユ壂鎻忎华鏄惁姝e父宸ヤ綔銆�</p>
+                    <p class="content"><span class="bold fontGreen">1锛庤繛鎺�</span>銆�灏嗘壂鎻忎华涓庣數鑴戣繘琛岃繛鎺ワ紝纭繚鐢垫簮鍜屾暟鎹嚎宸叉纭繛鎺ャ��</p>
                     <p class="content"><span
-                            class="bold">3锛庢牎鍑�</span>銆�瀵规壂鎻忎华鍋氬ソ鏃ュ父缁存姢锛屼竴鑸�7澶╁乏鍙宠繘琛屼竴娆℃牎鍑嗐�傛牎鍑嗘椂锛屽皢鎵弿澶村彇涓嬶紝杩炴帴鏍″噯澶淬�傛牴鎹郴缁熸彁绀猴紝瀹屾垚鏍″噯銆傞�氳繃鏍″噯锛岃兘澶熸洿鍑嗙‘鍦伴噰闆嗗彛鑵旇蒋纭粍缁囧舰鎬佸拰鎮h�呯殑鐗欓娇棰滆壊锛屽埄浜庡紑灞曟暟瀛楀寲姣旇壊鍜岄珮娓呯収鐗囩殑鎷嶆憚锛堝浘1-2-1锛夈��
+                            class="bold fontGreen">2锛庢鏌ョ▼搴忓拰鏇存柊</span>銆�纭畾鐢佃剳涓婂畨瑁呬簡鐩稿簲鐨勯┍鍔ㄧ▼搴忓拰杞欢锛屾煡鐪嬫槸鍚︽湁杞欢鏇存柊锛屾鏌ユ壂鎻忎华鏄惁姝e父宸ヤ綔銆�</p>
+                    <p class="content"><span
+                            class="bold fontGreen">3锛庢牎鍑�</span>銆�瀵规壂鎻忎华鍋氬ソ鏃ュ父缁存姢锛屼竴鑸�7澶╁乏鍙宠繘琛屼竴娆℃牎鍑嗐�傛牎鍑嗘椂锛屽皢鎵弿澶村彇涓嬶紝杩炴帴鏍″噯澶淬�傛牴鎹郴缁熸彁绀猴紝瀹屾垚鏍″噯銆傞�氳繃鏍″噯锛岃兘澶熸洿鍑嗙‘鍦伴噰闆嗗彛鑵旇蒋纭粍缁囧舰鎬佸拰鎮h�呯殑鐗欓娇棰滆壊锛屽埄浜庡紑灞曟暟瀛楀寲姣旇壊鍜岄珮娓呯収鐗囩殑鎷嶆憚锛堝浘1-2-1锛夈��
                     </p>
-
                 </div>
                 <div class="page-bottom-right">011</div>
             </div>
         </div>
-
         <!-- Page 18 (鍋舵暟椤�) -->
         <div class="page-box" page="18">
             <div v-if="showPageList.indexOf(18) > -1">
@@ -232,34 +274,48 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0028-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript-l-b">鍥�1-2-1銆�鏍″噯鍓嶅悗閲囬泦鐨勫浘鍍忓姣�</p>
-                        <p class="imgdescript">A锛庢牎鍑嗗墠锛汢锛庢牎鍑嗗悗銆�</p>
+                    <div class="imgBox-003 openImgBox">
+                        <div class="swiper-container swiper-img">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide">
+                                    <div class="imgBox" style="width: 100%; height: 100%">
+                                        <img src="../../assets/images/0028-01-01.png" alt="鍥�1-2-1銆�鏍″噯鍓嶅悗閲囬泦鐨勫浘鍍忓姣�" />
+                                    </div>
+                                </div>
+                                <div class="swiper-slide">
+                                    <div class="imgBox" style="width: 100%; height: 100%">
+                                        <img src="../../assets/images/0028-01-02.png" alt="鍥�1-2-1銆�鏍″噯鍓嶅悗閲囬泦鐨勫浘鍍忓姣�" />
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-button-next"></div>
+                            <div class="swiper-button-prev"></div>
+                        </div>
                     </div>
-                    <p class="content"><span class="bold">4锛庢劅鏌撻槻鎺�</span>銆�涓烘偅鑰呭噯澶囦竴娆℃�т娇鐢ㄧ殑鎵弿鍙i暅鎴栦繚鎶ゅ銆�</p>
-                    <p class="content"><span class="bold">5锛庤皟鑺備綋浣�</span>銆�鎮h�呭憟浠板崸浣嶏紝鍖荤敓浣嶄簬鎮h�呭彸鍚庢柟锛屽尰鐢熻倶閮ㄤ笌鎮h�呭ご閮ㄥ钩琛屻�傛壂鎻忎笂棰岀墮鏃讹紝鎮h��<img
+                    <p class="imgdescript-b">鍥�1-2-1銆�鏍″噯鍓嶅悗閲囬泦鐨勫浘鍍忓姣�</p>
+                    <p class="imgdescript-l">A锛庢牎鍑嗗墠锛汢锛庢牎鍑嗗悗銆�</p>
+                    <p class="content"><span class="bold fontGreen">4锛庢劅鏌撻槻鎺�</span>銆�涓烘偅鑰呭噯澶囦竴娆℃�т娇鐢ㄧ殑鎵弿鍙i暅鎴栦繚鎶ゅ銆�</p>
+                    <p class="content"><span
+                            class="bold fontGreen">5锛庤皟鑺備綋浣�</span>銆�鎮h�呭憟浠板崸浣嶏紝鍖荤敓浣嶄簬鎮h�呭彸鍚庢柟锛屽尰鐢熻倶閮ㄤ笌鎮h�呭ご閮ㄥ钩琛屻�傛壂鎻忎笂棰岀墮鏃讹紝鎮h��<img
                             class="s-pic" src="../../assets/images/0026_02.png" alt="" />骞抽潰涓庡湴闈㈡垚45掳锝�90掳锛涙壂鎻忎笅棰岀墮鏃讹紝<img
                             class="s-pic" src="../../assets/images/0026_02.png" alt="" />骞抽潰灏介噺涓庡湴闈㈠钩琛屻��</p>
                     <p class="content"><span
-                            class="bold">6锛庡尰鎮f矡閫�</span>銆�鍚戞偅鑰呰В閲婃壂鎻忔搷浣滆繃绋嬶紝璇存槑鎿嶄綔杩囩▼涓殑娉ㄦ剰浜嬮」锛屽槺鎮h�呭敖閲忎繚鎸侀潤姝笉鍔ㄣ�傛壂鎻忓墠璇锋偅鑰呮急鍙e幓闄ゅ彛鍐呯殑娈嬫福锛屾斁缃惛鍞剧鎴栨鍗凤紝鍚稿共鎵弿鍖哄煙鐨勫斁娑层��
+                            class="bold fontGreen">6锛庡尰鎮f矡閫�</span>銆�鍚戞偅鑰呰В閲婃壂鎻忔搷浣滆繃绋嬶紝璇存槑鎿嶄綔杩囩▼涓殑娉ㄦ剰浜嬮」锛屽槺鎮h�呭敖閲忎繚鎸侀潤姝笉鍔ㄣ�傛壂鎻忓墠璇锋偅鑰呮急鍙e幓闄ゅ彛鍐呯殑娈嬫福锛屾斁缃惛鍞剧鎴栨鍗凤紝鍚稿共鎵弿鍖哄煙鐨勫斁娑层��
                     </p>
-                    <p class="poemtitle-l">锛堜笁锛夋搷浣滄楠�</p>
+                    <p class="poemtitle-l kTitle">锛堜笁锛夋搷浣滄楠�</p>
                     <p class="content">鍙e唴鎵弿鐨勪复搴婃搷浣滀富瑕佸寘鎷笁涓楠わ紝鍗冲垱寤鸿鍗曘�佽幏鍙栨暟鎹�佹暟鎹鐞嗗強涓婁紶锛堝浘1-2-2锛夈�傛妧宸ュ鎺ュ埌鏁版嵁鍚庯紝鍦ㄦ暟鎹殑鍩虹涓婏紝鍔犲伐鍑烘爲鑴傜墮棰屾ā鍨嬪拰涔夐娇銆�</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0028-04.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-2-2銆�鍙e唴鎵弿涓村簥鎿嶄綔姝ラ</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0028-04.jpg" style="width:100%" alt="鍥�1-2-2銆�鍙e唴鎵弿涓村簥鎿嶄綔姝ラ"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�1-2-2銆�鍙e唴鎵弿涓村簥鎿嶄綔姝ラ</p>
                     </div>
                     <p class="content"><span
-                            class="bold">1锛庡垱寤鸿鍗�</span>銆�寤虹珛鏂版偅鑰咃紝濉啓鎮h�呭熀鏈俊鎭紝鏂逛究鏃ュ悗鏌ユ壘銆傚垱寤烘柊鐥呬緥璁㈠崟锛堝浘1-2-3锛夈�傛牴鎹偅鑰呯殑閫傚簲璇侊紝璇︾粏濉啓鐗欎綅鍙婂叾淇鐨勮璁℃柟妗堛�佷慨澶嶆潗鏂欑瓑淇℃伅銆�
+                            class="bold fontGreen">1锛庡垱寤鸿鍗�</span>銆�寤虹珛鏂版偅鑰咃紝濉啓鎮h�呭熀鏈俊鎭紝鏂逛究鏃ュ悗鏌ユ壘銆傚垱寤烘柊鐥呬緥璁㈠崟锛堝浘1-2-3锛夈�傛牴鎹偅鑰呯殑閫傚簲璇侊紝璇︾粏濉啓鐗欎綅鍙婂叾淇鐨勮璁℃柟妗堛�佷慨澶嶆潗鏂欑瓑淇℃伅銆�
                     </p>
-
-
                 </div>
                 <div class="page-bottom-left">012</div>
             </div>
         </div>
-
         <!-- Page 19 (濂囨暟椤�) -->
         <div class="page-box" page="19">
             <div v-if="showPageList.indexOf(19) > -1">
@@ -268,38 +324,39 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0029-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-3銆�鏂扮梾渚嬭鍗曠晫闈�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0029-01.jpg" style="width:75%" alt="鍥�1-2-3銆�鏂扮梾渚嬭鍗曠晫闈�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�1-2-3銆�鏂扮梾渚嬭鍗曠晫闈�</p>
                     </div>
-                    <p class="content"><span class="bold">2锛庤幏鍙栨暟鎹�</span>銆�鎸夌収涓嬮鈫掍笂棰屸啋鍜悎鐨勯『搴忥紝渚濇瀹屾垚鍙e唴鎵弿锛堝浘1-2-4锛夈��</p>
-                    <p class="content">锛�1锛�<img class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈㈡壂鎻忥細鍏堝畾浣嶏紝鎵弿澶村鍑嗙墮鍒楁湯绔(鐗欑殑<img class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈紱鍐嶆寜寮�濮嬮敭锛岀敱涓�渚у悜鍙︿竴渚ф壂鎻忕墮鍒�<img class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈€�傛壂鎻忔灙澶村缁堟湞鍚戞偅鑰呭捊閮ㄣ�傚悗鐗欏尯淇濇寔闀滃ご骞宠浜�<img class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈紝鍓嶇墮鍖洪暅澶村彲閫傚綋鍚戣垖渚у�炬枩锛屽仛灏忓箙搴﹀攪鑸屼晶缈昏浆锛屼互鎵叏鍒囩淇℃伅锛岄伩鍏嶆暟鎹垎灞傘��</p>
-                    <p class="content">锛�2锛夎垖闈㈡壂鎻忥紙鍥�1-2-5锛夛細鎵弿<img class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈㈠悗锛屽皢闀滃ご鏈濆悜鐗欏紦鑸屼晶锛屼娇鎵弿鏋敖閲忓瀭鐩翠簬鐗欏紦锛堟垨骞宠浜庣墮浣撻暱杞达級锛岄�傚綋鎵浆闀滃ご纭繚鎵弿鍒拌垖渚ц繎杩滀腑閭婚潰銆�</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0029-07.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-2-4銆�<img class="s-pic" src="../../assets/images/0026_02.png"
-                                alt="" />闈㈡壂鎻�</p>
+                    <p class="content"><span class="bold fontGreen">2锛庤幏鍙栨暟鎹�</span>銆�鎸夌収涓嬮鈫掍笂棰屸啋鍜悎鐨勯『搴忥紝渚濇瀹屾垚鍙e唴鎵弿锛堝浘1-2-4锛夈��</p>
+                    <p class="content">
+                        锛�1锛夝瑢楅潰鎵弿锛氬厛瀹氫綅锛屾壂鎻忓ご瀵瑰噯鐗欏垪鏈纾ㄧ墮鐨勷瑢楅潰锛涘啀鎸夊紑濮嬮敭锛岀敱涓�渚у悜鍙︿竴渚ф壂鎻忕墮鍒楌瑢楅潰銆傛壂鎻忔灙澶村缁堟湞鍚戞偅鑰呭捊閮ㄣ�傚悗鐗欏尯淇濇寔闀滃ご骞宠浜庰瑢楅潰锛屽墠鐗欏尯闀滃ご鍙�傚綋鍚戣垖渚у�炬枩锛屽仛灏忓箙搴﹀攪鑸屼晶缈昏浆锛屼互鎵叏鍒囩淇℃伅锛岄伩鍏嶆暟鎹垎灞傘��
+                    </p>
+                    <div class="txtSurroundRight">
+                        <div class="qrbodyPic ">
+                            <img class="openImgBox" src="../../assets/images/0029-07.jpg" style="width:250px"
+                                alt="瓞寳闈㈡壂鎻�" active="true" />
+                            <p class="imgdescript-b fontGreen">鍥�1-2-4銆�<span>瓞寳</span>闈㈡壂鎻�</p>
+                        </div>
+                        <p class="content">锛�2锛夎垖闈㈡壂鎻忥紙鍥�1-2-5锛夛細鎵弿瓞寳闈㈠悗锛屽皢闀滃ご鏈濆悜鐗欏紦鑸屼晶锛屼娇鎵弿鏋敖閲忓瀭鐩翠簬鐗欏紦锛堟垨骞宠浜庣墮浣撻暱杞达級锛岄�傚綋鎵浆闀滃ご纭繚鎵弿鍒拌垖渚ц繎杩滀腑閭婚潰銆�
+                        </p>
+                        <p class="content">
+                            鎵弿鏈纾ㄧ墮鐨勮繙涓潰鏃讹紝鍙槺鎮h�呭槾宸寸◢寰棴灏忎竴浜涳紝灏嗘壂鎻忔灙鏋焺鎶瓞寳闈紝浣块暅澶村敖閲忎几鍚戞湯绔(鐗欑殑杩滀腑锛涘湪鍙栨櫙鍣ㄥ唴鐪嬪埌杩滀腑闈俊鎭悗锛屼繚鎸�1锝�2绉掞紝骞崇ǔ璋冩暣闀滃ご瑙掑害锛屽彲鍋氬皬骞呭害鐨勯鑸屼晶杞姩锛岀‘淇濇壂鍏ㄨ繙涓潰鐨勪俊鎭��
+                        </p>
+                        <p class="content">鎵弿涓婇纭叚鏃讹紝鍙互鍋歋褰㈡洸绾匡紝閬垮厤閬楁紡銆�</p>
+
                     </div>
-                    <p class="content">鎵弿鏈纾ㄧ墮鐨勮繙涓潰鏃讹紝鍙槺鎮h�呭槾宸寸◢寰棴灏忎竴浜涳紝灏嗘壂鎻忔灙鏋焺鎶<img class="s-pic"
-                            src="../../assets/images/0026_02.png"
-                            alt="" />闈紝浣块暅澶村敖閲忎几鍚戞湯绔(鐗欑殑杩滀腑锛涘湪鍙栨櫙鍣ㄥ唴鐪嬪埌杩滀腑闈俊鎭悗锛屼繚鎸�1锝�2绉掞紝骞崇ǔ璋冩暣闀滃ご瑙掑害锛屽彲鍋氬皬骞呭害鐨勯鑸屼晶杞姩锛岀‘淇濇壂鍏ㄨ繙涓潰鐨勪俊鎭��</p>
-                    <p class="content">鎵弿涓婇纭叚鏃讹紝鍙互鍋歋褰㈡洸绾匡紝閬垮厤閬楁紡銆�</p>
-                    <div class="qrbodyPic">
+                    <div class="qrbodyPic openImgBox">
                         <img src="../../assets/images/0029-10.jpg" style="width:80%" alt="" active="true" />
                         <p class="imgdescript-b">鍥�1-2-5銆�鑸岄潰鎵弿椤哄簭</p>
-                        <p class="imgdescript">A锛庝笅棰岋紱B锛庝笂棰屻��</p>
+                        <p class="imgdescript-l">A锛庝笅棰岋紱B锛庝笂棰屻��</p>
                     </div>
 
                 </div>
                 <div class="page-bottom-right">013</div>
             </div>
         </div>
-
         <!-- Page 20 (鍋舵暟椤�) -->
         <div class="page-box" page="20">
             <div v-if="showPageList.indexOf(20) > -1">
@@ -310,35 +367,37 @@
                 </div>
                 <div class="bodystyle">
                     <p class="content">
-                        锛�3锛夊攪棰婇潰鎵弿锛堝浘1-2-6锛夛細鍦ㄦ壂鎻忓攪棰婁晶鏃讹紝涓轰簡澧炲姞鎮h�呯殑鑸掗�傚害锛屽彲鍒嗗埆浠庣(鐗欒繙涓悜涓嚎杩涜鎵弿銆傛壂鎻忓墠鐗欐椂锛岄暅澶磋创杩戠墮闈紝鐗垫媺鍞囦晶杞粍缁囷紱鎵弿鍚庣墮鏃讹紝闀滃ご涓�<img
-                            class="s-pic" src="../../assets/images/0026_02.png" alt="" />闈㈠ぇ绾︽垚45掳锛屽湪鍙栨櫙鍣ㄤ腑鑳藉悓鏃剁湅鍒�<img
-                            class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈㈠拰棰婇潰锛岄伩鍏嶆暟鎹垎灞傘�傛壂鎻忓墠鐗欏攪闈㈡椂锛屾壂鎻忔灙鍙互妯悜鎻℃寔锛屾壂鎻忓ご鎸囧悜鐗欏紦鍚屼晶銆�</p>
+                        锛�3锛夊攪棰婇潰鎵弿锛堝浘1-2-6锛夛細鍦ㄦ壂鎻忓攪棰婁晶鏃讹紝涓轰簡澧炲姞鎮h�呯殑鑸掗�傚害锛屽彲鍒嗗埆浠庣(鐗欒繙涓悜涓嚎杩涜鎵弿銆傛壂鎻忓墠鐗欐椂锛岄暅澶磋创杩戠墮闈紝鐗垫媺鍞囦晶杞粍缁囷紱鎵弿鍚庣墮鏃讹紝闀滃ご涓庰瑢楅潰澶х害鎴�45掳锛屽湪鍙栨櫙鍣ㄤ腑鑳藉悓鏃剁湅鍒梆瑢楅潰鍜岄闈紝閬垮厤鏁版嵁鍒嗗眰銆傛壂鎻忓墠鐗欏攪闈㈡椂锛屾壂鎻忔灙鍙互妯悜鎻℃寔锛屾壂鎻忓ご鎸囧悜鐗欏紦鍚屼晶銆�
+                    </p>
                     <p class="content">
                         锛�4锛夊挰鍚堟壂鎻忥紙鍥�1-2-7锛夛細妫�鏌ユ偅鑰呮涓挰鍚堬紝鐢ㄥ彛闀滅壍鎷夊彛瑙掞紝灏嗘壂鎻忓ご鏀惧湪棰婁晶锛屼娇闀滃ご澶勪簬涓婁笅棰屼腑闂达紝鍦ㄥ彇鏅櫒鍐呰兘鍚屾椂鐪嬪埌涓婁笅棰岀墮鍙婂叾鍜悎鐘舵�併�備繚鎸侀暅澶磋创杩戦渚х墮寮擄紝浠庡悗鐗欏悜鍓嶇墮娉㈡氮寮忕Щ鍔紝渚濇瀹屾垚鍙屼晶鍜悎鎵弿銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0030-03.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-6銆�鍞囬闈㈡壂鎻�</p>
-                    </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0030-04.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-7銆�鍜悎鎵弿</p>
+                    <div class="img-box">
+                        <div class="qrbodyPic openImgBox">
+                            <img src="../../assets/images/0030-03.jpg" style="width:90%" alt="鍥�1-2-6銆�鍞囬闈㈡壂鎻�"
+                                active="true" />
+                            <p class="imgdescript-b">鍥�1-2-6銆�鍞囬闈㈡壂鎻�</p>
+                        </div>
+                        <div class="qrbodyPic openImgBox">
+                            <img src="../../assets/images/0030-04.jpg" style="width:90%" alt="鍥�1-2-7銆�鍜悎鎵弿"
+                                active="true" />
+                            <p class="imgdescript-b">鍥�1-2-7銆�鍜悎鎵弿</p>
+                        </div>
                     </div>
                     <p class="content">锛�5锛夋鏌ュ強淇暣锛氭壂鎻忓畬鎴愬悗锛岄渶瑕佽繘琛屽疄鏃舵鏌ュ拰鏁翠綋妫�鏌ワ紝骞惰繘琛屼慨鏁淬��</p>
-                    <p class="content">1锛夊疄鏃舵鏌ワ細鍗曢鎵弿瀹屾垚鍚庯紝瀹炴椂妫�鏌ユ壂鎻忓浘鍍忥紝纭繚鎵弿鍥惧儚鐨勫畬鏁存�с�備竴鑸粠鍓嶇墮鍒囩銆侀鑸屼晶杩戜腑鍜岃繙涓偦闈€�佹湯绔(鐗欒繙涓��<img class="s-pic"
-                            src="../../assets/images/0026_02.png"
-                            alt="" />闈㈠拰鐗欓緢缁勭粐浜斾釜鏂归潰杩涜妫�鏌ャ�傛牴鎹渶瑕侊紝鍙互閲嶆柊鎵弿閬楁紡鎴栨ā绯婄殑鍖哄煙銆傚鏋滃浘鍍忓畬鏁达紝鍙鎵弿鍥惧儚鐨勮竟缂樿繘琛屼慨鏁达紙鍥�1-2-8锛夈��</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0030-06.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-8銆�瀹炴椂妫�鏌ュ強淇暣</p>
+                    <p class="content">
+                        1锛夊疄鏃舵鏌ワ細鍗曢鎵弿瀹屾垚鍚庯紝瀹炴椂妫�鏌ユ壂鎻忓浘鍍忥紝纭繚鎵弿鍥惧儚鐨勫畬鏁存�с�備竴鑸粠鍓嶇墮鍒囩銆侀鑸屼晶杩戜腑鍜岃繙涓偦闈€�佹湯绔(鐗欒繙涓�侌瑢楅潰鍜岀墮榫堢粍缁囦簲涓柟闈㈣繘琛屾鏌ャ�傛牴鎹渶瑕侊紝鍙互閲嶆柊鎵弿閬楁紡鎴栨ā绯婄殑鍖哄煙銆傚鏋滃浘鍍忓畬鏁达紝鍙鎵弿鍥惧儚鐨勮竟缂樿繘琛屼慨鏁达紙鍥�1-2-8锛夈��
+                    </p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0030-06.jpg" style="width:70%" alt="鍥�1-2-8銆�瀹炴椂妫�鏌ュ強淇暣"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�1-2-8銆�瀹炴椂妫�鏌ュ強淇暣</p>
                     </div>
 
                 </div>
                 <div class="page-bottom-left">014</div>
             </div>
         </div>
-
         <!-- Page 21 (濂囨暟椤�) -->
         <div class="page-box" page="21">
             <div v-if="showPageList.indexOf(21) > -1">
@@ -352,22 +411,23 @@
                         锛�6锛夋敞鎰忎簨椤癸細鈶犳壂鎻忓墠锛岄渶绉诲紑鏃犲奖鐏紝閬垮厤鍏朵粬澶栭儴鍏夋簮褰卞搷鎵弿缁撴灉銆傗憽鍚瑰共鎴栨嫮骞查澶囦綋鍛ㄥ洿銆侀偦鐗欍�佸挰鍚堥潰鐨勫斁娑层�傗憿闀滃ご濮嬬粓璐磋繎鐗欓潰锛屼繚鎸佺墮鍒楀缁堜綅浜庨暅澶翠腑闂淬�傗懀鎵弿鏋繛缁钩绋崇Щ鍔ㄣ�傗懁瀵逛簬閭婚棿闅欍�佽偐鍙般�佸�掑嚬鍖虹瓑缂濋殭閮ㄤ綅锛屽簲閫傚綋杞姩鎵弿澶达紝浣垮緱闀滈潰姝e缁勭粐琛ㄩ潰锛屼繚璇佸厜绾胯兘澶熷埌杈俱�傗懃娉ㄦ剰鐗垫媺鍞囬儴杞粍缁囥��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庢暟鎹鐞嗗強涓婁紶</span>銆�鍦ㄨ蒋浠朵腑缂栬緫鍜屼紭鍖栨壂鎻忔暟鎹紝鐢熸垚涓夌淮鏁板瓧妯″瀷銆傜敱鎶�甯堝湪妞呮梺涓烘偅鑰呰繘琛屽嵆鍒昏璁″埗浣滐紝鎴栧皢鏁版嵁鍙戦�佺粰鎶�宸ュ杩涜鍚庣画3D妯″瀷鎵撳嵃鎴朇AD/CAM鎿嶄綔銆傚皢鎵弿鏁版嵁淇濆瓨鍦ㄦ偅鑰呯梾渚嬫。妗堜腑锛屽畾鏈熷浠斤紝浠ラ槻涓㈠け銆�
+                            class="bold fontGreen">3锛庢暟鎹鐞嗗強涓婁紶</span>銆�鍦ㄨ蒋浠朵腑缂栬緫鍜屼紭鍖栨壂鎻忔暟鎹紝鐢熸垚涓夌淮鏁板瓧妯″瀷銆傜敱鎶�甯堝湪妞呮梺涓烘偅鑰呰繘琛屽嵆鍒昏璁″埗浣滐紝鎴栧皢鏁版嵁鍙戦�佺粰鎶�宸ュ杩涜鍚庣画3D妯″瀷鎵撳嵃鎴朇AD/CAM鎿嶄綔銆傚皢鎵弿鏁版嵁淇濆瓨鍦ㄦ偅鑰呯梾渚嬫。妗堜腑锛屽畾鏈熷浠斤紝浠ラ槻涓㈠け銆�
                     </p>
                     <h3 class="thirdTitle">浜屻�佺墮棰屾ā鍨嬫壂鎻忔妧鏈伐鑹烘祦绋�</h3>
                     <p class="content">鐗欓妯″瀷鎵弿鍗冲鍙h厰鐭宠啅妯″瀷杩涜鎵弿锛屽伐鑹烘瘮杈冩垚鐔燂紝鎵弿绮惧害绋冲畾鍙潬锛屾槸鍙h厰鎶�甯堝繀椤绘帉鎻$殑涓�椤瑰熀鏈妧鑳姐�備笅闈互鍗曞啝淇涓轰緥锛屼粙缁嶇墮棰屾ā鍨嬫壂鎻忔妧鏈伐鑹虹殑鍩烘湰娴佺▼銆�
                     </p>
-                    <p class="poemtitle-l">锛堜竴锛夌墮棰屾ā鍨嬫壂鎻忎华鐨勭粍鎴�</p>
+                    <p class="poemtitle-l kTitle">锛堜竴锛夌墮棰屾ā鍨嬫壂鎻忎华鐨勭粍鎴�</p>
                     <p class="content">鐗欓妯″瀷鎵弿浠富瑕佺敱鎵弿鐩樸�佹壂鎻忔憚鍍忓ご銆佹牎鍑嗗伐鍏枫�佽蒋浠躲�佸姞瀵嗙嫍鍙婄數婧愰�傞厤绾跨瓑鏋勬垚锛屼娇鐢ㄦ椂闇�瑕佷笌鐢佃剳杩炴帴銆傛壂鎻忕簿搴︿笉浣庝簬30渭m锛屽彲寮�鏀惧紡杈撳嚭STL鏍煎紡鏂囦欢銆�
                     </p>
-                    <p class="poemtitle-l">锛堜簩锛夋壂鎻忓墠鐨勫噯澶囧伐浣�</p>
+                    <p class="poemtitle-l kTitle">锛堜簩锛夋壂鎻忓墠鐨勫噯澶囧伐浣�</p>
                     <p class="content"><span
-                            class="bold">1锛庢壂鎻忎华鏍″噯</span>銆�鎵弿浠簲瀹氭湡鏍″噯锛屼竴鑸瘡鍛ㄦ牎鍑�1锝�2娆★紝濡傛壂鎻忎华闀挎椂闂存湭浣跨敤鎴栬绉诲姩锛屽垯搴斿湪浣跨敤鍓嶈繘琛屾牎鍑嗐�傞鍏堢‘璁ゆ壂鎻忎华宸茶繛鎺ワ紝鎵撳紑鎵弿杞欢锛岃繘鍏ヤ富鐣岄潰锛屾墽琛屾牎鍑嗗姛鑳斤紝鏍规嵁鎻愮ず鏀惧叆鏍″噯鍧楋紝鎵弿浠嚜鍔ㄨ繘琛屾牎鍑嗘搷浣滐紝鏍″噯缁撴潫鍚庯紝绯荤粺鎻愮ず鏍″噯瀹屾垚銆�
+                            class="bold fontGreen">1锛庢壂鎻忎华鏍″噯</span>銆�鎵弿浠簲瀹氭湡鏍″噯锛屼竴鑸瘡鍛ㄦ牎鍑�1锝�2娆★紝濡傛壂鎻忎华闀挎椂闂存湭浣跨敤鎴栬绉诲姩锛屽垯搴斿湪浣跨敤鍓嶈繘琛屾牎鍑嗐�傞鍏堢‘璁ゆ壂鎻忎华宸茶繛鎺ワ紝鎵撳紑鎵弿杞欢锛岃繘鍏ヤ富鐣岄潰锛屾墽琛屾牎鍑嗗姛鑳斤紝鏍规嵁鎻愮ず鏀惧叆鏍″噯鍧楋紝鎵弿浠嚜鍔ㄨ繘琛屾牎鍑嗘搷浣滐紝鏍″噯缁撴潫鍚庯紝绯荤粺鎻愮ず鏍″噯瀹屾垚銆�
                     </p>
-                    <p class="content"><span class="bold">2锛庢ā鍨嬫鏌�</span>銆�鎵弿妫�鏌ユā鍨嬫槸鍚﹀畬鏁达紝鏈夋棤缂烘崯銆佹柇瑁傛儏鍐碉紝宸插垎鍓查澶囦綋鑳藉惁鍑嗙‘灏变綅锛屽浣嶅挰鍚堝叧绯绘槸鍚﹀噯纭ǔ瀹氥��
+                    <p class="content"><span
+                            class="bold fontGreen">2锛庢ā鍨嬫鏌�</span>銆�鎵弿妫�鏌ユā鍨嬫槸鍚﹀畬鏁达紝鏈夋棤缂烘崯銆佹柇瑁傛儏鍐碉紝宸插垎鍓查澶囦綋鑳藉惁鍑嗙‘灏变綅锛屽浣嶅挰鍚堝叧绯绘槸鍚﹀噯纭ǔ瀹氥��
                     </p>
-                    <p class="poemtitle-l">锛堜笁锛夋搷浣滄楠�</p>
-                    <p class="content"><span class="bold">1锛庡垱寤鸿鍗�</span></p>
+                    <p class="poemtitle-l kTitle">锛堜笁锛夋搷浣滄楠�</p>
+                    <p class="content"><span class="bold fontGreen">1锛庡垱寤鸿鍗�</span></p>
                     <p class="content">锛�1锛夊熀鏈俊鎭細鍖呮嫭寤虹珛鍑嗙‘璁㈠崟鍙枫�佽鍗曞彂鍑哄崟浣嶅拰鍖荤敓銆佸姞宸ヤ紒涓氬悕绉板拰鎿嶄綔鎶�甯堛�佹偅鑰呭熀鏈俊鎭紝渚夸簬浠ュ悗鏌ユ壘銆�</p>
                     <p class="content">锛�2锛変慨澶嶄綋淇℃伅锛堝浘1-2-9锛�</p>
                     <p class="content">1锛夐�夋嫨鐗欎綅锛氱偣鍑婚渶瑕佷慨澶嶇殑鐗欎綅锛屾牴鎹浉鍏抽�夐」閫夋嫨淇绫诲瀷鍚庣墮榻垮皢琚鑹叉爣璁帮紝鏈夋枃瀛楁爣娉ㄣ��</p>
@@ -378,7 +438,6 @@
                 <div class="page-bottom-right">015</div>
             </div>
         </div>
-
         <!-- Page 22 (鍋舵暟椤�) -->
         <div class="page-box" page="22">
             <div v-if="showPageList.indexOf(22) > -1">
@@ -388,19 +447,20 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0032-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-9銆�淇浣撲俊鎭�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0032-01.jpg" style="width:75%" alt="鍥�1-2-9銆�淇浣撲俊鎭�" active="true" />
+                        <p class="imgdescript-b">鍥�1-2-9銆�淇浣撲俊鎭�</p>
                     </div>
                     <p class="content">4锛夐�夋嫨璁捐淇浣撶被鍨嬶細鍏ㄥ啝銆佸祵浣撱�佽创闈€�佽湣鍨嬨�佺簿瀵嗛檮浠躲�佸挰鍚堟澘銆佸叏鍙d箟榻裤�佸彲鎽樹箟榻跨瓑銆�</p>
                     <p class="content">5锛夐�夋嫨淇浣撴潗鏂欙細铚°�侀挻閾�佺函閽涖�佹哀鍖栭攩銆佺幓鐠冮櫠鐡风瓑锛堝浘1-2-10锛夈��</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0032-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�1-2-10銆�淇浣撶被鍨嬪強鏉愭枡閫夋嫨</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0032-02.jpg" style="width:75%" alt="鍥�1-2-10銆�淇浣撶被鍨嬪強鏉愭枡閫夋嫨"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�1-2-10銆�淇浣撶被鍨嬪強鏉愭枡閫夋嫨</p>
                     </div>
                     <p class="content">淇绉嶇被瓒婂銆佹潗鏂欒秺涓板瘜锛岄�傚簲璇佺殑鑼冨洿瓒婂ぇ銆傚彲浠ユ牴鎹叿浣撴儏鍐靛弬鑰冩棫涔夐娇銆佹ā鍨嬫垨鐓х墖锛屽鍔犵編瀛﹁璁°��</p>
                     <p class="content">锛�3锛夎鍗曠‘璁わ細璁㈠崟濉啓瀹屾垚鍚庯紝鐐瑰嚮鈥滅‘璁も�濅繚瀛樸�傚紑濮嬮噰闆嗘暟鎹悗锛屼笂杩颁俊鎭棤娉曟洿鏀广��</p>
-                    <p class="content"><span class="bold">2锛庤幏鍙栨暟鎹�</span></p>
+                    <p class="content"><span class="bold fontGreen titleLeftmove">2锛庤幏鍙栨暟鎹�</span></p>
                     <p class="content">
                         锛�1锛夊浐瀹氭ā鍨嬶細灏嗕笂銆佷笅棰屾ā鍨嬪浐瀹氬湪鎵弿鐩樹笂銆備娇鐗欏紦鎸夌収鎵弿鏉跨殑椹箘褰㈡憜鏀撅紝纭繚妯″瀷鍥哄畾鍚庡浜庡瀭鐩磋閲庝笅鍊掑嚬鍖哄煙杈冨皯鐨勪綅缃�傝嫢鎵弿宸插垎鍓叉ā鍨嬶紝搴旀敞鎰忕‘瀹氫唬鍨嬪畬鍏ㄥ氨浣嶏紝閬垮厤鍥犳姮楂樹唬鍨嬩綅缃�岄�犳垚淇浣撳挰鍚堜綆鐨勬儏鍐点�備娇鎵弿鏉垮簳閮ㄧ殑涓変釜鍗婄悆褰㈠嚬妲戒笌鎵弿鐩樹笂鐨勪笁涓崐鐞冨舰绐佽捣鍒嗗埆鐩稿锛屾壂鎻忔澘鍗冲彲琚鎬у惛闄勫湪鎵弿鐩樹笂锛岀‘淇濇ā鍨嬩綅缃ǔ瀹氥��
                     </p>
@@ -409,7 +469,6 @@
                 <div class="page-bottom-left">016</div>
             </div>
         </div>
-
         <!-- Page 23 (濂囨暟椤�) -->
         <div class="page-box" page="23">
             <div v-if="showPageList.indexOf(23) > -1">
@@ -428,12 +487,14 @@
                     <p class="content">
                         3锛夋壂鎻忎笂棰屾ā鍨嬶紙鍥�1-2-13锛夛細瀵逛笂棰屾ā鍨嬭繘琛屽垵姝ユ壂鎻忥紝鍦ㄥ垵姝ユ壂鎻忓浘褰笂鏍囪鐗欎綅锛岄�夊畾鍩虹墮銆侀偦鐗欍�佸棰岀墮绛変綔涓虹簿缁嗘壂鎻忓尯鍩熴�傚鏋滈渶瑕佸弬鐓у渚у悓鍚嶇墮璁捐涔夐娇锛屼篃鍙繘琛屽叏鐗欏垪绮剧粏鎵弿銆傜簿缁嗘壂鎻忕粨鏉燂紝绋嬪簭澶勭悊鍚庯紝鐢熸垚楂樼簿搴︾殑涓夌淮鏁板瓧妯″瀷銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0033-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-11銆�鎵弿鍜悎鍏崇郴</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0033-01.jpg" style="width:70%" alt="鍥�1-2-11銆�鎵弿鍜悎鍏崇郴"
+                            active="true" />
+                        <p class="imgdescript-b imgTitleRange">鍥�1-2-11銆�鎵弿鍜悎鍏崇郴</p>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0033-02.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0033-02.jpg" style="width:70%" alt="鍥�1-2-12銆�鎵弿涓嬮妯″瀷"
+                            active="true" />
                         <p class="imgdescript-b">鍥�1-2-12銆�鎵弿涓嬮妯″瀷</p>
                         <p class="imgdescript-l">A锛庡垵姝ユ壂鎻忥紱B锛庤ˉ鎵紱C锛庝慨鏁存ā鍨嬪浘鍍忋��</p>
                     </div>
@@ -442,7 +503,6 @@
                 <div class="page-bottom-right">017</div>
             </div>
         </div>
-
         <!-- Page 24 (鍋舵暟椤�) -->
         <div class="page-box" page="24">
             <div v-if="showPageList.indexOf(24) > -1">
@@ -452,21 +512,21 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0034-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-12锛堢画鍥撅級</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0034-01.jpg" style="width:75%" alt="鍥�1-2-12锛堢画鍥撅級" active="true" />
+                        <p class="imgdescript-b">鍥�1-2-12锛堢画鍥撅級</p>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0034-02.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0034-02.jpg" style="width:75%" alt="鍥�1-2-13銆�鎵弿涓婇妯″瀷"
+                            active="true" />
                         <p class="imgdescript-b">鍥�1-2-13銆�鎵弿涓婇妯″瀷</p>
-                        <p class="imgdescript">A锛庡垵姝ユ壂鎻忥紱B锛庤ˉ鎵��</p>
+                        <p class="imgdescript-l">A锛庡垵姝ユ壂鎻忥紱B锛庤ˉ鎵��</p>
                     </div>
 
                 </div>
                 <div class="page-bottom-left">018</div>
             </div>
         </div>
-
         <!-- Page 25 (濂囨暟椤�) -->
         <div class="page-box" page="25">
             <div v-if="showPageList.indexOf(25) > -1">
@@ -475,16 +535,16 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0035-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-13锛堢画鍥撅級</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0035-01.jpg" style="width:75%" alt="鍥�1-2-13锛堢画鍥撅級" active="true" />
+                        <p class="imgdescript-b">鍥�1-2-13锛堢画鍥撅級</p>
                     </div>
                     <p class="content">
                         4锛夊挰鍚堟嫾鎺ワ紙鍥�1-2-14锛夛細鏍规嵁鍜悎鎯呭喌锛屼娇鐢ㄨ蒋浠跺涓娿�佷笅棰屾暟瀛楁ā鍨嬭繘琛屽挰鍚堟嫾鎺ャ�傝嫢鍜悎鍏崇郴鎷兼帴涓嶄匠锛屽彲閫夋嫨鎵嬪姩鎷兼帴锛屽湪涓娿�佷笅棰屾ā鍨嬩笂鏍规嵁瀵瑰簲鐐瑰叧绯婚厤鍑嗗埌鍜悎妯″瀷涓婏紝杞欢鏍规嵁绠楁硶鑷姩鐢熸垚鏈�浼樺尮閰嶄綅缃紱鎶�甯堥�氳繃璋冩暣涓夌淮妯″瀷鐨勬柟鍚戯紝瑙傚療铏氭嫙妯″瀷涓庡疄鐗╂ā鍨嬬殑鍜悎鍏崇郴鏄惁涓�鑷达紝纭鏃犺鍚庤繘琛屼笅涓�姝ャ��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0035-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-14銆�鍜悎鎷兼帴</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0035-02.jpg" style="width:75%" alt="鍥�1-2-14銆�鍜悎鎷兼帴" active="true" />
+                        <p class="imgdescript-b">鍥�1-2-14銆�鍜悎鎷兼帴</p>
                     </div>
                     <p class="content">
                         5锛変唬鍨嬫壂鎻忎笌鍖归厤锛氬妯″瀷宸茬粡鍒嗗壊锛屽垯闇�鏍规嵁杞欢鎻愮ず杩涜浠e瀷鎵弿銆傚皢浠e瀷妯″瀷鍙栦笅锛屽浐瀹氬湪鎵弿鐩樹腑澶紝浣夸唬鍨嬪攪棰婇潰鏈濆悜鎵弿鐩樺墠绔紝澶氬崟浣嶄唬鍨嬫壂鎻忔椂锛屽彲浣跨敤澶氬姛鑳芥壂鎻忕洏鏈夊簭鎵弿銆�</p>
@@ -495,7 +555,6 @@
                 <div class="page-bottom-right">019</div>
             </div>
         </div>
-
         <!-- Page 26 (鍋舵暟椤�) -->
         <div class="page-box" page="26">
             <div v-if="showPageList.indexOf(26) > -1">
@@ -508,23 +567,21 @@
                     <p class="content">
                         锛�3锛夋暣浣撴鏌ワ細涓婁笅棰岀墮鍒楁壂鎻忓畬鎴愬悗锛岃浆鍔ㄦ暟瀛楁ā鍨嬶紝妫�鏌ユ暣浣撴暟鎹槸鍚﹀尮閰嶏紝鏈夋棤鏁版嵁缂哄け鎴栭噸鍙狅紝涓娿�佷笅棰屽挰鍚堝叧绯绘槸鍚︾揣瀵嗭紝纾ㄨ�楅潰鏄惁鍚诲悎銆傚鏈夐棶棰橈紝闇�瑕佺偣鍑烩�滀笂涓�姝モ�濓紝閲嶆柊澶勭悊銆�</p>
                     <p class="content"><span
-                            class="bold">3锛庢暟鎹鐞嗗強涓婁紶</span>銆�鏁版嵁澶勭悊缁撴潫鍚庯紝瑙傚療杞欢鐣岄潰涓棿涓婃柟鐨勬壂鎻忔搷浣滄楠わ紝鍧囨樉绀轰负缁胯壊鏃讹紝鎵弿娴佺▼鍏ㄩ儴瀹屾垚锛堝浘1-2-15锛夈�備繚瀛樻ā鍨嬶紝涓婁紶鏁版嵁锛屽噯澶囪繘琛孋AD璁捐銆�
+                            class="bold fontGreen">3锛庢暟鎹鐞嗗強涓婁紶</span>銆�鏁版嵁澶勭悊缁撴潫鍚庯紝瑙傚療杞欢鐣岄潰涓棿涓婃柟鐨勬壂鎻忔搷浣滄楠わ紝鍧囨樉绀轰负缁胯壊鏃讹紝鎵弿娴佺▼鍏ㄩ儴瀹屾垚锛堝浘1-2-15锛夈�備繚瀛樻ā鍨嬶紝涓婁紶鏁版嵁锛屽噯澶囪繘琛孋AD璁捐銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0036-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�1-2-15銆�鎵弿瀹屾垚</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0036-01.jpg" style="width:75%" alt="鍥�1-2-15銆�鎵弿瀹屾垚" active="true" />
+                        <p class="imgdescript-b">鍥�1-2-15銆�鎵弿瀹屾垚</p>
                     </div>
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">妞呮梺鎿嶄綔绯荤粺</span></p>
-                    <p class="quotation">妞呮梺鎿嶄綔绯荤粺閫氬父鍖呮嫭鍙e唴鎵弿鍗曞厓鍜屽彛鑵斾慨澶嶄笓涓氳蒋浠朵袱閮ㄥ垎銆傚彛鑵斿尰鐢熶娇鐢ㄦ墜鎸佷笁缁存壂鎻忚澶囷紝鏀惧叆鎮h�呭彛鑵斾腑鍒嗗埆鑾峰彇鎮h�呯墮鍒�<img class="s-pic"
-                            src="../../assets/images/0026_02.png"
-                            alt="" />闈€�侀渚с�佽垖渚с�佽繎杩滀腑閭婚潰锛屼互鍙婂棰岀墮鍒楀強鍛ㄥ洿缁勭粐鐨勫悇涓搴︾殑鍥惧儚銆傛搷浣滆繃绋嬩腑鍖荤敓鍙互鍦ㄦ樉绀哄櫒涓婅瀵熷浘鍍忛噰闆嗚繘搴﹀拰娓呮櫚绋嬪害锛岀洿鑷抽噰闆嗗埌婊℃剰鐨勫浘鍍忥紝鏍规嵁鎮h�呯殑鍜悎鍏崇郴鏁版嵁锛岄�氳繃璁$畻鏈鸿蒋浠跺鐞嗭紝褰㈡垚涓夌淮鏁板瓧妯″瀷銆傛妧甯堝埄鐢ㄥ彛鑵斾慨澶嶈蒋浠跺湪鏁板瓧妯″瀷涓婅璁″嚭閫傚悎鎮h�呯殑淇浣擄紝鍖荤敓鍚戞偅鑰呰瑙d慨澶嶄綋璁捐鎯呭喌锛屼娇寰楀尰鎮f矡閫氭洿鐩存帴銆佹竻鏅版槑浜嗐�傛渶鍚庡皢淇浣撴暟鎹粡鏁板瓧鍖栧鐞嗙敓鎴愭暟鎺ф満搴婂姞宸ユ寚浠ゆ枃浠讹紝鎺у埗CAM璁惧鍦ㄤ复搴婁笂鐩存帴瀹屾垚淇浣撶殑鍔犲伐銆傛偅鑰呬竴娆″氨璇婂氨鍙互鎴翠笂淇浣撱�傚彲浠ヨ锛屾鏃佹搷浣滅郴缁熸槸涓�绉嶇湡姝f剰涔変笂鐨勫叏鏁板瓧鍖栫郴缁熴��
-                    </p>
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">妞呮梺鎿嶄綔绯荤粺</span></p>
+                        <p class="quotation">
+                            妞呮梺鎿嶄綔绯荤粺閫氬父鍖呮嫭鍙e唴鎵弿鍗曞厓鍜屽彛鑵斾慨澶嶄笓涓氳蒋浠朵袱閮ㄥ垎銆傚彛鑵斿尰鐢熶娇鐢ㄦ墜鎸佷笁缁存壂鎻忚澶囷紝鏀惧叆鎮h�呭彛鑵斾腑鍒嗗埆鑾峰彇鎮h�呯墮鍒楌瑢楅潰銆侀渚с�佽垖渚с�佽繎杩滀腑閭婚潰锛屼互鍙婂棰岀墮鍒楀強鍛ㄥ洿缁勭粐鐨勫悇涓搴︾殑鍥惧儚銆傛搷浣滆繃绋嬩腑鍖荤敓鍙互鍦ㄦ樉绀哄櫒涓婅瀵熷浘鍍忛噰闆嗚繘搴﹀拰娓呮櫚绋嬪害锛岀洿鑷抽噰闆嗗埌婊℃剰鐨勫浘鍍忥紝鏍规嵁鎮h�呯殑鍜悎鍏崇郴鏁版嵁锛岄�氳繃璁$畻鏈鸿蒋浠跺鐞嗭紝褰㈡垚涓夌淮鏁板瓧妯″瀷銆傛妧甯堝埄鐢ㄥ彛鑵斾慨澶嶈蒋浠跺湪鏁板瓧妯″瀷涓婅璁″嚭閫傚悎鎮h�呯殑淇浣擄紝鍖荤敓鍚戞偅鑰呰瑙d慨澶嶄綋璁捐鎯呭喌锛屼娇寰楀尰鎮f矡閫氭洿鐩存帴銆佹竻鏅版槑浜嗐�傛渶鍚庡皢淇浣撴暟鎹粡鏁板瓧鍖栧鐞嗙敓鎴愭暟鎺ф満搴婂姞宸ユ寚浠ゆ枃浠讹紝鎺у埗CAM璁惧鍦ㄤ复搴婁笂鐩存帴瀹屾垚淇浣撶殑鍔犲伐銆傛偅鑰呬竴娆″氨璇婂氨鍙互鎴翠笂淇浣撱�傚彲浠ヨ锛屾鏃佹搷浣滅郴缁熸槸涓�绉嶇湡姝f剰涔変笂鐨勫叏鏁板瓧鍖栫郴缁熴��
+                        </p>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
                     <p class="content">鍙e唴鎵弿鎶�鏈伐鑹烘祦绋嬩换鍔¤瘎浠锋爣鍑嗚琛�1-2-1銆�</p>
-
-
                 </div>
                 <div class="page-bottom-left">020</div>
             </div>
@@ -538,27 +595,134 @@
                 </div>
                 <div class="bodystyle">
 
-                    <p class="imgtitle">琛�1-2-1銆�鍙e唴鎵弿鎶�鏈伐鑹烘祦绋嬩换鍔¤瘎浠锋爣鍑�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0037-01.jpg" style="width:80%" alt=""
+                    <p class="imgtitle imgdescript-b">琛�1-2-1銆�鍙e唴鎵弿鎶�鏈伐鑹烘祦绋嬩换鍔¤瘎浠锋爣鍑�</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0037-01.jpg" style="width:100%" alt=""
                             active="true" /></div>
-                    <div class="bodyPic"><img src="../../assets/images/0037-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+
+                    <div class="unitSummary mb-20">
+                        <div class="summary-content">
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B2'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span>椤圭洰涓� 鑰冭瘯鐭ヨ瘑鐐� 鍙h厰鎵弿鎶�鏈師鐞�</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B3'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span title="椤圭洰涓� 鑰冭瘯鐭ヨ瘑鐐� 鍙h厰鎵弿鎶�鏈祦绋�">椤圭洰涓� 鑰冭瘯鐭ヨ瘑鐐� 鍙h厰鎵弿鎶�鏈祦绋�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="unitSummary">
+                        <div class="summary-content">
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C2'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span> 椤圭洰涓� 鍙h厰鎵弿鎶�鏈伐鑹烘祦绋� 灏忕粨  </span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C3'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span>椤圭洰涓� 鍙e唴鎵弿鎶�鏈殑鍘熺悊 灏忕粨</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C4'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span>椤圭洰涓� 浠撴壂鎶�鏈師鐞� 灏忕粨</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="knowledgeExpansion">
+                        <div class="questionBank">
+                            <img src="../../assets/images/sanJiao.svg" alt="" />
+                            <span>棰樺簱</span>
+                        </div>
+                        <div class="knowledgeExpansion-box">
+                            <img src="../../assets/images/tuoZhan.svg" alt="" />
+                            <span @click="openQuestion(getResourceInfo('AA2'))">鎷撳睍缁冧範</span>
+                        </div>
+                    </div>
                     <p class="right-info">锛堝緪浣抽煶銆�鍒樺皬闆枫��缃楀嘲锛�</p>
                 </div>
                 <div class="page-bottom-right">021</div>
             </div>
         </div>
+        <preView :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <dialogExaminations :cardList="interfaceQuestion" :questionIDList="questionIDList" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
     </div>
 </template>
 
 
 <script>
+import preView from "@/components/pdfview/index.vue";
+import bookVideo from "@/components/bookVideo/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
     name: "chapterTwo",
     props: {
         showPageList: {
             type: Array,
         },
+        getResourceInfo: {
+            type: Function, // 鏄庣‘鎸囧畾瀹冩槸涓�涓嚱鏁�
+            required: true,
+        },
+        interfaceQuestion: {
+            type: Array,
+            required: true,
+            default: () => [],
+        },
+    },
+    components: {
+        preView,
+        bookVideo,
+        dialogExaminations,
+    },
+    data() {
+        return {
+            p_md5: "",
+            somePdfTitleValue: "",
+            // 棰樼洰鐩稿叧
+            questionNum: 0,
+            questionTitleMain: "",
+            questionIDList: [],
+            questionData: {
+                one: "",
+                two: "",
+                three: ""
+            }
+        };
+    },
+    mounted() {
+        this.getQuestionData()
+    },
+    methods: {
+        toUrl(val) {
+            if (val != null) {
+                this.p_md5 = val.md5;
+                this.somePdfTitleValue = val.resourceName;
+                this.$refs.pdfDialogRef.openDialog();
+            }
+        },
+        openQuestion(val) {
+            if (val != undefined) {
+                this.questionNum = val.pagination;
+                this.questionTitleMain = val.resourceName;
+                this.questionIDList = val.ids;
+                this.$nextTick(() => {
+                    this.$refs.dialogRef.openDialogQuestion();
+                });
+            }
+        },
+        setQuestionData() {
+            localStorage.setItem(
+                "digitalDentalRestorationTechnology-book-chapter02-questionData",
+                JSON.stringify(this.questionData)
+            );
+        },
+        getQuestionData() {
+            let questionData = localStorage.getItem("digitalDentalRestorationTechnology-book-chapter02-questionData");
+            if (questionData) {
+                this.questionData = JSON.parse(questionData);
+            }
+        },
     },
 }
 </script>

--
Gitblit v1.9.1