From d82733fc757f080c8910049ae12567454ee1aeac Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 29 五月 2024 17:02:30 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/embedded/view/components/chapter001.vue |  430 +++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 335 insertions(+), 95 deletions(-)

diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index e62435f..b415e24 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="chapter" num="1">
     <!-- 1 -->
-    <div
-      class="page-box fl fl-cl ju-bt al-end"
-      page="11"
-      style="padding: 0 87px 0 88px"
-    >
+    <div class="page-box fl fl-cl ju-bt al-end padding-87" page="11">
       <div class="mt-100 w100">
         <!-- <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1> -->
         <img src="../../assets/images/project-one.png" alt="" class="w100" />
@@ -50,7 +46,9 @@
           宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
           CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
         </p>
-        <p class="content">闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛</p>
+        <p class="content">
+          闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛
+        </p>
       </div>
       <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
         <li class="footer-num">1</li>
@@ -71,48 +69,102 @@
                 <span class="primary-color">绱犳潗</span>
               </li>
               <li class="fl fl-cl al-cn p-10">
-                <div>
+                <div class="fl al-end">
                   <img
                     src="../../assets/images/icon/rar.png"
                     class="rar-icon"
                   />
-                  <img
+                  <!-- <img
                     @click="download('宸ョ▼鏍蜂緥')"
                     src="../../assets/images/icon/download.png"
                     class="downlod-icon cu-pr"
-                  />
+                  /> -->
+                  <span class="svg-btn" @click="download('宸ョ▼鏍蜂緥')">
+                    <svg
+                      t="1716796212460"
+                      class="theme-color icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
                 </div>
                 <div>
                   <span class="rar-text">宸ョ▼鏍蜂緥.rar</span>
                 </div>
               </li>
               <li class="fl fl-cl al-cn p-10">
-                <div>
+                <div class="fl al-end">
                   <img
                     src="../../assets/images/icon/rar.png"
                     class="rar-icon"
                   />
-                  <img
+                  <!-- <img
                     @click="download('绠℃帶涓�浣撴牱渚�')"
                     src="../../assets/images/icon/download.png"
                     class="downlod-icon cu-pr"
-                  />
+                  /> -->
+                  <span class="svg-btn" @click="download('绠℃帶涓�浣撴牱渚�')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
                 </div>
                 <div>
                   <span class="rar-text">绠℃帶涓�浣撳寲鏍蜂緥.rar</span>
                 </div>
               </li>
               <li class="fl fl-cl al-cn p-10">
-                <div>
+                <div class="fl al-end">
                   <img
                     src="../../assets/images/icon/rar.png"
                     class="rar-icon"
                   />
-                  <img
+                  <!-- <img
                     @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')"
                     src="../../assets/images/icon/download.png"
                     class="downlod-icon cu-pr"
-                  />
+                  /> -->
+                  <span class="svg-btn" @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
                 </div>
                 <div>
                   <span class="rar-text">宓宊璁″垝鏇茬嚎鏍蜂緥.rar</span>
@@ -123,23 +175,27 @@
               鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
             </p>
             <div class="qrbodyPic">
-              <el-image
-                :src="imgOne"
-                :preview-src-list="[imgOne]"
-                class="w100"
-              />
+              <div class="openImgBox">
+                <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
+              </div>
               <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
             </div>
             <div class="qrbodyPic">
-              <el-image :src="imgTwo" :preview-src-list="[imgTwo]" />
+              <div class="openImgBox">
+                <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
+              </div>
               <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
             </div>
             <div class="qrbodyPic">
-              <el-image :src="imgThree" :preview-src-list="[imgThree]" />
+              <div class="openImgBox">
+                <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
+              </div>
               <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
             </div>
             <div class="qrbodyPic">
-              <el-image :src="imgFour" :preview-src-list="[imgFour]" />
+              <div class="openImgBox">
+                <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
+              </div>
               <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p>
             </div>
           </div>
@@ -151,7 +207,7 @@
       </ul>
     </div>
     <!-- 3 -->
