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/chapter001.vue |  192 +++++++++++++++++++++++++++++++++++------------
 1 files changed, 143 insertions(+), 49 deletions(-)

diff --git a/src/books/digitalDentalRestorationTechnology/view/components/chapter001.vue b/src/books/digitalDentalRestorationTechnology/view/components/chapter001.vue
index a83fe3d..28558ff 100644
--- a/src/books/digitalDentalRestorationTechnology/view/components/chapter001.vue
+++ b/src/books/digitalDentalRestorationTechnology/view/components/chapter001.vue
@@ -3,26 +3,49 @@
         <div class="page-box" page="7">
             <div v-if="showPageList.indexOf(7) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l mb-70 pt-70">缁</h1>
-                    <div class="bodyPic"><img src="../../assets/images/0017-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">鐢ㄥ彂灞曠殑鐪煎厜鐪嬮棶棰橈紝绉瀬鎷撳睍锛屽媷浜庡垱鏂帮紝鑷村姏浜庢帹鍔ㄥ彛鑵斿尰瀛︽妧鏈彂灞曘��</p>
-                    <p class="center">........................</p>
-                    <p class="center"><span class="bold">鐭ヨ瘑鐩爣</span></p>
-                    <p class="content">锛�1锛夋帉鎻★細璁$畻鏈鸿緟鍔╄璁′笌鍒堕�犵殑瀹氫箟锛涘彛鑵斾慨澶岰AD/CAM绯荤粺鐨勭粍鎴愩��</p>
-                    <p class="content">锛�2锛夌啛鎮夛細鍙h厰CAD杞欢鐨勭壒鐐广��</p>
-                    <p class="content">锛�3锛変簡瑙o細CAM璁惧鍙姞宸ョ殑鏉愭枡鑼冨洿銆�</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="content">璁$畻鏈鸿緟鍔╄璁′笌鍒堕�狅紙computer-aided design and
+                    <h1 class="firstTitle-l mb-70 pt-70 oneTitle">
+                        缁�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;璁�
+                    </h1>
+                    <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">
+                            鐢ㄥ彂灞曠殑鐪煎厜鐪嬮棶棰橈紝绉瀬鎷撳睍锛屽媷浜庡垱鏂帮紝鑷村姏浜庢帹鍔ㄥ彛鑵斿尰瀛︽妧鏈彂灞曘��
+                        </p>
+                        <p class="center learngoalRange omit">........................</p>
+                        <p class="center learngoalRange">
+                            <span class="bold">鐭ヨ瘑鐩爣</span>
+                        </p>
+                        <p class="content">
+                            锛�1锛夋帉鎻★細璁$畻鏈鸿緟鍔╄璁′笌鍒堕�犵殑瀹氫箟锛涘彛鑵斾慨澶岰AD/CAM绯荤粺鐨勭粍鎴愩��
+                        </p>
+                        <p class="content">锛�2锛夌啛鎮夛細鍙h厰CAD杞欢鐨勭壒鐐广��</p>
+                        <p class="content">锛�3锛変簡瑙o細CAM璁惧鍙姞宸ョ殑鏉愭枡鑼冨洿銆�</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>
+                    </div>
+                    <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1'))">
+                        <div class="questionBank">
+                            <img src="../../assets/images/sanJiao.svg" alt="" />
+                            <span>鏁欏璇句欢</span>
+                        </div>
+                        <div class="knowledgeExpansion-box">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>鏁欏璇句欢</span>
+                        </div>
+                    </div>
+                    <p class="content">
+                        璁$畻鏈鸿緟鍔╄璁′笌鍒堕�狅紙computer-aided design and
                         manufacturing锛孋AD/CAM锛夋槸灏嗗厜鐢靛瓙鎶�鏈�佽绠楁満鎶�鏈笌鏁版帶鏈烘鍔犲伐鎶�鏈泦浜庝竴浣撶殑涓�闂ㄦ妧鏈�傚彛鑵斾慨澶岰AD/CAM绯荤粺鍦ㄧ粍鎴愪笂涓昏鍖呮嫭鍥涗釜閮ㄥ垎锛屽嵆鏍囧噯鐗欏啝涓夌淮鍥惧舰鏁版嵁銆佹暟鎹幏鍙栬澶囥�丆AD锛堜慨澶嶄綋璁捐绋嬪簭锛夊拰CAM锛堟暟鎹姞宸ヨ澶囧拰鎺у埗绋嬪簭锛夈�傝繎30骞存潵锛岄殢鐫�璁惧杞‖浠剁郴缁熺殑涓嶆柇鏀硅繘鍗囩骇锛屼互鍙婇厤濂楀彲鍒囧墛闄剁摲鏉愭枡绉嶇被鍙婃�ц兘鐨勬寔缁敼杩涳紝妞呮梺CAD/CAM鎶�鏈湪鍙h厰涓村簥鐨勬帴鍙楃▼搴︿笌搴旂敤鑼冨洿涓嶆柇鎵╁ぇ銆傜洰鍓嶏紝澶氱鍙h厰淇浣撳凡鍙�氳繃妞呮梺CAD/CAM鎶�鏈姞宸ュ埗浣滐紝鍙互涓哄尰鐢熸彁渚涚簿纭�侀珮鏁堛�佹鏃佷竴娆″畬鎴愮殑涓村簥娌荤枟鎵嬫锛屼负鎮h�呮彁渚涢珮鍝佽川銆侀珮缇庤鐨勪慨澶嶄綋锛屽紩棰嗗彛鑵旀不鐤楁妧鏈繘鍏ユ暟瀛楀寲鏃朵唬銆�
                     </p>
