From 574ab216e6d4c9e9865801e3ccc0fa032b28b475 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 31 五月 2024 11:46:25 +0800
Subject: [PATCH] 嵌入式优化

---
 src/books/embedded/view/components/chapter001.vue | 2462 +++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 1,978 insertions(+), 484 deletions(-)

diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index bb6e9f9..9a59f99 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -1,509 +1,2003 @@
 <template>
-  <div class="chapter" num="1">
-    <div class="page-box page-padding">
-      
+  <div class="chapter" num="2">
+    <!-- 1 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-87" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <div class="mt-100 w100">
+          <!-- <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1> -->
+          <img src="../../assets/images/project-one.png" alt="" class="w100" />
+          <p class="quotation">
+            宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠跺彂灞曟湁涓や釜鏂瑰悜锛屼竴鏂归潰鏄悜澶у瀷骞冲彴杞欢鏂瑰悜鍙戝睍锛屼緥濡傦紝鐩存帴浠庣粍鎬佸彂灞曟垚澶у瀷鐨凜IMS銆丒RP绯荤粺绛夛紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠舵紨鍙樹负宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼績浣垮浗瀹跺伐涓氳嚜鍔ㄥ寲绋嬪害蹇�熸彁鍗囷紝鍥犳宓屽叆寮忔柟鍚戝彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�侻CGS宓屽叆寮忚蒋浠跺拰TPC绯诲垪瑙︽懜灞忓緱鍒颁簡涓绘祦宸ユ帶纭欢浼佷笟澶у姏鏀寔锛屾妧鏈В鍐虫柟妗堟繁鍙楃敤鎴风殑濂借瘎銆�
+          </p>
+          <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
+            浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
+          </h2>
+          <div class="w100 border-so mb-5"></div>
+          <div class="w50 rw-border mb-20"></div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/mubiao.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鐩爣</b>
+          </p>
+          <p class="content">锛�1锛夎璇嗗祵鍏ュ紡宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紱</p>
+          <p class="content">锛�2锛夎璇嗗祵鍏ュ紡瑙︽懜灞廡PC銆�</p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/miaoshu.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鎻忚堪</b>
+          </p>
+          <p class="content">
+            浜嗚В宓屽叆寮忕郴缁熷拰宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紝鐔熸倝宓屽叆寮忚Е鎽稿睆TPC銆�
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/xunlian.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟璁粌</b>
+          </p>
+          <p class="content">
+            宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
+            CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
+          </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>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1>
-    <p class="quotation">
-      宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠跺彂灞曟湁涓や釜鏂瑰悜锛屼竴鏂归潰鏄悜澶у瀷骞冲彴杞欢鏂瑰悜鍙戝睍锛屼緥濡傦紝鐩存帴浠庣粍鎬佸彂灞曟垚澶у瀷鐨凜IMS銆丒RP绯荤粺绛夛紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠舵紨鍙樹负宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼績浣垮浗瀹跺伐涓氳嚜鍔ㄥ寲绋嬪害蹇�熸彁鍗囷紝鍥犳宓屽叆寮忔柟鍚戝彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�侻CGS宓屽叆寮忚蒋浠跺拰TPC绯诲垪瑙︽懜灞忓緱鍒颁簡涓绘祦宸ユ帶纭欢浼佷笟澶у姏鏀寔锛屾妧鏈В鍐虫柟妗堟繁鍙楃敤鎴风殑濂借瘎銆�
-    </p>
-    <h2 class="secondTitle" id="sigil_toc_id_13">
-      浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
-    </h2>
-    <p class="content"><b>浠诲姟鐩爣</b></p>
-    <p class="content">锛�1锛夎璇嗗祵鍏ュ紡宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紱</p>
-    <p class="content">锛�2锛夎璇嗗祵鍏ュ紡瑙︽懜灞廡PC銆�</p>
-    <p class="content"><b>浠诲姟鎻忚堪</b></p>
-    <p class="content">
-      浜嗚В宓屽叆寮忕郴缁熷拰宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紝鐔熸倝宓屽叆寮忚Е鎽稿睆TPC銆�
-    </p>
-    <p class="content"><b>浠诲姟璁粌</b></p>
-    <p class="content">
-      宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
-      CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
-    </p>
-    <p class="content">
-      闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
-    </p>
-    <p class="content"><b>绱犳潗銆�</b>宸ョ▼鏍蜂緥</p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00014001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
+    <!-- 2 -->
+    <div class="page-box fl fl-cl ju-bt" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" class="w100" />
+          </div>
+          <div>
+            <div class="padding-96 pr">
+              <ul class="left-resource">
+                <li class="fl al-cn ju-cn">
+                  <img src="../../assets/images/icon/sucai.png" />
+                  <span class="primary-color">绱犳潗</span>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <!-- <img
+                      @click="download('宸ョ▼鏍蜂緥')"
+                      src="../../assets/images/icon/download.png"
+                      class="downlod-icon cu-pr"
+                    /> -->
+                    <span class="svg-btn" @click="download('宸ョ▼鏍蜂緥')">
+                      <svg
+                        t="1716978364001"
+                        class="icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="13396"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">宸ョ▼鏍蜂緥.rar</span>
+                  </div>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <span class="svg-btn" @click="download('绠℃帶涓�浣撴牱渚�')">
+                      <svg
+                        t="1716978364001"
+                        class="icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="13396"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">绠℃帶涓�浣撳寲鏍蜂緥.rar</span>
+                  </div>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <span class="svg-btn" @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')">
+                      <svg
+                        t="1716978364001"
+                        class="icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="13396"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">宓宊璁″垝鏇茬嚎鏍蜂緥.rar</span>
+                  </div>
+                </li>
+              </ul>
+              <p class="content t0">
+                鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
+              </p>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00014001.jpg"
+                    alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">
+                  鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟
+                </p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00014002.jpg"
+                    alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">
+                  鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟
+                </p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00014003.jpg"
+                    alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">
+                  鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟
+                </p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00014004.jpg"
+                    alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">
+                  鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">2</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00014002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
+    <!-- 3 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <div>
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-one.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>璁よ瘑MCGS宓屽叆鐗堢粍鎬佽蒋浠�</b>
+          </p>
+          <p class="content">
+            MCGS宓屽叆鐗堢粍鎬佽蒋浠朵笓闂ㄥ簲鐢ㄤ簬TPC涓�浣撴満锛堣Е鎽稿睆锛夛紝涓昏瀹屾垚鐜板満鏁版嵁鐨勯噰闆嗕笌鐩戞祴銆佸墠绔暟鎹殑澶勭悊涓庢帶鍒朵笌鍏朵粬鐩稿叧鐨勮緭鍏ヨ緭鍑虹‖浠惰澶囩粨鍚堬紝鍙互蹇�熴�佹柟渚垮湴寮�鍙戝悇绉嶇敤浜庣幇鍦洪噰闆嗐�佹暟鎹鐞嗗拰鎺у埗鐨勮嚜鍔ㄥ寲绯荤粺銆備緥濡傦紝鍙互鐏垫椿缁勬�佸悇绉嶆櫤鑳戒华琛ㄣ�佹暟鎹噰闆嗘ā鍧楋紝鏃犵焊璁板綍浠�佹棤浜哄�煎畧鐨勭幇鍦洪噰闆嗙珯銆佷汉鏈虹晫闈㈢瓑涓撶敤璁惧銆�
+          </p>
+          <p class="content">MCGS宓屽叆鐗堢粍鎬佽蒋浠剁殑涓昏鍔熻兘锛�</p>
+          <p class="content">
+            锛�1锛夌畝鍗曠伒娲荤殑鍙鍖栨搷浣滅晫闈細閲囩敤鍏ㄤ腑鏂囥�佸彲瑙嗗寲鐨勫紑鍙戠晫闈紝绗﹀悎涓浗浜虹殑浣跨敤涔犳儻鍜岃姹傘��
+          </p>
+          <p class="content">
+            锛�2锛夊疄鏃舵�у己銆佹湁鑹ソ鐨勫苟琛屽鐞嗘�ц兘锛氱湡姝g殑32浣嶇郴缁燂紝瀵逛换鍔¤繘琛屽垎鏃跺苟琛屽鐞嗐��
+          </p>
+          <p class="content">
+            锛�3锛変赴瀵屻�佺敓鍔ㄧ殑澶氬獟浣撶敾闈細浠ュ浘鍍忋�佸浘绗︺�佹姤琛ㄣ�佹洸绾跨瓑澶氱褰㈠紡锛屾彁渚涙搷浣滃拰鎺у埗淇℃伅銆�
+          </p>
+          <p class="content">
+            锛�4锛夊畬鍠勭殑瀹夊叏鏈哄埗锛氭彁渚涗簡鑹ソ鐨勫畨鍏ㄦ満鍒讹紝鍙互涓哄涓笉鍚岀骇鍒敤鎴疯瀹氫笉鍚岀殑鎿嶄綔鏉冮檺銆�
+          </p>
+          <p class="content">锛�5锛夊己澶х殑缃戠粶鍔熻兘锛氬叿鏈夊己澶х殑缃戠粶閫氫俊鍔熻兘銆�</p>
+          <p class="content">
+            锛�6锛夊鏍峰寲鐨勬姤璀﹀姛鑳斤細鎻愪緵澶氱涓嶅悓鐨勬姤璀︽柟寮忥紝鏂逛究鐢ㄦ埛杩涜鎶ヨ璁剧疆銆�
+          </p>
+          <p class="content">
+            锛�7锛夋敮鎸佸绉嶇‖浠惰澶囷細PLC銆佸彉棰戝櫒銆佷己鏈嶉┍鍔ㄥ櫒銆佷华鍣ㄤ华琛ㄧ瓑銆�
+          </p>
+          <p class="content">
+            鎬讳箣锛孧CGS宓屽叆鐗堢粍鎬佽蒋浠跺叿鏈変笌閫氱敤鐗堢粍鎬佽蒋浠朵竴鏍峰己澶х殑鍔熻兘锛屽苟涓旀搷浣滅畝鍗曪紝鏄撳鏄撶敤銆�
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-two.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>MCGS宓屽叆鐗堢粍鎬佽蒋浠剁粍鎴�</b>
+          </p>
+          <p class="content">
+            MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
+          </p>
+          <div class="qrbodyPic">
+            <div class="openImgBox">
+              <img
+                src="../../assets/images/img00015001.jpg"
+                alt="鐢ㄦ埛搴旂敤绯荤粺缁勬垚"
+                class="w100"
+              />
+            </div>
+            <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
+          </div>
+          <p class="content">
+            锛�1锛変富鎺х獥鍙f瀯閫犱簡搴旂敤绯荤粺鐨勪富妗嗘灦锛岀‘瀹氫簡宸ヤ笟鎺у埗涓伐绋嬩綔涓氱殑鎬讳綋杞粨锛屼互鍙婅繍琛屾祦绋嬨�佺壒鎬у弬鏁板拰鍚姩鐗规�х瓑鍐呭锛屾槸搴旂敤绯荤粺鐨勪富妗嗘灦銆�
+          </p>
+          <p class="content">
+            锛�2锛夎澶囩獥鍙f槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙d笓闂ㄧ敤鏉ユ斁缃笉鍚�
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">3</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00014003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
+    <!-- 4 -->
+    <div class="page-box fl fl-cl ju-bt" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <p class="content t0">
+              绫诲瀷鍜屽姛鑳界殑璁惧鏋勪欢锛屽疄鐜板澶栧洿璁惧鐨勬搷浣滃拰鎺у埗銆傝澶囩獥鍙i�氳繃璁惧鏋勪欢鎶婂鍥磋澶囩殑鏁版嵁閲囬泦杩涙潵锛岄�佸叆瀹炴椂鏁版嵁搴擄紝鎴栨妸瀹炴椂鏁版嵁搴撲腑鐨勬暟鎹緭鍑哄埌澶栧洿璁惧銆�
+            </p>
+            <p class="content">
+              锛�3锛夌敤鎴风獥鍙e疄鐜颁簡鏁版嵁鍜屾祦绋嬬殑鈥滃彲瑙嗗寲鈥濄�傜敤鎴风獥鍙d腑鍙互鏀剧疆涓夌涓嶅悓绫诲瀷鐨勫浘褰㈠璞★細鍥惧厓銆佸浘绗﹀拰鍔ㄧ敾鏋勪欢銆傞�氳繃鍦ㄧ敤鎴风獥鍙e唴鏀剧疆涓嶅悓鐨勫浘褰㈠璞★紝鐢ㄦ埛鍙互鏋勯�犲悇绉嶅鏉傜殑鍥惧舰鐣岄潰锛岀敤涓嶅悓鐨勬柟寮忓疄鐜版暟鎹拰娴佺▼鐨勨�滃彲瑙嗗寲鈥濄��
+            </p>
+            <p class="content">
+              锛�4锛夊疄鏃舵暟鎹簱鏄疢CGS宓屽叆鐗堢郴缁熺殑鏍稿績銆傚疄鏃舵暟鎹簱鐩稿綋浜庝竴涓暟鎹鐞嗕腑蹇冿紝鍚屾椂涔熻捣鍒板叕鍏辨暟鎹氦鎹㈠尯鐨勪綔鐢ㄣ�備粠澶栧洿璁惧閲囬泦鏉ョ殑瀹炴椂鏁版嵁閫佸叆瀹炴椂鏁版嵁搴擄紝绯荤粺鍏朵粬閮ㄥ垎鎿嶄綔鐨勬暟鎹篃鏉ヨ嚜浜庡疄鏃舵暟鎹簱銆�
+            </p>
+            <p class="content">
+              锛�5锛夎繍琛岀瓥鐣ユ槸瀵圭郴缁熻繍琛屾祦绋嬪疄鐜版湁鏁堟帶鍒剁殑鎵嬫銆傝繍琛岀瓥鐣ユ湰韬槸绯荤粺鎻愪緵鐨勪竴涓鏋讹紝鍏堕噷闈㈡斁缃敱绛栫暐鏉′欢鏋勪欢鍜岀瓥鐣ユ瀯浠剁粍鎴愮殑鈥滅瓥鐣ヨ鈥濓紝閫氳繃瀵硅繍琛岀瓥鐣ョ殑瀹氫箟锛屼娇绯荤粺鑳藉鎸夌収璁惧畾鐨勯『搴忓拰鏉′欢鎿嶄綔浠诲姟锛屽疄鐜板澶栧洿璁惧宸ヤ綔杩囩▼鐨勭簿纭帶鍒躲��
+            </p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-three.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>璁よ瘑TPC7062K瑙︽懜灞�</b>
+            </p>
+            <p class="content">
+              宓屽叆寮忕粍鎬佽蒋浠剁殑缁勬�佺幆澧冨拰妯℃嫙杩愯鐜鏄竴濂楀畬鏁寸殑宸ュ叿杞欢锛屽彲浠ュ湪PC涓婅繍琛屻��
+            </p>
+            <p class="content">
+              宓屽叆寮忕粍鎬佽蒋浠剁殑杩愯鐜鏄竴涓嫭绔嬬殑杩愯绯荤粺锛屽畠鎸夌収缁勬�佸伐绋嬩腑鐢ㄦ埛鎸囧畾鐨勬柟寮忚繘琛屽悇绉嶅鐞嗭紝瀹屾垚鐢ㄦ埛缁勬�佽璁$殑鐩爣鍜屽姛鑳姐�備竴鏃︾粍鎬佸伐浣滃畬鎴愶紝骞朵笖灏嗙粍鎬佸ソ鐨勫伐绋嬩笅杞藉埌宓屽叆寮忎竴浣撳寲瑙︽懜灞忥紙渚嬪TPC7062K锛夌殑杩愯鐜涓紝缁勬�佸伐绋嬪氨鍙互绂诲紑缁勬�佺幆澧冭�岀嫭绔嬭繍琛屻�俆PC鏄寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鑷富鐢熶骇鐨勫祵鍏ュ紡涓�浣撳寲瑙︽懜灞忕郴鍒楀瀷鍙凤紝鍏朵腑TPC7062K鍏锋湁浠h〃鎬с��
+            </p>
+            <p class="content">锛�1锛塗PC7062K浼樺娍锛�</p>
+            <p class="content">
+              鈶犻珮娓咃細鍒嗚鲸鐜囦负800脳480鍍忕礌锛岀敤鎴峰彲浣撻獙绮捐嚧銆佽嚜鐒躲�侀�氶�忕殑楂樻竻鐩涘锛�
+            </p>
+            <p class="content">
+              鈶$湡褰╋細65 535鑹叉暟瀛楃湡褰╋紝涓板瘜鐨勫浘褰㈠簱锛岀敤鎴峰彲浜彈椤剁骇闇囨捈鐢昏川锛�
+            </p>
+            <p class="content">
+              鈶㈠彲闈狅細鎶楀共鎵版�ц兘杈惧埌宸ヤ笟III绾ф爣鍑嗭紝閲囩敤LED鑳屽厜姘镐笉榛戝睆锛�
+            </p>
+            <p class="content">
+              鈶i厤缃細ARM9鍐呮牳銆�400MHz涓婚銆�64MB鍐呭瓨銆�128MB瀛樺偍绌洪棿锛�
+            </p>
+            <p class="content">
+              鈶よ蒋浠讹細MCGS鍏ㄥ姛鑳界粍鎬佽蒋浠讹紝鏀寔闂瓨鐩橈紙淇楃ОU鐩橈級澶囦唤鎭㈠锛屽姛鑳芥洿寮哄ぇ锛�
+            </p>
+            <p class="content">
+              鈶ョ幆淇濓細浣庡姛鑰楋紝鏁存満鍔熻�椾粎6W锛屽彂灞曠豢鑹插伐涓氾紝鍊″鑳芥簮鑺傜害锛�
+            </p>
+            <p class="content">
+              鈶︽椂灏氾細7in锛�1in=2.54cm锛夊灞忔樉绀恒�佽秴杞汇�佽秴钖勬満韬璁★紝寮曢绠�绾︽椂灏氾紱
+            </p>
+            <p class="content">
+              鈶ф湇鍔★細绔嬭冻涓浗锛屽叏鏂逛綅銆佹湰鍦熷寲鏈嶅姟锛屾槦绾ф爣鍑嗭紝鐢ㄦ埛鑷充笂銆�
+            </p>
+            <p class="content">
+              锛�2锛塗PC7062K澶栬銆俆PC7062K姝h鍥惧鍥�1-6鎵�绀猴紝TPC7062K鑳岃鍥惧鍥�1-7鎵�绀恒��
+            </p>
+            <p class="content">锛�3锛塗PC7062K渚涚數鎺ョ嚎銆�</p>
+            <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>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">4</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <div class="qrbodyPic">
-      <!-- <img src="../../assets/images/img00014004.jpg" active="true" /> -->
-      <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p>
+    <!-- 5 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div class="fl openImgBox">
+            <div class="">
+              <img
+                src="../../assets/images/img00017001.jpg"
+                alt="姝h鍥�"
+                class="w100"
+              />
+              <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
+            </div>
+            <div class="">
+              <img
+                src="../../assets/images/img00017002.jpg"
+                alt="鑳岃鍥�"
+                class="w100"
+              />
+              <p class="imgdescript">鍥�1-7銆�鑳岃鍥�</p>
+            </div>
+          </div>
+          <div class="fl al-cn">
+            <div class="left">
+              <p class="content">鎺ョ嚎姝ラ锛�</p>
+              <p class="content">
+                鈶犲皢寮�鍏崇數婧�24V+绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎1绔腑锛屽鍥�1-8鎵�绀恒��
+              </p>
+              <p class="content">
+                鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆�
+              </p>
+              <p class="content">鈶娇鐢ㄤ竴瀛楀ご鏃嬪叿灏員PC鐢垫簮鎻掑ご铻洪拤閿佺揣銆�</p>
+            </div>
+            <div class="right">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00017003.jpg"
+                  alt="鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p>
+            </div>
+          </div>
+
+          <p class="content">
+            锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒��
+          </p>
+          <div>
+            <div class="openImgBox">
+              <img
+                src="../../assets/images/img00017004.jpg"
+                alt="鎺ュ彛璇存槑"
+                class="w100"
+              />
+            </div>
+            <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p>
+          </div>
+          <div>
+            <div class="openImgBox">
+              <img
+                src="../../assets/images/img00017005.jpg"
+                alt="涓插彛寮曡剼瀹氫箟"
+                class="w100"
+              />
+            </div>
+            <p class="imgdescript">鍥�1-10銆�涓插彛寮曡剼瀹氫箟</p>
+          </div>
+          <p class="content">
+            锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">5</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <p class="content t-left"><b>1銆�璁よ瘑MCGS宓屽叆鐗堢粍鎬佽蒋浠�</b></p>
-    <p class="content">
-      MCGS宓屽叆鐗堢粍鎬佽蒋浠朵笓闂ㄥ簲鐢ㄤ簬TPC涓�浣撴満锛堣Е鎽稿睆锛夛紝涓昏瀹屾垚鐜板満鏁版嵁鐨勯噰闆嗕笌鐩戞祴銆佸墠绔暟鎹殑澶勭悊涓庢帶鍒朵笌鍏朵粬鐩稿叧鐨勮緭鍏ヨ緭鍑虹‖浠惰澶囩粨鍚堬紝鍙互蹇�熴�佹柟渚垮湴寮�鍙戝悇绉嶇敤浜庣幇鍦洪噰闆嗐�佹暟鎹鐞嗗拰鎺у埗鐨勮嚜鍔ㄥ寲绯荤粺銆備緥濡傦紝鍙互鐏垫椿缁勬�佸悇绉嶆櫤鑳戒华琛ㄣ�佹暟鎹噰闆嗘ā鍧楋紝鏃犵焊璁板綍浠�佹棤浜哄�煎畧鐨勭幇鍦洪噰闆嗙珯銆佷汉鏈虹晫闈㈢瓑涓撶敤璁惧銆�
-    </p>
-    <p class="content">MCGS宓屽叆鐗堢粍鎬佽蒋浠剁殑涓昏鍔熻兘锛�</p>
-    <p class="content">
-      锛�1锛夌畝鍗曠伒娲荤殑鍙鍖栨搷浣滅晫闈細閲囩敤鍏ㄤ腑鏂囥�佸彲瑙嗗寲鐨勫紑鍙戠晫闈紝绗﹀悎涓浗浜虹殑浣跨敤涔犳儻鍜岃姹傘��
-    </p>
-    <p class="content">
-      锛�2锛夊疄鏃舵�у己銆佹湁鑹ソ鐨勫苟琛屽鐞嗘�ц兘锛氱湡姝g殑32浣嶇郴缁燂紝瀵逛换鍔¤繘琛屽垎鏃跺苟琛屽鐞嗐��
-    </p>
-    <p class="content">
-      锛�3锛変赴瀵屻�佺敓鍔ㄧ殑澶氬獟浣撶敾闈細浠ュ浘鍍忋�佸浘绗︺�佹姤琛ㄣ�佹洸绾跨瓑澶氱褰㈠紡锛屾彁渚涙搷浣滃拰鎺у埗淇℃伅銆�
-    </p>
-    <p class="content">
-      锛�4锛夊畬鍠勭殑瀹夊叏鏈哄埗锛氭彁渚涗簡鑹ソ鐨勫畨鍏ㄦ満鍒讹紝鍙互涓哄涓笉鍚岀骇鍒敤鎴疯瀹氫笉鍚岀殑鎿嶄綔鏉冮檺銆�
-    </p>
-    <p class="content">锛�5锛夊己澶х殑缃戠粶鍔熻兘锛氬叿鏈夊己澶х殑缃戠粶閫氫俊鍔熻兘銆�</p>
-    <p class="content">
-      锛�6锛夊鏍峰寲鐨勬姤璀﹀姛鑳斤細鎻愪緵澶氱涓嶅悓鐨勬姤璀︽柟寮忥紝鏂逛究鐢ㄦ埛杩涜鎶ヨ璁剧疆銆�
-    </p>
-    <p class="content">
-      锛�7锛夋敮鎸佸绉嶇‖浠惰澶囷細PLC銆佸彉棰戝櫒銆佷己鏈嶉┍鍔ㄥ櫒銆佷华鍣ㄤ华琛ㄧ瓑銆�
-    </p>
-    <p class="content">
-      鎬讳箣锛孧CGS宓屽叆鐗堢粍鎬佽蒋浠跺叿鏈変笌閫氱敤鐗堢粍鎬佽蒋浠朵竴鏍峰己澶х殑鍔熻兘锛屽苟涓旀搷浣滅畝鍗曪紝鏄撳鏄撶敤銆�
-    </p>
-    <p class="content t-left"><b>2銆�MCGS宓屽叆鐗堢粍鎬佽蒋浠剁粍鎴�</b></p>
-    <p class="content">
-      MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <!-- <img src="../../assets/images/img00015001.jpg" active="true" /> -->
-      <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
+    <!-- 6 -->
+    <div class="page-box fl fl-cl ju-bt" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00018001.jpg"
+                  alt="TPC鍚姩杩囩▼"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-11銆�TPC鍚姩杩囩▼</p>
+            </div>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-four.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎</b>
+            </p>
+            <p class="content">
+              TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎濡傚浘1-12锝炲浘1-14鎵�绀恒��
+            </p>
+            <div style="width: 90%" class="m0-auto">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00018002.jpg"
+                  alt="TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">
+                鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎
+              </p>
+            </div>
+            <div class="m0-auto" style="width: 90%">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00018003.jpg"
+                  alt="TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">6</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
-    <p class="content">
-      锛�1锛変富鎺х獥鍙f瀯閫犱簡搴旂敤绯荤粺鐨勪富妗嗘灦锛岀‘瀹氫簡宸ヤ笟鎺у埗涓伐绋嬩綔涓氱殑鎬讳綋杞粨锛屼互鍙婅繍琛屾祦绋嬨�佺壒鎬у弬鏁板拰鍚姩鐗规�х瓑鍐呭锛屾槸搴旂敤绯荤粺鐨勪富妗嗘灦銆�
-    </p>
-    <p class="content">
-      锛�2锛夎澶囩獥鍙f槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙d笓闂ㄧ敤鏉ユ斁缃笉鍚岀被鍨嬪拰鍔熻兘鐨勮澶囨瀯浠讹紝瀹炵幇瀵瑰鍥磋澶囩殑鎿嶄綔鍜屾帶鍒躲�傝澶囩獥鍙i�氳繃璁惧鏋勪欢鎶婂鍥磋澶囩殑鏁版嵁閲囬泦杩涙潵锛岄�佸叆瀹炴椂鏁版嵁搴擄紝鎴栨妸瀹炴椂鏁版嵁搴撲腑鐨勬暟鎹緭鍑哄埌澶栧洿璁惧銆�
-    </p>
-    <p class="content">
-      锛�3锛夌敤鎴风獥鍙e疄鐜颁簡鏁版嵁鍜屾祦绋嬬殑鈥滃彲瑙嗗寲鈥濄�傜敤鎴风獥鍙d腑鍙互鏀剧疆涓夌涓嶅悓绫诲瀷鐨勫浘褰㈠璞★細鍥惧厓銆佸浘绗﹀拰鍔ㄧ敾鏋勪欢銆傞�氳繃鍦ㄧ敤鎴风獥鍙e唴鏀剧疆涓嶅悓鐨勫浘褰㈠璞★紝鐢ㄦ埛鍙互鏋勯�犲悇绉嶅鏉傜殑鍥惧舰鐣岄潰锛岀敤涓嶅悓鐨勬柟寮忓疄鐜版暟鎹拰娴佺▼鐨勨�滃彲瑙嗗寲鈥濄��
-    </p>
-    <p class="content">
-      锛�4锛夊疄鏃舵暟鎹簱鏄疢CGS宓屽叆鐗堢郴缁熺殑鏍稿績銆傚疄鏃舵暟鎹簱鐩稿綋浜庝竴涓暟鎹鐞嗕腑蹇冿紝鍚屾椂涔熻捣鍒板叕鍏辨暟鎹氦鎹㈠尯鐨勪綔鐢ㄣ�備粠澶栧洿璁惧閲囬泦鏉ョ殑瀹炴椂鏁版嵁閫佸叆瀹炴椂鏁版嵁搴擄紝绯荤粺鍏朵粬閮ㄥ垎鎿嶄綔鐨勬暟鎹篃鏉ヨ嚜浜庡疄鏃舵暟鎹簱銆�
-    </p>
-    <p class="content">
-      锛�5锛夎繍琛岀瓥鐣ユ槸瀵圭郴缁熻繍琛屾祦绋嬪疄鐜版湁鏁堟帶鍒剁殑鎵嬫銆傝繍琛岀瓥鐣ユ湰韬槸绯荤粺鎻愪緵鐨勪竴涓鏋讹紝鍏堕噷闈㈡斁缃敱绛栫暐鏉′欢鏋勪欢鍜岀瓥鐣ユ瀯浠剁粍鎴愮殑鈥滅瓥鐣ヨ鈥濓紝閫氳繃瀵硅繍琛岀瓥鐣ョ殑瀹氫箟锛屼娇绯荤粺鑳藉鎸夌収璁惧畾鐨勯『搴忓拰鏉′欢鎿嶄綔浠诲姟锛屽疄鐜板澶栧洿璁惧宸ヤ綔杩囩▼鐨勭簿纭帶鍒躲��
-    </p>
-    <p class="content t-left"><b>3銆�璁よ瘑TPC7062K瑙︽懜灞�</b></p>
-    <p class="content">
-      宓屽叆寮忕粍鎬佽蒋浠剁殑缁勬�佺幆澧冨拰妯℃嫙杩愯鐜鏄竴濂楀畬鏁寸殑宸ュ叿杞欢锛屽彲浠ュ湪PC涓婅繍琛屻��
-    </p>
-    <p class="content">
-      宓屽叆寮忕粍鎬佽蒋浠剁殑杩愯鐜鏄竴涓嫭绔嬬殑杩愯绯荤粺锛屽畠鎸夌収缁勬�佸伐绋嬩腑鐢ㄦ埛鎸囧畾鐨勬柟寮忚繘琛屽悇绉嶅鐞嗭紝瀹屾垚鐢ㄦ埛缁勬�佽璁$殑鐩爣鍜屽姛鑳姐�備竴鏃︾粍鎬佸伐浣滃畬鎴愶紝骞朵笖灏嗙粍鎬佸ソ鐨勫伐绋嬩笅杞藉埌宓屽叆寮忎竴浣撳寲瑙︽懜灞忥紙渚嬪TPC7062K锛夌殑杩愯鐜涓紝缁勬�佸伐绋嬪氨鍙互绂诲紑缁勬�佺幆澧冭�岀嫭绔嬭繍琛屻�俆PC鏄寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鑷富鐢熶骇鐨勫祵鍏ュ紡涓�浣撳寲瑙︽懜灞忕郴鍒楀瀷鍙凤紝鍏朵腑TPC7062K鍏锋湁浠h〃鎬с��
-    </p>
-    <p class="content">锛�1锛塗PC7062K浼樺娍锛�</p>
-    <p class="content">
-      鈶犻珮娓咃細鍒嗚鲸鐜囦负800脳480鍍忕礌锛岀敤鎴峰彲浣撻獙绮捐嚧銆佽嚜鐒躲�侀�氶�忕殑楂樻竻鐩涘锛�
-    </p>
-    <p class="content">
-      鈶$湡褰╋細65 535鑹叉暟瀛楃湡褰╋紝涓板瘜鐨勫浘褰㈠簱锛岀敤鎴峰彲浜彈椤剁骇闇囨捈鐢昏川锛�
-    </p>
-    <p class="content">
-      鈶㈠彲闈狅細鎶楀共鎵版�ц兘杈惧埌宸ヤ笟III绾ф爣鍑嗭紝閲囩敤LED鑳屽厜姘镐笉榛戝睆锛�
-    </p>
-    <p class="content">
-      鈶i厤缃細ARM9鍐呮牳銆�400MHz涓婚銆�64MB鍐呭瓨銆�128MB瀛樺偍绌洪棿锛�
-    </p>
-    <p class="content">
-      鈶よ蒋浠讹細MCGS鍏ㄥ姛鑳界粍鎬佽蒋浠讹紝鏀寔闂瓨鐩橈紙淇楃ОU鐩橈級澶囦唤鎭㈠锛屽姛鑳芥洿寮哄ぇ锛�
-    </p>
-    <p class="content">
-      鈶ョ幆淇濓細浣庡姛鑰楋紝鏁存満鍔熻�椾粎6W锛屽彂灞曠豢鑹插伐涓氾紝鍊″鑳芥簮鑺傜害锛�
-    </p>
-    <p class="content">
-      鈶︽椂灏氾細7in锛�1in=2.54cm锛夊灞忔樉绀恒�佽秴杞汇�佽秴钖勬満韬璁★紝寮曢绠�绾︽椂灏氾紱
-    </p>
-    <p class="content">
-      鈶ф湇鍔★細绔嬭冻涓浗锛屽叏鏂逛綅銆佹湰鍦熷寲鏈嶅姟锛屾槦绾ф爣鍑嗭紝鐢ㄦ埛鑷充笂銆�
-    </p>
-    <p class="content">
-      锛�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" /> -->
-      浠呴檺DC 24V锛佸缓璁數婧愮殑杈撳嚭鍔熺巼涓�15W銆�
-    </p>
-    <div class="qrbodyPic">
-      <!-- <img src="../../assets/images/img00017001.jpg" active="true" /> -->
-      <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
+    <!-- 7 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div>
+            <div class="openImgBox">
+              <img
+                src="../../assets/images/img00019001.jpg"
+                alt="TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎"
+                class="w100"
+              />
+            </div>
+            <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
+          </div>
+          <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
+          <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">
+              <td class="table-cn" colspan="2">
+                璇� 鍒� 琛�<br />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" />
+                灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <td rowspan="4">
+                <div style="width: 50px">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</div>
+              </td>
+              <td>宓屽叆寮忕粍鎬佸拰瑙︽懜灞忥紝20鍒�</td>
+              <td>
+                <div>
+                  鏀堕泦鍚勭被瑙︽懜灞忓姛鑳藉強鎬ц兘淇℃伅锛屽苟杩涜姣旇緝;浜嗚В宓屼汉寮忕粍鎬佺粍鎴愶紝浜嗚ВTPC绯诲垪浜у搧鎬ц兘銆佸瑙備笌鎺ョ嚎
+                </div>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>閫氫俊杩炴帴锛�30鍒�</td>
+              <td>
+                <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱C閫氫俊绾匡紝骞舵祴璇�;<br /></div>
+                <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱LC閫氫俊绾匡紝骞舵祴璇�</div>
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>娴嬭瘯涓庡姛鑳斤紝30鍒�</td>
+              <td>TPC涓嶱C閫氫俊鏄惁姝e父</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20 鍒�</td>
+              <td>
+                宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰:閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <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>
+          <div class="pr">
+            <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
+              浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+            </h2>
+            <div class="w100 border-so mb-5"></div>
+            <div class="w50 rw-border mb-20"></div>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/mubiao.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟鐩爣</b>
+            </p>
+            <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/miaoshu.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟鎻忚堪</b>
+            </p>
+            <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/xunlian.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟璁粌</b>
+            </p>
+            <p class="content">
+              鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
+            </p>
+            <ul class="right-resource">
+              <li class="fl al-cn ju-cn border-so p-10">
+                <img
+                  src="../../assets/images/icon/anzhuang.png"
+                  class="anzhuang-icon"
+                />
+                <span class="primary-color">瀹夎鍖�</span>
+              </li>
+              <li class="fl fl-cl al-cn p-10">
+                <div class="fl al-end">
+                  <img
+                    src="../../assets/images/icon/rar.png"
+                    class="rar-icon"
+                  />
+                  <span
+                    class="svg-btn"
+                    @click="
+                      downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
+                    "
+                  >
+                    <svg
+                      t="1716978364001"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="13396"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                        p-id="13397"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+                <div>
+                  <span class="rar-text"
+                    >MCGS宓屽叆鐗�<br />
+                    瀹夎鏂囦欢.rar</span
+                  >
+                </div>
+              </li>
+            </ul>
+          </div>
+
+          <video
+            :src="
+              config.activeBook.resourceUrl +
+              '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4'
+            "
+            webkit-playsinline="true"
+            x-webkit-airplay="true"
+            playsinline="true"
+            x5-video-orientation="h5"
+            x5-video-player-fullscreen="true"
+            x5-playsinline=""
+            controls
+            class="w100 mt-20"
+          ></video>
+          <p class="imgdescript">瑙嗛锛歁CGS瀹夎瑙嗛</p>
+          <p class="content">
+            锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
+          </p>
+          <p class="content">
+            鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">7</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <div class="qrbodyPic">
-      <!-- <img src="../../assets/images/img00017002.jpg" active="true" /> -->
-      <p class="imgdescript">鍥�1-7銆�鑳岃鍥�</p>
+    <!-- 8 -->
+    <div class="page-box fl fl-cl ju-bt" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <p class="content">
+              鎸夋彁绀烘楠ゆ搷浣滐紝闅忓悗锛屽畨瑁呯▼搴忓皢鎻愮ず鎸囧畾瀹夎鐩綍锛屽涓嶆寚瀹氭椂锛岀郴缁熼粯璁ゅ畨瑁呭埌D锛歕MCGSE鐩綍涓嬶紝寤鸿浣跨敤榛樿鐩綍锛屽鍥�1-17鎵�绀猴紝绯荤粺瀹夎澶х害闇�瑕佸嚑鍒嗛挓銆�
+            </p>
+            <p class="content">
+              锛�2锛塎CGS宓屽叆鐗堜富绋嬪簭瀹夎瀹屾垚鍚庯紝缁х画瀹夎璁惧椹卞姩锛屽崟鍑烩�滄槸鈥濇寜閽鍥�1-18鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�3锛夊崟鍑烩�滀笅涓�姝モ�濇寜閽紝杩涘叆椹卞姩瀹夎绋嬪簭锛岄�夋嫨鈥滄墍鏈夐┍鍔ㄢ�濆閫夋锛屽崟鍑烩�滀笅涓�姝モ�濇寜閽繘琛屽畨瑁咃紝濡傚浘1-19鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�4锛夐�夋嫨濂藉悗锛屾寜鎻愮ず鎿嶄綔锛孧CGS椹卞姩绋嬪簭瀹夎杩囩▼澶х害闇�瑕佸嚑鍒嗛挓銆�
+            </p>
+            <p class="content">
+              锛�5锛夊畨瑁呰繃绋嬪畬鎴愬悗锛屽皢寮瑰嚭瀵硅瘽妗嗘彁绀哄畨瑁呭畬鎴愶紝鏄惁閲嶆柊鍚姩璁$畻鏈猴紝閫夋嫨閲嶅惎鍚庯紝瀹屾垚瀹夎銆�
+            </p>
+            <p class="content">
+              锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆�
+            </p>
+            <div class="qrbodyPic">
+              <div class="banshi 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/carousel-one.png"
+                          alt="MCGS瀹夎绋嬪簭绐楀彛"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/carousel-two.png"
+                          alt="鍚姩瀹夎绋嬪簭"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/carousel-three.png"
+                          alt="鎸囧畾瀹夎鐩綍"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/carousel-four.png"
+                          alt="閫夋嫨瀹夎璁惧椹卞姩"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/carousel-five.png"
+                          alt="椹卞姩瀹夎绋嬪簭"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/carousel-six.png"
+                          alt="缁勬�佺幆澧冨拰妯℃嫙杩愯鐜蹇嵎鏂瑰紡鍥炬爣"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-pagination"></div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">8</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
-    <p class="content">鎺ョ嚎姝ラ锛�</p>
-    <p class="content">
-      鈶犲皢寮�鍏崇數婧�24V+绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎1绔腑锛屽鍥�1-8鎵�绀恒��
-    </p>
-    <p class="content">鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆�</p>
-    <p class="content">鈶娇鐢ㄤ竴瀛楀ご鏃嬪叿灏員PC鐢垫簮鎻掑ご铻洪拤閿佺揣銆�</p>
-    <div class="qrbodyPic">
-      <!-- <img src="../../assets/images/img00017003.jpg" active="true" /> -->
-      <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p>
+    <!-- 9 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <!-- 鍐呭 -->
+          <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
+          <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">
+                璇� 鍒� 琛�<br />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" />
+                灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <td rowspan="4">
+                <div style="width: 50px">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</div>
+              </td>
+              <td>宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁咃紝40鍒�</td>
+              <td>
+                鎵惧埌浼佷笟缃戠珯锛屼笅杞芥渶鏂癕CGS宓屼汉寮忚蒋浠跺苟瀹夎:鎵惧埌宸ヤ笟鑷姩鍖栬蒋浠禕BS缃戠珯锛屽弬涓庤璁�
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>娴嬭瘯涓庡姛鑳斤紝40鍒�</td>
+              <td>杞欢鏄惁姝e父杩愯銆佷娇鐢�</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20鍒�</td>
+              <td>宸ュ叿銆佸櫒鏉愮瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰锛岄伒瀹堢邯寰嬶紝淇濇寔宸ヤ綅鏁存磥</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <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>
+          <h2 class="secondTitle" id="sigil_toc_id_15">
+            浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�
+          </h2>
+          <div class="w100 border-so mb-5"></div>
+          <div class="w50 rw-border mb-20"></div>
+          <div class="w100">
+            <div>
+              <img
+                src="../../assets/images/icon/document.png"
+                class="document-icon"
+              />
+              <span>鏂囨湰</span>
+            </div>
+            <ul class="word-resource fl ju-ev">
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end" style="margin: 10px 0">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <span class="svg-btn" @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')">
+                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15" height="15">
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"></path>
+                      </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>鍒濈骇鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end" style="margin: 10px 0">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <span class="svg-btn" @click="downloadWord('涓骇鏁欑▼璧勬簮')">
+                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15" height="15">
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"></path>
+                      </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>涓骇鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end" style="margin: 10px 0">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')">
+                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15" height="15">
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"></path>
+                      </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>椹卞姩鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end" style="margin: 10px 0">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')">
+                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15" height="15">
+                        <path
+                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
+                          p-id="13397"></path>
+                      </svg>
+                  </span>
+                </div>
+
+                <div>
+                  <span>纭欢鏁欑▼</span>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/mubiao.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鐩爣</b>
+          </p>
+          <p class="content">鍒濇浜嗚В宸ョ▼寤虹珛銆佺粍鎬併�佷笅杞戒笌妯℃嫙杩愯銆�</p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/miaoshu.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鎻忚堪</b>
+          </p>
+          <p>
+            瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/xunlian.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟璁粌</b>
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-one.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>鏂板缓宸ョ▼</b>
+          </p>
+          <p class="content">
+            鍙屽嚮缁勬�佺幆澧冨揩鎹锋柟寮忓浘鏍�<img
+              class="h-pic"
+              src="../../assets/images/img00021002.jpg"
+              active="true"
+            />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細
+          </p>
+          <ul class="fl fl-bt m0 p0">
+            <li style="width: 58%">
+              <p class="content">
+                锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽��
+              </p>
+              <p class="content">
+                锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆�
+              </p>
+              <p class="quotation fl al-cn t0 primary-color">
+                <img
+                  src="../../assets/images/icon/arrow-two.png"
+                  alt=""
+                  class="w-45 mr-5"
+                />
+                <b>绐楀彛缁勬��</b>
+              </p>
+              <p class="content">
+                锛�1锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙o紝鍗曞嚮鈥滄柊寤虹獥鍙b�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒��
+              </p>
+            </li>
+            <li style="width: 38%">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00021003.jpg"
+                  alt="閫夋嫨TPC绫诲瀷"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p>
+            </li>
+          </ul>
+
+          <p class="content">
+            锛�2锛夊崟鍑烩�滅獥鍙e睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙e睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙e悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">9</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <p class="content">
-      锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00017004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p>
+    <!-- 10 -->
+    <div class="page-box fl fl-cl ju-bt" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <div class="fl ju-bt w100">
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00022001.jpg"
+                    alt="寤虹珛鏂扮獥鍙�"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p>
+              </div>
+              <div class="">
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00022002.jpg"
+                    alt="绐楀彛灞炴�ц缃�"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-23銆�绐楀彛灞炴�ц缃�</p>
+              </div>
+            </div>
+            <p class="content">
+              锛�3锛夊弻鍑荤敤鎴风獥鍙o紝鍦ㄧ獥鍙g紪杈戜綅缃寜浣忛紶鏍囧乏閿嫋鏀惧嚭涓�瀹氬ぇ灏忓悗锛屾澗寮�榧犳爣宸﹂敭锛岃繖鏍蜂竴涓寜閽瀯浠跺氨缁樺埗鍦ㄧ獥鍙d腑锛屽鍥�1-24鎵�绀恒��
+            </p>
+            <p class="content">
+              鎺ヤ笅鏉ュ弻鍑昏鎸夐挳锛屽脊鍑衡�滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈�濇枃鏈涓緭鍏モ�滄寚绀虹伅1鈥濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繚瀛橈紝濡傚浘1-25鎵�绀恒��
+            </p>
+            <div class="fl ju-bt">
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00022003.jpg"
+                    alt="鎸夐挳鍒朵綔"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00022004.jpg"
+                    alt="鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p>
+              </div>
+            </div>
+            <p class="content">
+              鎸夌収鍚屾牱鐨勬搷浣滃垎鍒粯鍒跺彟澶栦竴涓寜閽紝灏嗏�滄枃鏈�濅慨鏀逛负鈥滄寚绀虹伅2鈥濓紝瀹屾垚鍚庡鍥�1-26鎵�绀恒��
+            </p>
+            <p class="content">
+              鎸変綇閿洏鐨勩�怌trl銆戦敭锛岀劧鍚庡崟鍑伙紝鍚屾椂閫変腑涓や釜鎸夐挳锛屼娇鐢ㄥ伐鍏锋爮涓殑绛夐珮瀹姐�佸乏锛堝彸锛夊榻愬拰绾靛悜绛夐棿璺濆涓や釜鎸夐挳杩涜鎺掑垪瀵归綈锛屽鍥�1-27鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�4锛夊崟鍑诲伐鍏风涓殑鈥滄彃鍏ュ厓浠垛�濇寜閽紝寮瑰嚭鈥滃璞″厓浠跺簱绠$悊鈥濆璇濇锛岄�変腑鍥惧舰瀵硅薄搴撴寚绀虹伅涓殑涓�娆撅紝鍗曞嚮鈥滅‘璁も�濇寜閽坊鍔犲埌绐楀彛鐢婚潰涓紝骞惰皟鏁村埌鍚堥�傚ぇ灏忥紝鍚屾牱鐨勬柟娉曞啀娣诲姞涓や釜鎸囩ず鐏紝鎽嗘斁鍦ㄧ獥鍙d腑鎸夐挳鏃佽竟鐨勪綅缃紝濡傚浘1-28鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�5锛夊崟鍑婚�変腑宸ュ叿绠变腑鐨勨�滄爣绛锯�濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰竴瀹氬ぇ灏忊�滄爣绛锯�濓紝濡傚浘1-29鎵�绀恒�傜劧鍚庡弻鍑昏鏍囩锛屽脊鍑衡�滄爣绛惧姩鐢荤粍鎬佸睘鎬ц缃�濆璇濇锛屽湪鈥滄墿灞曞睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�1锛氣�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽紝濡傚浘1-30鎵�绀恒��
+            </p>
+          </div>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">10</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00017005.jpg" active="true" />
-      <p class="imgdescript">鍥�1-10銆�涓插彛寮曡剼瀹氫箟</p>
+    <!-- 11 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div class="fl ju-bt">
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00023001.jpg"
+                  alt="鎸夐挳鏂囧瓧淇敼"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00023002.jpg"
+                  alt="鎸夐挳鎺掑垪"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
+            </div>
+          </div>
+
+          <div class="qrbodyPic">
+            <div class="openImgBox">
+              <img
+                src="../../assets/images/img00023003.jpg"
+                alt="娣诲姞鎸囩ず鐏�"
+                class="w100"
+              />
+            </div>
+            <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
+          </div>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00023004.jpg"
+                  alt="鍒朵綔鏍囩"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
+            </div>
+            <div style="width: 66%">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00023005.jpg"
+                  alt="鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
+            </div>
+          </div>
+
+          <p class="content">
+            鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒��
+          </p>
+          <p class="content">
+            锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">11</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <p class="content">
-      锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00018001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-11銆�TPC鍚姩杩囩▼</p>
+    <!-- 12 -->
+    <div class="page-box fl fl-cl ju-bt" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <div class="fl">
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00024001.jpg"
+                    alt="鍒朵綔杈撳叆妗�"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00024002.jpg"
+                    alt="杈撳叆妗嗘帓鍒�"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-32銆�杈撳叆妗嗘帓鍒�</p>
+              </div>
+            </div>
+            <p class="content">锛�7锛夊缓绔嬫暟鎹摼鎺ワ細</p>
+            <p class="content">
+              鈶犳寜閽細鍙屽嚮鈥滄寚绀虹伅1鈥濇寜閽紝寮瑰嚭鈥滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽鍥�1-33鎵�绀猴紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄粯璁も�滄姮璧峰姛鑳解�濇寜閽负鎸変笅鐘舵�侊紝閫変腑鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滄竻0鈥濋�夐」锛屽缓璁彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝鍗冲湪鍙栧弽鎺у埗鎸夐挳鎶捣鏃讹紝瀵规寚绀虹伅1杩涜娓呴浂锛屽鍥�1-34鎵�绀恒��
+            </p>
+            <div class="fl">
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00024003.jpg"
+                    alt="鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img
+                    src="../../assets/images/img00024004.jpg"
+                    alt="鎺у埗鎸夐挳璁剧疆"
+                    class="w100"
+                  />
+                </div>
+                <p class="imgdescript">鍥�1-34銆�鎺у埗鎸夐挳璁剧疆</p>
+              </div>
+            </div>
+            <p class="content">
+              杈撳叆鎸囩ず鐏�1鏃朵細寮瑰嚭鍥�1-35鎵�绀哄璇濇锛屽崟鍑烩�滄槸鈥濇寜閽紝寮瑰嚭鈥滄暟鎹璞″睘鎬ц缃�濆璇濇锛屽鏁版嵁绫诲瀷杩涜璁剧疆锛屽鍥�1-36鎵�绀猴紝鍗曞嚮鈥滅‘璁も�濇寜閽��
+            </p>
+            <p class="content">
+              鍚屾牱锛屽垏鎹㈠埌鈥滄寜涓嬪姛鑳解�濋�夐」鍗¤繘琛岃缃紝閫夋嫨鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滅疆1鈥濋�夐」锛屽彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝濡傚浘1-37鎵�绀恒��
+            </p>
+            <div class="fl">
+              <div style="width: 60%">
+                <p class="content">
+                  鎸囩ず鐏�2鎸夐挳锛屸�滄姮璧峰姛鑳解�濇椂鈥滄竻0鈥濓紱鈥滄寜涓嬪姛鑳解�濇椂鈥滅疆1鈥濓紝鍙橀噺鍚嶄负鈥滄寚绀虹伅2鈥濄��
+                </p>
+                <p class="content">
+                  鈶℃寚绀虹伅锛氬弻鍑绘寚绀虹伅1鎸夐挳鏃佽竟鐨勬寚绀虹伅锛屽脊鍑衡�滃崟鍏冨睘鎬ц缃�濆璇濇锛屽湪鈥滄暟鎹璞♀�濋�夐」鍗′腑锛屽崟鍑�<img
+                    class="h-pic"
+                    src="../../assets/images/img00024006.jpg"
+                    active="true"
+                  />鎸夐挳閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�1锛屽鍥�1-38鎵�绀恒�傚悓鏍锋柟娉曡缃�滄寚绀虹伅2鈥濄��
+                </p>
+              </div>
+              <div style="width: 40%">
+                <div class="qrbodyPic">
+                  <div class="openImgBox">
+                    <img
+                      src="../../assets/images/img00024005.jpg"
+                      alt="缁勬�侀敊璇璇濇"
+                      class="w100"
+                    />
+                  </div>
+                  <p class="imgdescript">鍥�1-35銆�缁勬�侀敊璇璇濇</p>
+                </div>
+              </div>
+            </div>
+
+            <p class="content">
+              鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img
+                class="h-pic"
+                src="../../assets/images/img00024007.jpg"
+                active="true"
+              />鎸夐挳寮瑰嚭鈥滃彉閲忛�夋嫨鈥濆璇濇锛岄�夋嫨鈥滄寚绀虹伅1鈥濋�夐」锛屽鍥�1-39鎵�绀猴紝璁剧疆瀹屾垚鍚庡崟鍑烩�滅‘璁も�濇寜閽��
+            </p>
+          </div>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">12</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <p class="content t-left"><b>4銆�TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎</b></p>
-    <p class="content">TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎濡傚浘1-12锝炲浘1-14鎵�绀恒��</p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00018002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎</p>
+    <!-- 13 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00025001.jpg"
+                  alt="鏁版嵁瀵硅薄灞炴�ц缃�"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00025002.jpg"
+                  alt="鎸変笅鍔熻兘璁剧疆"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
+            </div>
+          </div>
+          <p class="content">
+            鎸夊悓鏍风殑鏂规硶锛屽弻鍑烩�滅姸鎬佹樉绀�2锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗚繘琛岃缃紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄�夋嫨瀵瑰簲鐨勬暟鎹璞★細閫氶亾绫诲瀷閫夋嫨鈥滄寚绀虹伅2鈥濓紝缁勬�佸畬鎴愬悗锛屼繚瀛樸��
+          </p>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00025003.jpg"
+                  alt="閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00025004.jpg"
+                  alt="鎸囩ず鐏�1灞炴�ф搷浣�"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</p>
+            </div>
+          </div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-three.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>宸ョ▼涓嬭浇鍒癟PC7062K</b>
+          </p>
+          <p class="content">
+            锛�1锛夋柟妗堜竴锛歎SB涓嬭浇銆傚皢鏍囧噯USB2.0鎵撳嵃鏈虹嚎锛屽鍥�1-40鎵�绀猴紝鎵佸钩鎺ュ彛鎻掑埌璁$畻鏈虹殑USB鎺ュ彛锛屽井鍨嬫帴鍙f彃鍒癟PC绔殑USB2.0鎺ュ彛锛岃繛鎺PC7062K鍜孭C銆�
+          </p>
+          <div class="fl ju-bt">
+            <p class="content" style="width: 68%">
+              鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
+                class="h-pic"
+                src="../../assets/images/img00025005.jpg"
+                active="true"
+              />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝濡傚浘1-41鎵�绀猴紝閫夋嫨鈥淯SB閫氫俊鈥濊繛鎺ユ柟寮忥紝鐒跺悗鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽紝濡傚浘1-42鎵�绀恒��
+            </p>
+            <div style="width: 30%">
+              <div class="openImgBox">
+                <img
+                  src="../../assets/images/img00025006.jpg"
+                  alt="鏍囧噯USB2.0鎵撳嵃鏈虹嚎"
+                  class="w100"
+                />
+              </div>
+              <p class="imgdescript">鍥�1-40銆�鏍囧噯USB2.0鎵撳嵃鏈虹嚎</p>
+            </div>
+          </div>
+
+          <p class="content">
+            锛�2锛夋柟妗堜簩锛氱綉绾夸笅杞姐�傜敤缃戝彛涓嬭浇鏃讹紝鍏堟煡鐪嬭Е鎽稿睆IP鍦板潃锛屽綋瑙︽懜灞忎笂鐢靛嚭鐜版粴鍔ㄨ繘搴︽潯浠ュ悗锛屽崟鍑绘粴鍔ㄦ潯锛屽湪鍚姩灞炴�ф煡鐪婭P鍦板潃锛屼緥濡侷P200.200.200.26锛屽垯璁剧疆璁$畻鏈烘湰鍦拌繛鎺ョ殑IP鍦板潃涓篒P200.200.200.126锛屼簩鑰呭湪鍚屼竴缃戞锛屽嵆IP鍓嶄笁娈垫暟瀛楀繀椤荤浉鍚屻�傛垨淇敼瑙︽懜灞忓湴鍧�锛屽垯杩涘叆瑙︽懜灞忔搷浣滅郴缁焀indows
+            CE锛屽崟鍑籛indows鐨勨�滃紑濮嬧�濊彍鍗曪紝閫夋嫨鈥滆缃�濆懡浠わ紝杩愯鈥滅綉缁滄嫧鍙蜂笌杩炴帴鈥濓紝淇敼IP鍦板潃銆�
+          </p>
+          <p class="content">
+            鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
+              class="h-pic"
+              src="../../assets/images/img00025007.jpg"
+              active="true"
+            />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫�
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">13</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00018003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p>
+    <!-- 14 -->
+    <div class="page-box fl fl-cl ju-bt" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
+        <div>
+          <div class="mt-20">
+            <img
+              src="../../assets/images/page-header.png"
+              alt=""
+              class="w100"
+            />
+          </div>
+          <div class="padding-96">
+            <p class="content t0">淇℃祴璇曟甯稿悗锛屽崟鍑烩�滃伐绋嬩笅杞解�濇寜閽��</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-four.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>TPC妯℃嫙杩愯</b>
+            </p>
+            <p class="content">
+              缁勬�佺▼搴忎笅杞藉埌鈥渕cgsTpc宓屽叆寮忎竴浣撳寲瑙︽懜灞忊�濆悗灏卞彲浠ヨ繘琛屾ā鎷熻繍琛屻�傝Е鎽糕�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-43鎵�绀猴紱瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-44鎵�绀恒��
+            </p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-five.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>璁$畻鏈轰笂妯℃嫙杩愯</b>
+            </p>
+            <p class="content">
+              闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄��
+            </p>
+            <div class="qrbodyPic">
+              <!-- <el-carousel
+                trigger="click"
+                class="img-carousel carousel-image"
+                arrow="always"
+                indicator-position="none"
+              >
+                <el-carousel-item
+                  v-for="(item, index) in imgList"
+                  :key="index"
+                  class="bones-carousel-item"
+                >
+                  <el-image
+                    :src="item"
+                    :preview-src-list="imgList"
+                    :preview-teleported="true"
+                    class="open-image"
+                  />
+                </el-carousel-item>
+              </el-carousel> -->
+              <div class="banshi 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/img-list-one.png"
+                          alt="閫夋嫨鈥滆仈鏈鸿繍琛屸�濆拰鈥滈�氫俊娴嬭瘯鈥�"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/img-list-two.png"
+                          alt="宸ョ▼涓嬭浇"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/img-list-three.png"
+                          alt="瑙︽懜鈥滄寚绀虹伅1鈥濇寜閽�"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/img-list-four.png"
+                          alt="瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽�"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/img-list-five.png"
+                          alt="鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�"
+                        />
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img
+                          src="../../assets/images/img-list-six.png"
+                          alt="鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-pagination"></div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">14</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00019001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
+    <!-- 15 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
+          <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">
+                <img src="../../assets/images/table-td.png" class="w100" />
+              </td>
+              <td class="table-cn">鎸囩ず鐏�1</td>
+              <td class="table-cn">鎸囩ず鐏�2</td>
+              <td class="table-cn">鏄剧ず鐘舵��</td>
+            </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>
+            </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>
+            </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>
+            </tr>
+          </table>
+          <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 />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" />
+                灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭鍙婂垎閰�</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <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>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>閫氫俊杩炴帴锛�20鍒�</td>
+              <td>TPC涓嶱C閫氫俊:缃戝彛涓嬭浇銆乁SB涓嬭浇</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>宸ョ▼缁勬�侊紝20鍒�</td>
+              <td>璁惧缁勬��;绐楀彛缁勬��</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鍔熻兘娴嬭瘯锛�30鍒�</td>
+              <td>鎸夐挳鍔熻兘:鎸囩ず鐏姛鑳�:鏄剧ず妗嗗姛鑳�</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝10鍒�</td>
+              <td>
+                鐜板満瀹夊叏淇濇姢;宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰;閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <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">
+            缁冧範涓庢彁楂�
+          </h2>
+          <div class="w100 border-so mb-5"></div>
+          <div class="w50 rw-border mb-20"></div>
+          <p class="quotation t0">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">15</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
-    <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
-    <div class="qrbodyPic">
-      <p class="imgtitle">琛�1-1銆�璇勫垎琛�</p>
-      <img src="../../assets/images/img00019002.jpg" active="true" />
-    </div>
-    <h2 class="secondTitle" id="sigil_toc_id_14">
-      浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
-    </h2>
-    <p class="content"><b>浠诲姟鐩爣</b></p>
-    <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
-    <p class="content"><b>浠诲姟鎻忚堪</b></p>
-    <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
-    <p class="content"><b>浠诲姟璁粌</b></p>
-    <p class="content">
-      鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
-    </p>
-    <p class="content">
-      锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
-    </p>
-    <p class="content">
-      鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
-    </p>
-    <p class="content"><b>瀹夎鍖呫��</b>MCGS宓屽叆鐗堝畨瑁呮枃浠�</p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-15銆�MCGS瀹夎绋嬪簭绐楀彛</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-16銆�鍚姩瀹夎绋嬪簭</p>
-    </div>
-    <p class="content">
-      鎸夋彁绀烘楠ゆ搷浣滐紝闅忓悗锛屽畨瑁呯▼搴忓皢鎻愮ず鎸囧畾瀹夎鐩綍锛屽涓嶆寚瀹氭椂锛岀郴缁熼粯璁ゅ畨瑁呭埌D锛歕MCGSE鐩綍涓嬶紝寤鸿浣跨敤榛樿鐩綍锛屽鍥�1-17鎵�绀猴紝绯荤粺瀹夎澶х害闇�瑕佸嚑鍒嗛挓銆�
-    </p>
-    <p class="content">
-      锛�2锛塎CGS宓屽叆鐗堜富绋嬪簭瀹夎瀹屾垚鍚庯紝缁х画瀹夎璁惧椹卞姩锛屽崟鍑烩�滄槸鈥濇寜閽鍥�1-18鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-17銆�鎸囧畾瀹夎鐩綍</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-18銆�閫夋嫨瀹夎璁惧椹卞姩</p>
-    </div>
-    <p class="content">
-      锛�3锛夊崟鍑烩�滀笅涓�姝モ�濇寜閽紝杩涘叆椹卞姩瀹夎绋嬪簭锛岄�夋嫨鈥滄墍鏈夐┍鍔ㄢ�濆閫夋锛屽崟鍑烩�滀笅涓�姝モ�濇寜閽繘琛屽畨瑁咃紝濡傚浘1-19鎵�绀恒��
-    </p>
-    <p class="content">
-      锛�4锛夐�夋嫨濂藉悗锛屾寜鎻愮ず鎿嶄綔锛孧CGS椹卞姩绋嬪簭瀹夎杩囩▼澶х害闇�瑕佸嚑鍒嗛挓銆�
-    </p>
-    <p class="content">
-      锛�5锛夊畨瑁呰繃绋嬪畬鎴愬悗锛屽皢寮瑰嚭瀵硅瘽妗嗘彁绀哄畨瑁呭畬鎴愶紝鏄惁閲嶆柊鍚姩璁$畻鏈猴紝閫夋嫨閲嶅惎鍚庯紝瀹屾垚瀹夎銆�
-    </p>
-    <p class="content">
-      锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆�
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020005.jpg" active="true" />
-      <p class="imgdescript">鍥�1-19銆�椹卞姩瀹夎绋嬪簭</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00020006.jpg" active="true" />
-      <p class="imgdescript">鍥�1-20銆�缁勬�佺幆澧冨拰妯℃嫙杩愯鐜蹇嵎鏂瑰紡鍥炬爣</p>
-    </div>
-    <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
-    <div class="qrbodyPic">
-      <p class="imgtitle">琛�1-2銆�璇勫垎琛�</p>
-      <img src="../../assets/images/img00021001.jpg" active="true" />
-    </div>
-    <h2 class="secondTitle" id="sigil_toc_id_15">浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�</h2>
-    <p class="content"><b>浠诲姟鐩爣</b></p>
-    <p class="content">鍒濇浜嗚В宸ョ▼寤虹珛銆佺粍鎬併�佷笅杞戒笌妯℃嫙杩愯銆�</p>
-    <p class="content"><b>浠诲姟鎻忚堪</b></p>
-    <p class="content"><b>鏂囨湰銆�</b>鏁欑▼璧勬簮</p>
-    <p class="content">
-      瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
-    </p>
-    <p class="content"><b>浠诲姟璁粌</b></p>
-    <p class="content t-left"><b>1銆�鏂板缓宸ョ▼</b></p>
-    <p class="content">
-      鍙屽嚮缁勬�佺幆澧冨揩鎹锋柟寮忓浘鏍�<img
-        class="h-pic"
-        src="../../assets/images/img00021002.jpg"
-        active="true"
-      />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細
-    </p>
-    <p class="content">
-      锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽��
-    </p>
-    <p class="content">
-      锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆�
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00021003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p>
-    </div>
-    <p class="content t-left"><b>2銆�绐楀彛缁勬��</b></p>
-    <p class="content">
-      锛�1锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙o紝鍗曞嚮鈥滄柊寤虹獥鍙b�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒��
-    </p>
-    <p class="content">
-      锛�2锛夊崟鍑烩�滅獥鍙e睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙e睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙e悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00022001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00022002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-23銆�绐楀彛灞炴�ц缃�</p>
-    </div>
-    <p class="content">
-      锛�3锛夊弻鍑荤敤鎴风獥鍙o紝鍦ㄧ獥鍙g紪杈戜綅缃寜浣忛紶鏍囧乏閿嫋鏀惧嚭涓�瀹氬ぇ灏忓悗锛屾澗寮�榧犳爣宸﹂敭锛岃繖鏍蜂竴涓寜閽瀯浠跺氨缁樺埗鍦ㄧ獥鍙d腑锛屽鍥�1-24鎵�绀恒��
-    </p>
-    <p class="content">
-      鎺ヤ笅鏉ュ弻鍑昏鎸夐挳锛屽脊鍑衡�滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈�濇枃鏈涓緭鍏モ�滄寚绀虹伅1鈥濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繚瀛橈紝濡傚浘1-25鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00022003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00022004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p>
-    </div>
-    <p class="content">
-      鎸夌収鍚屾牱鐨勬搷浣滃垎鍒粯鍒跺彟澶栦竴涓寜閽紝灏嗏�滄枃鏈�濅慨鏀逛负鈥滄寚绀虹伅2鈥濓紝瀹屾垚鍚庡鍥�1-26鎵�绀恒��
-    </p>
-    <p class="content">
-      鎸変綇閿洏鐨勩�怌trl銆戦敭锛岀劧鍚庡崟鍑伙紝鍚屾椂閫変腑涓や釜鎸夐挳锛屼娇鐢ㄥ伐鍏锋爮涓殑绛夐珮瀹姐�佸乏锛堝彸锛夊榻愬拰绾靛悜绛夐棿璺濆涓や釜鎸夐挳杩涜鎺掑垪瀵归綈锛屽鍥�1-27鎵�绀恒��
-    </p>
-    <p class="content">
-      锛�4锛夊崟鍑诲伐鍏风涓殑鈥滄彃鍏ュ厓浠垛�濇寜閽紝寮瑰嚭鈥滃璞″厓浠跺簱绠$悊鈥濆璇濇锛岄�変腑鍥惧舰瀵硅薄搴撴寚绀虹伅涓殑涓�娆撅紝鍗曞嚮鈥滅‘璁も�濇寜閽坊鍔犲埌绐楀彛鐢婚潰涓紝骞惰皟鏁村埌鍚堥�傚ぇ灏忥紝鍚屾牱鐨勬柟娉曞啀娣诲姞涓や釜鎸囩ず鐏紝鎽嗘斁鍦ㄧ獥鍙d腑鎸夐挳鏃佽竟鐨勪綅缃紝濡傚浘1-28鎵�绀恒��
-    </p>
-    <p class="content">
-      锛�5锛夊崟鍑婚�変腑宸ュ叿绠变腑鐨勨�滄爣绛锯�濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰竴瀹氬ぇ灏忊�滄爣绛锯�濓紝濡傚浘1-29鎵�绀恒�傜劧鍚庡弻鍑昏鏍囩锛屽脊鍑衡�滄爣绛惧姩鐢荤粍鎬佸睘鎬ц缃�濆璇濇锛屽湪鈥滄墿灞曞睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�1锛氣�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽紝濡傚浘1-30鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00023001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00023002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00023003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00023004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00023005.jpg" active="true" />
-      <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
-    </div>
-    <p class="content">
-      鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒��
-    </p>
-    <p class="content">
-      锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00024001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00024002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-32銆�杈撳叆妗嗘帓鍒�</p>
-    </div>
-    <p class="content">锛�7锛夊缓绔嬫暟鎹摼鎺ワ細</p>
-    <p class="content">
-      鈶犳寜閽細鍙屽嚮鈥滄寚绀虹伅1鈥濇寜閽紝寮瑰嚭鈥滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽鍥�1-33鎵�绀猴紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄粯璁も�滄姮璧峰姛鑳解�濇寜閽负鎸変笅鐘舵�侊紝閫変腑鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滄竻0鈥濋�夐」锛屽缓璁彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝鍗冲湪鍙栧弽鎺у埗鎸夐挳鎶捣鏃讹紝瀵规寚绀虹伅1杩涜娓呴浂锛屽鍥�1-34鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00024003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00024004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-34銆�鎺у埗鎸夐挳璁剧疆</p>
-    </div>
-    <p class="content">
-      杈撳叆鎸囩ず鐏�1鏃朵細寮瑰嚭鍥�1-35鎵�绀哄璇濇锛屽崟鍑烩�滄槸鈥濇寜閽紝寮瑰嚭鈥滄暟鎹璞″睘鎬ц缃�濆璇濇锛屽鏁版嵁绫诲瀷杩涜璁剧疆锛屽鍥�1-36鎵�绀猴紝鍗曞嚮鈥滅‘璁も�濇寜閽��
-    </p>
-    <p class="content">
-      鍚屾牱锛屽垏鎹㈠埌鈥滄寜涓嬪姛鑳解�濋�夐」鍗¤繘琛岃缃紝閫夋嫨鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滅疆1鈥濋�夐」锛屽彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝濡傚浘1-37鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00024005.jpg" active="true" />
-      <p class="imgdescript">鍥�1-35銆�缁勬�侀敊璇璇濇</p>
-    </div>
-    <p class="content">
-      鎸囩ず鐏�2鎸夐挳锛屸�滄姮璧峰姛鑳解�濇椂鈥滄竻0鈥濓紱鈥滄寜涓嬪姛鑳解�濇椂鈥滅疆1鈥濓紝鍙橀噺鍚嶄负鈥滄寚绀虹伅2鈥濄��
-    </p>
-    <p class="content">
-      鈶℃寚绀虹伅锛氬弻鍑绘寚绀虹伅1鎸夐挳鏃佽竟鐨勬寚绀虹伅锛屽脊鍑衡�滃崟鍏冨睘鎬ц缃�濆璇濇锛屽湪鈥滄暟鎹璞♀�濋�夐」鍗′腑锛屽崟鍑�<img
-        class="h-pic"
-        src="../../assets/images/img00024006.jpg"
-        active="true"
-      />鎸夐挳閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�1锛屽鍥�1-38鎵�绀恒�傚悓鏍锋柟娉曡缃�滄寚绀虹伅2鈥濄��
-    </p>
-    <p class="content">
-      鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img
-        class="h-pic"
-        src="../../assets/images/img00024007.jpg"
-        active="true"
-      />鎸夐挳寮瑰嚭鈥滃彉閲忛�夋嫨鈥濆璇濇锛岄�夋嫨鈥滄寚绀虹伅1鈥濋�夐」锛屽鍥�1-39鎵�绀猴紝璁剧疆瀹屾垚鍚庡崟鍑烩�滅‘璁も�濇寜閽��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00025001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00025002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
-    </div>
-    <p class="content">
-      鎸夊悓鏍风殑鏂规硶锛屽弻鍑烩�滅姸鎬佹樉绀�2锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗚繘琛岃缃紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄�夋嫨瀵瑰簲鐨勬暟鎹璞★細閫氶亾绫诲瀷閫夋嫨鈥滄寚绀虹伅2鈥濓紝缁勬�佸畬鎴愬悗锛屼繚瀛樸��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00025003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00025004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</p>
-    </div>
-    <p class="content t-left"><b>3銆�宸ョ▼涓嬭浇鍒癟PC7062K</b></p>
-    <p class="content">
-      锛�1锛夋柟妗堜竴锛歎SB涓嬭浇銆傚皢鏍囧噯USB2.0鎵撳嵃鏈虹嚎锛屽鍥�1-40鎵�绀猴紝鎵佸钩鎺ュ彛鎻掑埌璁$畻鏈虹殑USB鎺ュ彛锛屽井鍨嬫帴鍙f彃鍒癟PC绔殑USB2.0鎺ュ彛锛岃繛鎺PC7062K鍜孭C銆�
-    </p>
-    <p class="content">
-      鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
-        class="h-pic"
-        src="../../assets/images/img00025005.jpg"
-        active="true"
-      />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝濡傚浘1-41鎵�绀猴紝閫夋嫨鈥淯SB閫氫俊鈥濊繛鎺ユ柟寮忥紝鐒跺悗鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽紝濡傚浘1-42鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00025006.jpg" active="true" />
-      <p class="imgdescript">鍥�1-40銆�鏍囧噯USB2.0鎵撳嵃鏈虹嚎</p>
-    </div>
-    <p class="content">
-      锛�2锛夋柟妗堜簩锛氱綉绾夸笅杞姐�傜敤缃戝彛涓嬭浇鏃讹紝鍏堟煡鐪嬭Е鎽稿睆IP鍦板潃锛屽綋瑙︽懜灞忎笂鐢靛嚭鐜版粴鍔ㄨ繘搴︽潯浠ュ悗锛屽崟鍑绘粴鍔ㄦ潯锛屽湪鍚姩灞炴�ф煡鐪婭P鍦板潃锛屼緥濡侷P200.200.200.26锛屽垯璁剧疆璁$畻鏈烘湰鍦拌繛鎺ョ殑IP鍦板潃涓篒P200.200.200.126锛屼簩鑰呭湪鍚屼竴缃戞锛屽嵆IP鍓嶄笁娈垫暟瀛楀繀椤荤浉鍚屻�傛垨淇敼瑙︽懜灞忓湴鍧�锛屽垯杩涘叆瑙︽懜灞忔搷浣滅郴缁焀indows
-      CE锛屽崟鍑籛indows鐨勨�滃紑濮嬧�濊彍鍗曪紝閫夋嫨鈥滆缃�濆懡浠わ紝杩愯鈥滅綉缁滄嫧鍙蜂笌杩炴帴鈥濓紝淇敼IP鍦板潃銆�
-    </p>
-    <p class="content">
-      鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
-        class="h-pic"
-        src="../../assets/images/img00025007.jpg"
-        active="true"
-      />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026001.jpg" active="true" />
-      <p class="imgdescript">鍥�1-41銆�閫夋嫨鈥滆仈鏈鸿繍琛屸�濆拰鈥滈�氫俊娴嬭瘯鈥�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026002.jpg" active="true" />
-      <p class="imgdescript">鍥�1-42銆�宸ョ▼涓嬭浇</p>
-    </div>
-    <p class="content t-left"><b>4銆�TPC妯℃嫙杩愯</b></p>
-    <p class="content">
-      缁勬�佺▼搴忎笅杞藉埌鈥渕cgsTpc宓屽叆寮忎竴浣撳寲瑙︽懜灞忊�濆悗灏卞彲浠ヨ繘琛屾ā鎷熻繍琛屻�傝Е鎽糕�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-43鎵�绀猴紱瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-44鎵�绀恒��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026003.jpg" active="true" />
-      <p class="imgdescript">鍥�1-43銆�瑙︽懜鈥滄寚绀虹伅1鈥濇寜閽�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026004.jpg" active="true" />
-      <p class="imgdescript">鍥�1-44銆�瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽�</p>
-    </div>
-    <p class="content t-left"><b>5銆�璁$畻鏈轰笂妯℃嫙杩愯</b></p>
-    <p class="content">
-      闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄��
-    </p>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026005.jpg" active="true" />
-      <p class="imgdescript">鍥�1-45銆�鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</p>
-    </div>
-    <div class="qrbodyPic">
-      <img src="../../assets/images/img00026006.jpg" active="true" />
-      <p class="imgdescript">鍥�1-46銆�鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</p>
-    </div>
-    <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
-    <div class="qrbodyPic">
-      <p class="imgtitle">琛�1-3銆�鍔熻兘娴嬭瘯琛�</p>
-      <img src="../../assets/images/img00027001.jpg" active="true" />
-    </div>
-    <div class="qrbodyPic">
-      <p class="imgtitle">琛�1-4銆�璇勫垎琛�</p>
-      <img src="../../assets/images/img00027002.jpg" active="true" />
-    </div>
-    <p class="content"><b>缁冧範涓庢彁楂�</b></p>
-    <p class="quotation">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
-    <p class="quotation">2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�</p>
-    <p class="quotation">
-      3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
-    </p>
-    <p class="quotation">
-      4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
-    </p>
-    <p class="quotation">
-      5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
-    </p>
-    <p class="quotation">
-      6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
-    </p>
-    <p class="quotation">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
-    <p class="quotation">8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�</p>
-    <p class="quotation">9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��</p>
   </div>
 </template>
 <script>
 export default {
   name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {
+      imgList: [
+        require("../../assets/images/img-list-one.png"),
+        require("../../assets/images/img-list-two.png"),
+        require("../../assets/images/img-list-three.png"),
+        require("../../assets/images/img-list-four.png"),
+        require("../../assets/images/img-list-five.png"),
+        require("../../assets/images/img-list-six.png"),
+      ],
+    };
+  },
+  methods: {
+    download(type) {
+      const path = "/閰嶅瀛︿範璧勬簮/p2/宸ョ▼鏍蜂緥/" + type + ".rar";
+      window.open(this.config.activeBook.resourceUrl + path);
+    },
+    downloadRar(type) {
+      const path = "/閰嶅瀛︿範璧勬簮/p7/" + type + ".rar";
+      window.open(this.config.activeBook.resourceUrl + path);
+    },
+    downloadWord(type) {
+      const path = "/閰嶅瀛︿範璧勬簮/p9/鏁欑▼璧勬簮/" + type + ".doc";
+      window.open(this.config.activeBook.resourceUrl + path);
+    },
+    changeResource(type) {
+      if (type == "videoOne") {
+        this.videoOne = !this.videoOne;
+      }
+    },
+  },
 };
 </script>
 <style scoped lang="less">