-    <div class="page-box fl fl-cl ju-bt al-end " page="13" style="padding:0 86px 0 96px">
+    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
       <div>
         <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
           <img src="../../assets/images/header-one.png" alt="" />
@@ -202,7 +258,9 @@
           MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
         </p>
         <div class="qrbodyPic">
-          <el-image :src="imgFive" :preview-src-list="[imgFive]" />
+          <div class="openImgBox">
+            <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
+          </div>
           <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
         </div>
         <p class="content">
@@ -279,8 +337,12 @@
             锛�2锛塗PC7062K澶栬銆俆PC7062K姝h鍥惧鍥�1-6鎵�绀猴紝TPC7062K鑳岃鍥惧鍥�1-7鎵�绀恒��
           </p>
           <p class="content">锛�3锛塗PC7062K渚涚數鎺ョ嚎銆�</p>
-          <p class="quotation">
-            <!-- <img class="s-pic" src="../../assets/images/img00016001.jpg" /> -->
+          <p class="quotation primary-boder" style="padding: 4px 0">
+            <img
+              class="s-pic"
+              src="../../assets/images/img00016001.jpg"
+              style="width: 50px"
+            />
             浠呴檺DC 24V锛佸缓璁數婧愮殑杈撳嚭鍔熺巼涓�15W銆�
           </p>
         </div>
@@ -298,11 +360,14 @@
         </div>
         <div class="fl">
           <div class="">
-            <el-image
+            <!-- <el-image
               :src="imgSix"
               active="true"
               :preview-src-list="[imgSix]"
-            />
+            /> -->
+            <div class="openImgBox">
+            <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
+          </div>
             <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
           </div>
           <div class="">
@@ -395,8 +460,25 @@
           <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
         </div>
         <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
-        <p class="imgtitle">
-          琛�1-1銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
+        <p class="table-title fl ju-cn al-cn">
+          <span>琛�1-1銆�璇勫垎琛�</span>
+          <!-- <i class="el-icon-share cu-pr"></i> -->
+          <svg
+            t="1716802335492"
+            class="share-box icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="1782"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="18"
+            height="18"
+          >
+            <path
+              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+              p-id="1783"
+            ></path>
+          </svg>
         </p>
         <table border="1" cellpadding="4" cellspacing="0">
           <tr class="table-bc">
@@ -423,10 +505,12 @@
             <td class="table-cn">鏁欏笀璇勫垎</td>
           </tr>
           <tr>
-            <td rowspan="4"><div style="width:50px">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</div></td>
+            <td rowspan="4">
+              <div style="width: 50px">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</div>
+            </td>
             <td>宓屽叆寮忕粍鎬佸拰瑙︽懜灞忥紝20鍒�</td>
             <td>
-              <div >
+              <div>
                 鏀堕泦鍚勭被瑙︽懜灞忓姛鑳藉強鎬ц兘淇℃伅锛屽苟杩涜姣旇緝;浜嗚В宓屼汉寮忕粍鎬佺粍鎴愶紝浜嗚ВTPC绯诲垪浜у搧鎬ц兘銆佸瑙備笌鎺ョ嚎
               </div>
             </td>
@@ -440,7 +524,7 @@
           <tr>
             <td>閫氫俊杩炴帴锛�30鍒�</td>
             <td>
-              <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱C閫氫俊绾匡紝骞舵祴璇�;<br/></div>
+              <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱C閫氫俊绾匡紝骞舵祴璇�;<br /></div>
               <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱LC閫氫俊绾匡紝骞舵祴璇�</div>
             </td>
             <td><textarea class="textarea-table-td"></textarea></td>
@@ -511,15 +595,38 @@
               <span class="primary-color">瀹夎鍖�</span>
             </li>
             <li class="fl fl-cl al-cn p-10">
-              <div>
+              <div class="fl al-end">
                 <img src="../../assets/images/icon/rar.png" class="rar-icon" />
-                <img
+                <!-- <img
                   @click="
                     downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
                   "
                   src="../../assets/images/icon/download.png"
                   class="downlod-icon cu-pr"