-
                 </div>
                 <div class="page-bottom-right">001</div>
             </div>
@@ -30,16 +53,16 @@
         <div class="page-box" page="8">
             <div v-if="showPageList.indexOf(8) > -1">
                 <div class="page-header-left">
-                    <div class="header-txt">
-                        鏁板瓧鍖栧彛鑵斾慨澶嶆妧鏈�
-                    </div>
+                    <div class="header-txt">鏁板瓧鍖栧彛鑵斾慨澶嶆妧鏈�</div>
                 </div>
                 <div class="bodystyle">
                     <h3 class="thirdTitle">涓�銆佸彛鑵擟AD/CAM鎶�鏈殑鍙戝睍</h3>
-                    <p class="content">20涓栫邯40骞翠唬锛屼互璁$畻鏈哄拰淇℃伅鎶�鏈负鏍稿績鐨勭涓夋宸ヤ笟闈╁懡娴疆鍦ㄥ叏鐞冨叴璧凤紝1983骞存硶鍥界墮鍖诲紬鏈楃储鐡β锋潨闆凤紙Francois
+                    <p class="content">
+                        20涓栫邯40骞翠唬锛屼互璁$畻鏈哄拰淇℃伅鎶�鏈负鏍稿績鐨勭涓夋宸ヤ笟闈╁懡娴疆鍦ㄥ叏鐞冨叴璧凤紝1983骞存硶鍥界墮鍖诲紬鏈楃储鐡β锋潨闆凤紙Francois
                         Duret锛夌爺鍙戠殑绗竴鍙扮墮绉慍AD/CAM鏍锋満鍦ㄦ硶鍥介棶涓栵紝寮�鍒涗簡鏁板瓧鍖栧彛鑵斿尰瀛︾殑鏂版椂浠c��20涓栫邯60骞翠唬锛岃鎶�鏈揩閫熷彂灞曪紝瀹冧互璁$畻鏈轰綔涓轰富瑕佹妧鏈墜娈碉紝澶勭悊鍚勭鏁板瓧淇℃伅鍜屽浘褰俊鎭紝杈呭姪瀹屾垚浜у搧璁捐鍜屽埗閫犱腑鐨勫悇椤规椿鍔ㄣ�傝縿浠婁负姝紝鍥藉唴澶栧競鍦轰笂宸叉湁鍚勭绫诲瀷鐨勫彛鑵擟AD/CAM绯荤粺銆侰AD/CAM鎶�鏈櫘閬嶆彁楂樹簡鎶�宸ュ锛堟妧宸ヤ腑蹇冿級宸ヨ壓鍒朵綔娴佺▼鐨勬暣浣撹川閲忥紝缂╃煭浜嗕慨澶嶄綋鐨勫埗浣滃懆鏈燂紝闄嶄綆浜嗕慨澶嶄綋鎵归噺鐢熶骇鐨勫埗浣滄垚鏈�傛澶栵紝鏍规嵁鍙h厰CAD/CAM绯荤粺鐨勫簲鐢ㄦā寮忥紝鍏惰繕鍙垎涓烘鏃佺郴缁熷拰鎶�宸ュ绯荤粺銆傛鏃佺郴缁熶富瑕佺敤浜庢暟瀛楀寲鍙h厰璇婂锛岀敱鍖荤敓鍦ㄥ彛鑵旀妧甯堥厤鍚堜笅鍦ㄦ鏃佸畬鎴愬彛鍐呮暟瀛楀嵃妯℃壂鎻忋�佷慨澶嶄綋璁捐鍙婂埗浣滅殑宸ヨ壓娴佺▼銆傛鏃佺郴缁熺殑鐗圭偣鏄厤澶囧彛鍐呮壂鎻忚澶囧拰灏忓瀷妞呮梺鍔犲伐璁惧锛屽埗浣滅殑淇鏉愭枡浠ョ幓鐠冮櫠鐡峰拰鏍戣剛绫讳负涓伙紝鍒朵綔鐨勪慨澶嶄綋绫诲瀷澶氫互鍗曞啝銆佸祵浣撱�佽创闈负涓伙紝鍏稿瀷绯荤粺涓篠irona
                         CEREC绯荤粺銆傛妧宸ュ绯荤粺涓昏鐢卞彛鑵旀妧甯堝畬鎴愭暟瀛楀寲鍗版ā鎵弿锛堟垨閫氳繃缃戠粶鑾峰緱涓村簥鎵弿鐨勬暟瀛楀嵃妯★級銆佷慨澶嶄綋璁捐鍙婂埗浣滅殑宸ヨ壓娴佺▼銆傛妧宸ュ绯荤粺鐨勭壒鐐瑰湪浜庡叾杞‖浠剁郴缁熼潰鍚戝彛鑵旀妧甯堝紑鍙戯紝CAD杞欢鎻愪緵杈冨鍙緵浣跨敤鑰呰皟鏁寸殑宸ヨ壓璁捐鍙傛暟锛孋AM璁惧鍒欏浠ュ洓杞淬�佷簲杞寸殑涓撲笟鍔犲伐璁惧涓轰富锛屽彲婊¤冻鍙h厰涓村簥瀵瑰悇绉嶄慨澶嶄綋绫诲瀷鍙婁慨澶嶆潗鏂欑殑鍒朵綔闇�姹傦紝鍏稿瀷绯荤粺濡�3Shape銆丒xocad璁捐绯荤粺鍙奡irona
