From 06a893e503c32ea16026db428f4d82eef7eedb3c Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期一, 27 五月 2024 17:37:50 +0800
Subject: [PATCH] 合并

---
 src/books/embedded/view/components/chapter001.vue |  310 ++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 240 insertions(+), 70 deletions(-)

diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index ec02cff..a7b28d7 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" />
@@ -73,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>
@@ -153,7 +203,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="" />
@@ -281,8 +331,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>
@@ -397,7 +451,7 @@
           <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
         </div>
         <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
-        <p class="imgtitle">
+        <p class="table-title">
           琛�1-1銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
         </p>
         <table border="1" cellpadding="4" cellspacing="0">
@@ -425,10 +479,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>
@@ -442,7 +498,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>
@@ -513,15 +569,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"
@@ -620,7 +699,7 @@
         <!-- 鍐呭 -->
         <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
         <div class="qrbodyPic">
-          <p class="imgtitle">
+          <p class="table-title">
             琛�1-2銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
           </p>
         </div>
@@ -649,7 +728,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缃戠珯锛屽弬涓庤璁�
@@ -685,7 +766,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"
@@ -693,18 +774,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>
@@ -714,16 +813,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>
@@ -733,18 +850,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>
@@ -753,16 +887,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>
@@ -788,9 +940,8 @@
           />
           <b>浠诲姟鎻忚堪</b>
         </p>
-        <p>瑙︽懜灞忔槸鏂颁竴浠i珮绉�</p>
-        <p class="content">
-          鎶�浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+        <p>
+          瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
         </p>
         <p class="quotation fl al-cn t0 primary-color">
           <img
@@ -918,7 +1069,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">
@@ -926,7 +1081,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>
@@ -1153,7 +1308,7 @@
         </div>
         <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
         <div class="qrbodyPic">
-          <p class="imgtitle">
+          <p class="table-title">
             琛�1-3銆�鍔熻兘娴嬭瘯琛� <i class="el-icon-share cu-pr"></i>
           </p>
         </div>
@@ -1168,31 +1323,31 @@
           </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">
+          <p class="table-title">
             琛�1-4銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
           </p>
         </div>
-        <table border="1" cellpadding="4" cellspacing="0">
+        <table border="1" cellpadding="2" cellspacing="0">
           <tr class="table-bc">
             <td class="table-cn" colspan="2">
               璇� 鍒� 琛�<br />
@@ -1217,8 +1372,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>
@@ -1254,6 +1413,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">
           缁冧範涓庢彁楂�
@@ -1271,7 +1436,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"
@@ -1345,7 +1512,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"
@@ -1356,7 +1525,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"
@@ -1436,15 +1607,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") {
@@ -1456,7 +1627,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;
 }
@@ -1484,7 +1655,7 @@
   padding: 0;
   border: 1px solid #501438;
   .p08 {
-    padding:0 8px;
+    padding: 0 8px;
   }
   // li {
   //   padding: 0 8px;
@@ -1520,5 +1691,4 @@
   text-indent: 0;
   padding-left: 23px;
 }
-
 </style>

--
Gitblit v1.9.1