-    
+p {
+  // font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important;
+  font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important;
+  margin: 0;
+  text-align: justify;
+}
+textarea {
+  resize: none;
+}
+.left-resource {
+  display: flex;
+  flex-direction: column;
+  width: 116px;
+  padding: 0;
+  position: absolute;
+  left: 20px;
+  top: 100px;
+  li {
+    border-bottom: 1px dotted #501438;
+  }
+}
+.right-resource {
+  position: absolute;
+  right: -80px;
+  top: 40px;
+}
+.word-resource {
+  padding: 0;
+  border: 1px solid #501438;
+  .p08 {
+    padding: 0 8px;
+  }
+  li:last-child {
+    border: 0;
+  }
+  .word-border {
+    display: inline-block;
+    height: 70%;
+    width: 2px;
+    border-right: 1px dashed #501438;
+  }
+}
+.bones-carousel {
+  /deep/ .el-image__inner {
+    width: 386px;
+    object-fit: contain;
+  }
+}
+.img-carousel {
+  /deep/ .el-image__inner {
+    height: 290px;
+    object-fit: contain;
+  }
+}
+.source-img {
+  /deep/ .el-image__inner {
+    max-width: 312px;
+  }
+}
+.question-textaere {
+  text-indent: 0;
+  padding-left: 23px;
+}
+.banshi {
+  margin-top: 40px;
+  width: 100%;
+  height: 350px;
+  margin: 0 auto;
+}
 </style>

--
Gitblit v1.9.1