-                        Inlab銆丏ental wings銆�3 M Lava銆丷锛咾 Dalron銆丏MG绛夌郴缁熴��</p>
+                        Inlab銆丏ental wings銆�3 M Lava銆丷锛咾 Dalron銆丏MG绛夌郴缁熴��
+                    </p>
                     <p class="content">
                         鍦ㄤ箟榻垮埗浣滃伐鑹烘暟瀛楀寲鏀归潻涔嬮鐨勯┍鍔ㄤ笅锛屽湪鈥滀簰鑱旂綉+鈥濊儗鏅笅锛屽尰鐢熸帰绱娇鐢╒R銆丄R绛夎櫄鎷熺幇瀹炴妧鏈紝绯荤粺寮�鍙戙�佽璁″舰寮忓鏍风殑鏁板瓧鍖栬祫婧愶紝灏嗘娊璞°�佸鏉傜殑浜у搧璁捐鍜屽埗閫犺繃绋嬬畝鍗曞寲銆佸彲瑙嗗寲锛屾棤椤昏繘琛屽爢铚°�佸寘鍩嬨�侀摳閫犮�佷汉宸ョ爺纾ㄧ瓑锛屾搷浣滅畝鍗曪紝鎵�闇�鏃堕棿鐭紝鏃犲嵃妯℃潗鏂欍�佺煶鑶忔潗鏂欑瓑鐨勫舰鍙橈紝鏁呬骇鍝佸彲闈犳�с�佺敓鐗╂�с�佺編瑙傛�у潎杈冨ソ銆�
                     </p>