-                />
+                /> -->
+                <span
+                  class="svg-btn"
+                  @click="
+                    downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
+                  "
+                >
+                  <svg
+                    t="1716796212460"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="1598"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    width="15"
+                    height="15"
+                  >
+                    <path
+                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                      p-id="1599"
+                    ></path>
+                  </svg>
+                </span>
               </div>
               <div>
                 <span class="rar-text"
@@ -617,11 +724,25 @@
         </div>
         <!-- 鍐呭 -->
         <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
-        <div class="qrbodyPic">
-          <p class="imgtitle">
-            琛�1-2銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
-          </p>
-        </div>
+        <p class="table-title">
+          <span> 琛�1-2銆�璇勫垎琛� </span>
+          <svg
+            t="1716802335492"
+            class="share-box icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="1782"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="18"
+            height="18"
+          >
+            <path
+              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+              p-id="1783"
+            ></path>
+          </svg>
+        </p>
         <table border="1" cellpadding="4" cellspacing="0">
           <tr class="table-bc">
             <td class="table-cn" colspan="2">
@@ -647,7 +768,9 @@
             <td class="table-cn">鏁欏笀璇勫垎</td>
           </tr>
           <tr>
-            <td rowspan="4"><div style="width:50px">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</div></td>
+            <td rowspan="4">
+              <div style="width: 50px">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</div>
+            </td>
             <td>宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁咃紝40鍒�</td>
             <td>
               鎵惧埌浼佷笟缃戠珯锛屼笅杞芥渶鏂癕CGS宓屼汉寮忚蒋浠跺苟瀹夎:鎵惧埌宸ヤ笟鑷姩鍖栬蒋浠禕BS缃戠珯锛屽弬涓庤璁�
@@ -683,7 +806,7 @@
         </h2>
         <div class="w100 border-so mb-5"></div>
         <div class="w50 rw-border mb-20"></div>
-        <div style="width:62%">
+        <div class="w100">
           <div>
             <img
               src="../../assets/images/icon/document.png"
@@ -691,18 +814,36 @@
             />
             <span>鏂囨湰</span>
           </div>
-          <ul class="word-resource fl">
+          <ul class="word-resource fl ju-ev">
             <li class="fl fl-cl al-cn p08">
-              <div>
+              <div class="fl al-end">
                 <img
                   src="../../assets/images/icon/word.png"
                   class="word-icon"
                 />
-                <img
+                <!-- <img
                   @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')"
                   src="../../assets/images/icon/download.png"
                   class="downlod-icon cu-pr"
-                />
+                /> -->
+                <span class="svg-btn" @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')">
+                  <svg
+                    t="1716796212460"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="1598"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    width="15"
+                    height="15"
+                  >
+                    <path
+                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                      p-id="1599"
+                    ></path>
+                  </svg>
+                </span>
               </div>
               <div>
                 <span>鍒濈骇鏁欑▼</span>
@@ -712,16 +853,34 @@
               <div class="word-border"></div>
             </li>
             <li class="fl fl-cl al-cn p08">
-              <div>
+              <div class="fl al-end">
                 <img
                   src="../../assets/images/icon/word.png"
                   class="word-icon"
                 />
-                <img
+                <!-- <img
                   @click="downloadWord('涓骇鏁欑▼璧勬簮')"
                   src="../../assets/images/icon/download.png"
                   class="downlod-icon cu-pr"
-                />
+                /> -->
+                <span class="svg-btn" @click="downloadWord('涓骇鏁欑▼璧勬簮')">
+                  <svg
+                    t="1716796212460"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="1598"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    width="15"
+                    height="15"
+                  >
+                    <path
+                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                      p-id="1599"
+                    ></path>
+                  </svg>
+                </span>
               </div>
               <div>
                 <span>涓骇鏁欑▼</span>
@@ -731,18 +890,35 @@
               <div class="word-border"></div>
             </li>
             <li class="fl fl-cl al-cn p08">
-              <div>
+              <div class="fl al-end">
                 <img
                   src="../../assets/images/icon/word.png"
                   class="word-icon"
                 />
-                <img
+                <!-- <img
                   @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"
                   src="../../assets/images/icon/download.png"
                   class="downlod-icon cu-pr"