@@ -47,12 +70,14 @@
                     <p class="content">
                         鎸夌収鎿嶄綔娴佺▼锛屽彛鑵擟AD/CAM绯荤粺鍒嗘垚涓変釜鍩烘湰鐗堝潡锛屽垎鍒负鏁板瓧鍖栨壂鎻忛儴鍒嗐�佹暟瀛楀寲CAD娴佺▼鍙婃暟瀛楀寲CAM鐜妭銆傝繖涓夐儴鍒嗗垎鍒畬鎴愬彛鑵斾笁缁存暟鎹噰闆嗐�佷箟榻挎暟瀛楀寲璁捐鍜屼箟榻挎暟瀛楀寲鍒堕�犮�備笁鑰呭崗鍚岄厤鍚堬紝鏋勬垚鍙h厰CAD/CAM绯荤粺鐨勬湁鏈烘暣浣撱��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0018-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0018-01.jpg" style="width: 70%" alt="鍥�0-0-1銆�CAD/CAM绯荤粺鏋勬垚"
+                            active="true" />
                         <p class="imgdescript-b">鍥�0-0-1銆�CAD/CAM绯荤粺鏋勬垚</p>
-                        <p class="imgdescript-l">A锛庡彛鑵斾笁缁存暟鎹噰闆嗭紱B锛庝箟榻挎暟瀛楀寲璁捐锛汣锛庝箟榻挎暟瀛楀寲鍒堕�犮��</p>
+                        <p class="imgdescript-l imgtitleTop">
+                            A锛庡彛鑵斾笁缁存暟鎹噰闆嗭紱B锛庝箟榻挎暟瀛楀寲璁捐锛汣锛庝箟榻挎暟瀛楀寲鍒堕�犮��
+                        </p>
                     </div>
-
                 </div>
                 <div class="page-bottom-left">002</div>
             </div>
@@ -64,17 +89,16 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0019-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�0-0-1锛堢画鍥撅級</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0019-01.jpg" style="width: 75%" alt="鍥�0-0-1锛堢画鍥撅級" active="true" />
+                        <p class="imgdescript-b">鍥�0-0-1锛堢画鍥撅級</p>
                     </div>
-                    <p class="poemtitle-l">锛堜竴锛夊彛鑵旀暟瀛楀寲鎵弿璁惧</p>
+                    <p class="poemtitle-l kTitle">锛堜竴锛夊彛鑵旀暟瀛楀寲鎵弿璁惧</p>
                     <p class="content">
                         鍙h厰鏁板瓧鍖栨壂鎻忚澶囦綔涓烘暟瀛楀寲宸ヨ壓娴佺▼鐨勬暟鎹緭鍏ョ幆鑺傦紝鍏跺師鐞嗘槸鍊熷姪鍚勭涓夌淮鎵弿鎶�鏈皢鐗欓鐭宠啅妯″瀷銆佸嵃妯°�佸彛鍐呯墮鍒楀強涓婁笅棰岄浣嶅叧绯汇�侀潰閮ㄥ舰鎬併�侀棰岄潰楠ㄩ鍙婅蒋缁勭粐淇℃伅绛夎浆鎹㈡垚璁$畻鏈轰腑涓夌淮鍙鍖栫殑鏁板瓧妯″瀷銆備笁缁存暟瀛楁ā鍨嬫槸鍚庣画涔夐娇璁捐鐨勬暟鎹熀纭�锛屽彲鍦ㄤ笓鐢ㄧ殑鏁板瓧鍖朇AD杞欢涓疄鐜颁笁缁磋瀵熷拰缂栬緫锛岄�氬父鏄竴绉嶅紑鏀炬牸寮忕殑涓夎缃戞牸妯″瀷銆傚叾甯歌鏍煎紡涓哄熀浜庝笁瑙掑舰缃戞牸鐨勪笁缁村浘褰㈡枃浠舵牸寮忥紝鍗砈TL锛坰tandard
                         triangle
                         language锛夋牸寮忋�傚父鐢ㄧ殑涓夌淮鎵弿鎶�鏈牴鎹叾鎶�鏈師鐞嗗彲鍒嗕负鎺ヨЕ寮忔壂鎻忔妧鏈�佸厜瀛︽壂鎻忔妧鏈拰褰卞儚瀛︽壂鎻忔妧鏈瓑锛屾牴鎹叾搴旂敤妯″紡鍙垎涓哄彛鍐呮壂鎻忔妧鏈�佺墮棰屾ā鍨嬫壂鎻忔妧鏈�侀闈㈤儴鎵弿鎶�鏈拰浣撴壂鎻忔妧鏈瓑銆�
                     </p>
-
                 </div>
                 <div class="page-bottom-right">003</div>
             </div>
@@ -82,36 +106,37 @@
         <div class="page-box" page="10">
             <div v-if="showPageList.indexOf(10) > -1">
                 <div class="page-header-left">
-                    <div class="header-txt">
-                        鏁板瓧鍖栧彛鑵斾慨澶嶆妧鏈�
-                    </div>
+                    <div class="header-txt">鏁板瓧鍖栧彛鑵斾慨澶嶆妧鏈�</div>
                 </div>
                 <div class="bodystyle">
-                    <p class="poemtitle-l">锛堜簩锛変箟榻挎暟瀛楀寲璁捐杞欢</p>
+                    <p class="poemtitle-l kTitle">锛堜簩锛変箟榻挎暟瀛楀寲璁捐杞欢</p>
                     <p class="content">
                         涔夐娇鏁板瓧鍖栬璁¤蒋浠讹紙绠�绉扳�淐AD杞欢鈥濓級鏄暟瀛楀寲宸ヨ壓娴佺▼涓殑璁捐鐜妭锛屽畠鐨勫伐浣滃師鐞嗘槸鍩轰簬涓夌淮鎵弿璁惧閲囬泦寤虹珛鐨勫彛鑵旇蒋纭粍缁囨暟瀛楁ā鍨嬶紝鍊熷姪楂樺害鑷姩鍖栨櫤鑳藉寲鐨勮绠楁満寤烘ā绠楁硶鍙婁箟榻挎暟鎹簱鐨勬敮鎸侊紝閲囩敤浜烘満浜や簰寮忕殑鎿嶄綔妯″紡锛屽疄鐜伴珮绮惧害鐨勪箟榻挎暟瀛楁ā鍨嬭璁°��
                     </p>
                     <p class="content">
                         鐢变簬涔夐娇褰㈡�佽璁$殑涓�у寲闇�姹傦紝鍙h厰鎶�甯堝湪涔夐娇鍒朵綔鐨勪紶缁熷伐鑹轰腑鍙戞尌鐫�鑷冲叧閲嶈鐨勪綔鐢ㄣ�傚湪闆曡湣濉戝舰鐨勫埗浣滃伐鑹轰腑锛屾妧甯堜汉涓哄洜绱犲涔夐娇绮惧害鐨勫奖鍝嶄笉鍙伩鍏嶃�侰AD杞欢鏈�绐佸嚭鐨勭壒鐐规槸鍙疄鐜板畾閲忓弬鏁板寲鎺у埗涓嬬殑涓夌淮绮剧‘璁捐锛屽彲鏈�澶ч檺搴﹀湴闄嶄綆浜轰负鍥犵礌鐨勪笉绋冲畾鎬э紝鎺у埗涔夐娇璁捐鐨勫悇椤瑰叧閿寚鏍囩簿搴︺�傛澶栵紝CAD杞欢杩樺叿鏈夊己澶х殑涓�у寲鍙傛暟璁剧疆鑳藉姏鍜屼汉鏈轰氦浜掔殑鐏垫椿鎿嶄綔鏂瑰紡锛屽彲缁欎簣鎶�甯堝厖鍒嗗彂鎸ョ粡楠屼笌鍒涢�犲姏鐨勭┖闂达紝浠庤�岃幏寰楀吋椤惧叧閿儴浣嶇簿搴︿笌涓�у寲鐗瑰緛琛ㄨ揪鐨勪箟榻緾AD妯″瀷銆備笌浼犵粺涔夐娇铚″瀷鍒朵綔宸ヨ壓鐩告瘮锛屼箟榻緾AD璁捐鐨勪紭鍔垮湪浜庯細CAD杞欢鏄竴绉嶅嚌缁撲簡涔夐娇褰㈡�佽璁$煡璇嗕笌缁忛獙鐨勬暟瀛﹀缓妯″伐鍏凤紝鍙湁鏁堝府鍔╁勾杞绘妧甯堝揩閫熸彁楂樹箟榻胯璁℃按骞冲拰璁捐鏁堢巼锛岄檷浣庢妧甯堝涔犳垚鏈紝鎻愰珮涔夐娇鐢熶骇鏁堢巼銆�
                     </p>