-                />
+                /> -->
+                <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')">
+                  <svg
+                    t="1716796212460"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="1598"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    width="15"
+                    height="15"
+                  >
+                    <path
+                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                      p-id="1599"
+                    ></path>
+                  </svg>
+                </span>
               </div>
-
               <div>
                 <span>椹卞姩鏁欑▼</span>
               </div>
@@ -751,16 +927,34 @@
               <div class="word-border"></div>
             </li>
             <li class="fl fl-cl al-cn p08">
-              <div>
+              <div class="fl al-end">
                 <img
                   src="../../assets/images/icon/word.png"
                   class="word-icon"
                 />
-                <img
+                <!-- <img
                   @click="downloadWord('纭欢鏁欑▼璧勬簮')"
                   src="../../assets/images/icon/download.png"
                   class="downlod-icon cu-pr"
-                />
+                /> -->
+                <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')">
+                  <svg
+                    t="1716796212460"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="1598"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    width="15"
+                    height="15"
+                  >
+                    <path
+                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                      p-id="1599"
+                    ></path>
+                  </svg>
+                </span>
               </div>
 
               <div>
@@ -786,9 +980,8 @@
           />
           <b>浠诲姟鎻忚堪</b>
         </p>
-        <p>瑙︽懜灞忔槸鏂颁竴浠i珮绉�</p>
-        <p class="content">
-          鎶�浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+        <p>
+          瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
         </p>
         <p class="quotation fl al-cn t0 primary-color">
           <img
@@ -916,7 +1109,11 @@
         </div>
 
         <div class="qrbodyPic">
-          <el-image :src="imgtOne" :preview-src-list="[imgtOne]" class="source-img" />
+          <el-image
+            :src="imgtOne"
+            :preview-src-list="[imgtOne]"
+            class="source-img"
+          />
           <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
         </div>
         <div class="fl">
@@ -924,7 +1121,7 @@
             <el-image :src="imgtTwo" :preview-src-list="[imgtTwo]" />
             <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
           </div>
-          <div>
+          <div style="width: 66%">
             <el-image :src="imgtThree" :preview-src-list="[imgtThree]" />
             <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
           </div>
@@ -1150,11 +1347,25 @@
           <img src="../../assets/images/header-one.png" alt="" />
         </div>
         <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
-        <div class="qrbodyPic">
-          <p class="imgtitle">
-            琛�1-3銆�鍔熻兘娴嬭瘯琛� <i class="el-icon-share cu-pr"></i>
-          </p>
-        </div>
+        <p class="table-title">
+          琛�1-3銆�鍔熻兘娴嬭瘯琛�
+          <svg
+            t="1716802335492"
+            class="share-box icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="1782"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="18"
+            height="18"
+          >
+            <path
+              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+              p-id="1783"
+            ></path>
+          </svg>
+        </p>
         <table border="1" cellpadding="4" cellspacing="0" class="w100">
           <tr class="table-bc">
             <td class="table-cn">
@@ -1166,31 +1377,45 @@
           </tr>
           <tr>
             <td>鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</td>
-            <td><input style="width: 100%" class="border-0 " /></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
             <td>
-              <input style="width: 100%" class="border-0 " />
+              <input style="width: 100%" class="border-0" />
             </td>
           </tr>
           <tr>
-            <td><div style="width:150px">鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</div></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
+            <td><div style="width: 150px">鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</div></td>
+            <td><input style="width: 100%" class="border-0" /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
           </tr>
           <tr>
             <td>鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</td>
-            <td><input style="width: 100%" class="border-0 " /></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
-            <td><input style="width: 100%" class="border-0 " /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
+            <td><input style="width: 100%" class="border-0" /></td>
           </tr>
         </table>
-        <div class="qrbodyPic">
-          <p class="imgtitle">
-            琛�1-4銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
-          </p>
-        </div>
-        <table border="1" cellpadding="4" cellspacing="0">
+        <p class="table-title mt-20">
+          琛�1-4銆�璇勫垎琛�
+          <svg
+            t="1716802335492"
+            class="share-box icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="1782"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="18"
+            height="18"
+          >
+            <path
+              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+              p-id="1783"
+            ></path>
+          </svg>
+        </p>
+        <table border="1" cellpadding="2" cellspacing="0">
           <tr class="table-bc">
             <td class="table-cn" colspan="2">
               璇� 鍒� 琛�<br />