-                    <p class="poemtitle-l">锛堜笁锛変箟榻挎暟瀛楀寲鍔犲伐璁惧</p>
+                    <p class="poemtitle-l kTitle">锛堜笁锛変箟榻挎暟瀛楀寲鍔犲伐璁惧</p>
                     <p class="content">
                         涔夐娇鏁板瓧鍖栧姞宸ヨ澶囷紙鍙堢О鈥淐AM璁惧鈥濓級鏄暟瀛楀寲宸ヨ壓娴佺▼鐨勮緭鍑虹幆鑺傦紝鏄疄鐜颁箟榻垮疄鐗╂渶缁堝埗浣滅殑鎶�鏈墜娈碉紝鍏跺伐浣滃師鐞嗘槸灏咰AD杞欢璁捐瀹屾垚鐨勪箟榻挎暟瀛楁ā鍨嬮鍏堥�氳繃鏁版帶宸ヨ壓瑙勫垝杞欢鐢熸垚CAM璁惧鍙瘑鍒殑鍔犲伐宸ヨ壓鏂囦欢锛岀劧鍚嶤AM璁惧鍐嶉�氳繃绮剧‘鐨勮蒋浠剁▼搴忔帶鍒舵墽琛岀浉搴斿伐鑹烘枃浠朵腑鐨勫姞宸ョ▼搴忥紝浠庤�屽畬鎴愭弧瓒充竴瀹氱簿搴﹁姹傜殑涔夐娇瀹炵墿鍒朵綔銆�
                     </p>
-                    <p class="content">CAM璁惧鎸夊伐浣滃師鐞嗗彲鍒嗕负鏁版帶鍔犲伐锛坣umerical control processing锛岀畝绉扳�淣C鍔犲伐鈥濓級璁惧鍜屼笁缁存墦鍗帮紙three-dimensional
+                    <p class="content">
+                        CAM璁惧鎸夊伐浣滃師鐞嗗彲鍒嗕负鏁版帶鍔犲伐锛坣umerical control
+                        processing锛岀畝绉扳�淣C鍔犲伐鈥濓級璁惧鍜屼笁缁存墦鍗帮紙three-dimensional
                         printing锛�3DP锛夎澶囥�傜洰鍓嶅彲鐢–AM鎶�鏈姞宸ョ殑鏉愭枡娑电洊浜嗗悇绉嶄富娴佸彛鑵旈噾灞炪�侀櫠鐡峰強澶嶅悎鏍戣剛锛屼竴浜涗紶缁熷埗浣滃伐鑹洪毦浠ュ姞宸ユ垨鏄棤娉曞姞宸ョ殑鏉愭枡锛堝姘у寲閿嗛櫠鐡凤級鐩墠鍙兘閲囩敤CAM鎶�鏈姞宸ャ��
                     </p>
                     <p class="content">
                         鍙h厰鏁板瓧鍖栨妧鏈殑杩涙涓嶆柇淇冧娇鍙h厰鍖荤敓鐨勫伐浣滄柟寮忎綔鍑烘敼鍙樸�傛暟瀛楀寲鎶�鏈湪鍙h厰绉戜腑鏈�鏄捐憲鐨勪紭鍔夸綋鐜板湪绠�鍖栦复搴婁慨澶嶆祦绋嬶紝鍑忓皯鎮h�呴绾﹀璇婃鏁帮紝缂╃煭涓村簥鎵嬫湳鍜屾妧宸ュ淇浣撳埗浣滆繑鍥炴椂闂达紝骞跺湪涓嶅奖鍝嶄复搴婄粨鏋滅殑鍓嶆彁涓嬪噺灏戝埗閫犳楠ゃ�佷紭鍖栧伐浣滄祦绋嬨�佹彁楂樺伐浣滄晥鐜囥�傚悓鏃禖AD/CAM淇鏉愭枡鍏锋湁璐ㄩ噺绋冲畾銆佹垚鏈緝浣庛�佷慨澶嶅懆鏈熺煭绛夌壒鐐癸紝淇冭繘浜咰AD/CAM淇鏉愭枡鐨勫箍娉涗娇鐢ㄣ�侰AD/CAM鐨勫簲鐢ㄥ鍔犱簡淇浣撶殑绮惧瘑搴︺�佸噯纭害锛屽彲鍑忓皯涓村簥璇婃不鏃堕棿鍜屽氨璇婃鏁帮紝鏁板瓧瀛樻。鍙樉钁楁彁楂樻暟鎹繚鐣欑巼锛屾洿鏈夊埄浜庝互鎮h�呬负涓績鐨勬不鐤楀拰涓村簥淇鍚庨殢璁裤�侰AD/CAM鍒朵綔鐨勪慨澶嶄箟榻垮湪寮哄害銆佸垰搴﹀強鑰愯厫铓�鎬х瓑鏂归潰鍏锋湁浼樺娍锛屾彁鍗囦簡涔夐娇涓庣墮浣撲箣闂寸殑璐村悎搴︼紝澧炲姞浜嗕箟榻跨殑闊ф�с�佹瀬闄愬集鏇插己搴﹀拰寮规�фā閲忕瓑銆傞櫎姝や箣澶栵紝CAD/CAM杩樺彲搴旂敤浜庤繃娓℃�х矘鎺ョ殑淇浣撳埗浣滐紝鎴栫敤鏉ユ仮澶嶅挰鍚堛�傝櫧鐒禖AD/CAM鎶�鏈繕瀛樺湪閮ㄥ垎灞�闄愭�э紝濡傚垵濮嬫垚鏈珮鐨勶紝浣嗗叾缁欏彛鑵斾慨澶嶅甫鏉ョ殑璇稿浼樼偣涓嶅灏忚銆傛湭鏉ワ紝CAD/CAM灏嗘洿鍔犲箍娉涘湴搴旂敤浜庡彛鑵斾慨澶嶏紝淇冭繘鍙h厰淇鎶�鏈殑杩呯寷鍙戝睍銆�
                     </p>