@@ -1215,8 +1440,12 @@
             <td class="table-cn">鏁欏笀璇勫垎</td>
           </tr>
           <tr>
-            <td rowspan="5"><div style="width:20px">寤虹珛宸ョ▼鍜屼笅杞藉伐绋�</div></td>
-            <td><div>宸ヤ綔姝ラ鍙婄數璺浘鏍凤紝20鍒�</div></td>
+            <td rowspan="5">
+              <div style="width: 20px; margin: 0 auto; text-align: center">
+                寤虹珛宸ョ▼鍜屼笅杞藉伐绋�
+              </div>
+            </td>
+            <td class="wh-no">宸ヤ綔姝ラ鍙婄數璺浘鏍凤紝20鍒�</td>
             <td>璁粌姝ラ:闇�瑕佺殑鍏冨櫒浠�</td>
             <td>
               <textarea class="textarea-table-td"></textarea>
@@ -1252,6 +1481,12 @@
             <td><textarea class="textarea-table-td"></textarea></td>
           </tr>
         </table>
+        <div class="tl-rg mt-20">
+          瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
+            style="width: 40px"
+            class="input-border"
+          />鏃ユ湡:<input style="width: 82px" class="input-border" />
+        </div>
         <!-- <p class="content mt-20"><b>缁冧範涓庢彁楂�</b></p> -->
         <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
           缁冧範涓庢彁楂�
@@ -1269,7 +1504,9 @@
             style="width: 95%"
           ></textarea>
         </p>
-        <p class="quotation t0">2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�</p>
+        <p class="quotation t0">
+          2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�
+        </p>
         <p class="question-textaere">
           <textarea
             cols="30"
@@ -1343,7 +1580,9 @@
             style="width: 95%"
           ></textarea>
         </p>
-        <p class="quotation t0">8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�</p>
+        <p class="quotation t0">
+          8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�
+        </p>
         <p class="question-textaere">
           <textarea
             cols="30"
@@ -1354,7 +1593,9 @@
             style="width: 95%"
           ></textarea>
         </p>
-        <p class="quotation t0">9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��</p>
+        <p class="quotation t0">
+          9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��
+        </p>
         <p class="question-textaere">
           <textarea
             cols="30"
@@ -1434,15 +1675,15 @@
   methods: {
     download(type) {
       const path = "/閰嶅瀛︿範璧勬簮/p2/宸ョ▼鏍蜂緥/" + type + ".rar";
-      window.open(this.config.resourceCtx + path);
+      window.open(this.config.activeBook.resourceUrl + path);
     },
     downloadRar(type) {
       const path = "/閰嶅瀛︿範璧勬簮/p7/" + type + ".rar";
-      window.open(this.config.resourceCtx + path);
+      window.open(this.config.activeBook.resourceUrl + path);
     },
     downloadWord(type) {
       const path = "/閰嶅瀛︿範璧勬簮/p9/鏁欑▼璧勬簮/" + type + ".doc";
-      window.open(this.config.resourceCtx + path);
+      window.open(this.config.activeBook.resourceUrl + path);
     },
     changeResource(type) {
       if (type == "videoOne") {
@@ -1454,7 +1695,7 @@
 </script>
 <style scoped lang="less">
 p {
-  font-family: "瀹嬩綋", SimSun, sans-serif !important;
+  font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important;
   margin: 0;
   text-align: justify;
 }
@@ -1482,7 +1723,7 @@
   padding: 0;
   border: 1px solid #501438;
   .p08 {
-    padding:0 8px;
+    padding: 0 8px;
   }
   // li {
   //   padding: 0 8px;
@@ -1518,5 +1759,4 @@
   text-indent: 0;
   padding-left: 23px;
 }
-
 </style>

--
Gitblit v1.9.1