-                    <div class="bodyPic"><img src="../../assets/images/0020-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">鍏ㄧ摲淇</span></p>
-                    <p class="quotation">
-                        鍏ㄧ摲淇绯荤粺绉嶇被绻佸锛屾牴鎹潗鏂欑殑涓嶅悓鍙垎涓烘哀鍖栭摑闄剁摲锛堝In-Ceram绯荤粺锛夈�佹哀鍖栭攩闄剁摲锛堝Cercon绯荤粺锛夈�佹哀鍖栫闄剁摲锛圛PS-Empress绯荤粺锛夌瓑锛涙牴鎹姞宸ュ伐鑹哄彲鍒嗕负绮夋祮娑傚锛堝In-Ceram绛夛級銆佸け铚¢摳閫狅紙濡侷PS-Empress绛夛級銆佹満姊板垏鍓婏紙濡侰ercon锛夌瓑锛涙牴鎹畬鎴愪慨澶嶄綋鏈�缁堝褰㈠拰缁撴瀯鐨勪笉鍚屽彲鍒嗕负鍗曞眰缁撴瀯涓庡弻灞傜粨鏋勩��
-                    </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">
+                            鍏ㄧ摲淇绯荤粺绉嶇被绻佸锛屾牴鎹潗鏂欑殑涓嶅悓鍙垎涓烘哀鍖栭摑闄剁摲锛堝In-Ceram绯荤粺锛夈�佹哀鍖栭攩闄剁摲锛堝Cercon绯荤粺锛夈�佹哀鍖栫闄剁摲锛圛PS-Empress绯荤粺锛夌瓑锛涙牴鎹姞宸ュ伐鑹哄彲鍒嗕负绮夋祮娑傚锛堝In-Ceram绛夛級銆佸け铚¢摳閫狅紙濡侷PS-Empress绛夛級銆佹満姊板垏鍓婏紙濡侰ercon锛夌瓑锛涙牴鎹畬鎴愪慨澶嶄綋鏈�缁堝褰㈠拰缁撴瀯鐨勪笉鍚屽彲鍒嗕负鍗曞眰缁撴瀯涓庡弻灞傜粨鏋勩��
+                        </p>
+                    </div>
                 </div>
+
                 <div class="page-bottom-left">004</div>
             </div>
         </div>
@@ -122,25 +147,94 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="bodyPic"><img src="../../assets/images/0021-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+                    <div class="unitSummary">
+                        <div class="summary-lift" @click="toUrl(getResourceInfo('B1'))">
+                            <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                            <span>鑰冭瘯鐭ヨ瘑鐐规�荤粨</span>
+                        </div>
+                        <div class="summary-right" @click="toUrl(getResourceInfo('C1'))">
+                            <img src="../../assets/images/zongJie.svg" alt="" />
+                            <span>鏈珷灏忚妭</span>
+                        </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('AA1'))">鎷撳睍缁冧範</span>
+                        </div>
+                    </div>
                     <p class="right-info">锛堟潕鏂囧锛�</p>
                 </div>
                 <div class="page-bottom-right">005</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 dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
     name: "chapterOne",
     props: {
         showPageList: {
             type: Array,
         },
+        getResourceInfo: {
+            type: Function, // 鏄庣‘鎸囧畾瀹冩槸涓�涓嚱鏁�
+            required: true
+        },
+        interfaceQuestion: {
+            type: Array,
+            required: true,
+            default: () => [],
+        },
     },
-}
+    components: {
+        preView,
+        dialogExaminations,
+    },
+    data() {
+        return {
+            p_md5: "",
+            somePdfTitleValue: "",
+            // 棰樼洰鐩稿叧
+            questionNum: 0,
+            questionTitleMain: "",
+            questionIDList: [],
+        };
+    },
+    mounted() {
+    },
+    methods: {
+        toUrl(val) {
+            if (val != null) {
+                console.log(val, "val");
+                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();
+                });
+            }
+        },
+    },
+};
 </script>
 
-<style lang="less" scoped></style>
\ No newline at end of file
+<style lang="less" scoped></style>

--
Gitblit v1.9.1