From d07c2414b1d7be4a0d601c10987589bd2db83598 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 22 五月 2024 10:16:48 +0800
Subject: [PATCH] 嵌入式

---
 src/books/childHealth/assets/images/icon/list-details.svg    |    1 
 src/assets/js/config.js                                      |   52 
 src/books/embedded/assets/images/carousel-three.png          |    0 
 vue.config.js                                                |    2 
 src/books/embedded/assets/images/icon/mubiao.png             |    0 
 src/books/embedded/assets/images/icon/arrow-five.png         |    0 
 src/books/embedded/assets/images/icon/arrow-four.png         |    0 
 src/books/embedded/assets/images/icon/arrow-three.png        |    0 
 src/books/embedded/assets/images/icon/document.png           |    0 
 src/books/embedded/assets/images/carousel-six.png            |    0 
 src/books/embedded/assets/main.less                          |  208 +++
 src/books/embedded/assets/images/img-list-three.png          |    0 
 src/books/embedded/assets/images/icon/word.png               |    0 
 src/books/embedded/view/components/index.vue                 |  298 +++++
 src/books/embedded/assets/images/icon/arrow-one.png          |    0 
 src/books/English/view/index.vue                             |   15 
 src/assets/methods/examination.js                            |    1 
 src/books/embedded/assets/images/icon/tedian.png             |    0 
 src/books/embedded/assets/images/qianyan.png                 |    0 
 src/books/embedded/assets/images/icon/download.png           |    0 
 src/books/embedded/assets/images/page-header.png             |    0 
 src/books/embedded/assets/images/carousel-one.png            |    0 
 src/main.js                                                  |    6 
 src/books/embedded/assets/images/icon/beijing.png            |    0 
 src/books/embedded/assets/images/img-list-six.png            |    0 
 src/books/embedded/assets/images/icon/sucai.png              |    0 
 src/books/childHealth/assets/images/icon/video.svg           |    1 
 src/books/embedded/view/components/chapter001.vue            | 1911 ++++++++++++++++++++++++++++---------
 src/books/English/view/components/chapter001.vue             |   15 
 src/books/embedded/assets/images/icon/miaoshu.png            |    0 
 src/books/embedded/assets/images/icon/xunlian.png            |    0 
 src/books/embedded/assets/images/project-one.png             |    0 
 src/books/embedded/assets/images/carousel-five.png           |    0 
 src/books/English/assets/main.less                           |    0 
 src/books/embedded/assets/images/qianyan-one.png             |    0 
 src/books/embedded/assets/images/img-list-one.png            |    0 
 src/books/English/view/components/index.vue                  |   15 
 src/books/embedded/assets/images/img-list-five.png           |    0 
 src/books/childHealth/view/content/components/chapter001.vue |   27 
 src/books/embedded/assets/images/table-td.png                |    0 
 src/books/embedded/assets/images/icon/rar.png                |    0 
 src/books/embedded/assets/images/icon/arrow-two.png          |    0 
 src/books/childHealth/assets/main.less                       |    7 
 src/books/embedded/assets/images/publish.png                 |    0 
 src/books/childHealth/assets/images/icon/ballpen.svg         |    1 
 src/books/embedded/assets/images/img-list-two.png            |    0 
 src/books/embedded/assets/images/icon/anzhuang.png           |    0 
 src/books/embedded/assets/images/icon/neirong.png            |    0 
 src/books/embedded/view/components/header.vue                |  400 +++++--
 src/books/embedded/assets/images/carousel-four.png           |    0 
 src/books/embedded/assets/images/img-list-four.png           |    0 
 src/books/embedded/assets/images/carousel-two.png            |    0 
 src/books/childHealth/view/index.vue                         |    2 
 src/App.vue                                                  |   28 
 src/books/embedded/assets/images/header-one.png              |    0 
 55 files changed, 2,307 insertions(+), 683 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 01f01ff..f24ca81 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,23 +1,37 @@
 <template>
   <div id="app">
-    <childHealth v-if="config.activeBook.name == 'childHealth'"></childHealth>
-    <book v-if="config.activeBook.name == 'content'"></book>
-    <embedded v-if="config.activeBook.name == 'embedded'" ></embedded>
+    <childHealth v-if="activeBook.name == 'childHealth'"></childHealth>
+    <book v-if="activeBook.name == 'content'"></book>
+    <embedded v-if="activeBook.name == 'embedded'"></embedded>
   </div>
 </template>
 
 <script>
 import childHealth from "./books/childHealth/view/index.vue";
-import book from './books/content/index.vue'
-import embedded from "./books/embedded/view/index.vue"
+import book from "./books/content/index.vue";
+import embedded from "./books/embedded/view/index.vue";
 
 export default {
   name: "App",
   components: {
     childHealth,
     book,
-    embedded
-  }
+    embedded,
+  },
+  data() {
+    return {
+      activeBook: {},
+    };
+  },
+  async created() {
+    this.activeBook = await this.config.getBookConfig();
+    console.log('鍥句功',this.activeBook);
+    if (this.$store.state.qiankun,this.$store.state.qiankun.getBookConfig) {
+      this.$store.state.qiankun.getBookConfig({
+        bookConfig: this.activeBook,
+      });
+    }
+  },
 };
 </script>
 
diff --git a/src/assets/js/config.js b/src/assets/js/config.js
index fee6cea..a9ea822 100644
--- a/src/assets/js/config.js
+++ b/src/assets/js/config.js
@@ -1,45 +1,47 @@
-// export const requestCtx = "http://182.92.203.7:3001"; // 璇锋眰鍦板潃
-// export const appId = 27;
+import axios from "axios";
 export const requestCtx = "https://jsek.bnuic.com"; // 璇锋眰鍦板潃
-export const resourceCtx = "http://182.92.203.7:3007/books/resource/1"; // 璧勬簮璇锋眰鍦板潃
+export const resourceCtx = "http://182.92.203.7:3007/books/resource/3"; // 璧勬簮璇锋眰鍦板潃
 export const publicCtx = "http://182.92.203.7:3007/books/book/1"; // 璧勬簮璇锋眰鍦板潃
-export const bookList = [
-  {id:1,name:"childHealth",bookName:"瀛﹀墠鍎跨鍗敓涓庝繚鍋�",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'},
-  {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'},
-  {id:3,name:"embedded",bookNmae:"宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�",bookId:'',rootCmsItemId:"",}
-]
-export const activeBook = bookList[0]; // 璧勬簮璇锋眰鍦板潃
+export let activeBook = {}; // 璧勬簮璇锋眰鍦板潃
+export let goodsStore = "";
+export let publicStore = "";
+const getBookConfig = async () => {
+  const response = await axios.get(resourceCtx + "/bookConfig.json");
+  activeBook = response.data;
+  goodsStore = activeBook.storeRefcode;
+  publicStore = activeBook.storeRefcode;
+  return response.data;
+};
+
+
+// export const bookList = [
+//   {id:1,name:"childHealth",bookName:"瀛﹀墠鍎跨鍗敓涓庝繚鍋�",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'},
+//   {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'},
+//   {id:3,name:"embedded",bookNmae:"宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�",bookId:'',rootCmsItemId:"",}
+// ] 
+// activeBook = bookList[2]
 export const appId = 3;
 export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿
 export const tokenKey = "jsek-token";
-export const userInfoKey = "website-front-userInfo"; // 鐢ㄦ埛淇℃伅key 
+export const userInfoKey = "website-front-userInfo"; // 鐢ㄦ埛淇℃伅key
 export const appRefCode = "jingshieke";
 // export const goodsStore = `defaultGoodsStore${appId}`; // 榛樿鍟嗗搧搴�(涔﹀煄)
 // export const publicStore = `defaultPublicStore${appId}`; // 榛樿璧勬簮寮�鏀句粨鍌�
-export const goodsStore = activeBook.storeRefcode;
-export const publicStore = activeBook.storeRefcode;
-export const publicRepository = `defaultPublicRepository${appId}`; // 榛樿璧勬簮寮�鏀惧簱
-export const digitalCourses = "jsek_digitalCourses";//鏁板瓧璇剧▼
-export const digitalTextbooks = "jsek_digitalTextbooks";//鏁板瓧鏁欐潗
-export const seminar = "jsek_seminar";//涓撻鐮旇
-// export const seminar ="jsek_seminar";//涔﹀睍
 
+export const publicRepository = `defaultPublicRepository${appId}`; // 榛樿璧勬簮寮�鏀惧簱
+export const digitalCourses = "jsek_digitalCourses"; //鏁板瓧璇剧▼
+export const digitalTextbooks = "jsek_digitalTextbooks"; //鏁板瓧鏁欐潗
+export const seminar = "jsek_seminar"; //涓撻鐮旇
 export const reg_tel =
   /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; // 鐢佃瘽鍙锋鍒�
-export const reg_telphone =/^0\d{2}-\d{8}$|^0\d{3}-\d{7}$/; //搴ф満鍙锋鍒�
-// export const fontUrl = "http://localhost:5173";
-// export const fontUrl = "http://182.92.203.7:3007/jsek/website";
+export const reg_telphone = /^0\d{2}-\d{8}$|^0\d{3}-\d{7}$/; //搴ф満鍙锋鍒�
 export const fontUrl = "https://jsek.bnuic.com/website";
-
-export const bookId = '2358'
-
 
 const config = {
   requestCtx,
   resourceCtx,
   publicCtx,
   activeBook,
-  bookList,
   requestTimeOut,
   tokenKey,
   userInfoKey,
@@ -52,6 +54,6 @@
   reg_tel,
   reg_telphone,
   appId,
-  bookId
+  getBookConfig,
 };
 export default config;
diff --git a/src/assets/methods/examination.js b/src/assets/methods/examination.js
index a1dffd6..e1edbf1 100644
--- a/src/assets/methods/examination.js
+++ b/src/assets/methods/examination.js
@@ -29,6 +29,7 @@
   let shortArr = []; // 绠�绛�
   let multipleChoiceArr = []; // 澶氶��
   let completionArr = []; // 濉┖
+  console.log('active',activeBook);
   for (let qindex = 0; qindex < questionList.length; qindex++) {
     const qitem = questionList[qindex];
     let query = {
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/books/English/assets/main.less
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
new file mode 100644
index 0000000..f43e5dd
--- /dev/null
+++ b/src/books/English/view/components/chapter001.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+    绗竴绔�
+  </div>
+</template>
+
+<script>
+  export default {
+    name:'chapter-one'
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
new file mode 100644
index 0000000..83ed5bf
--- /dev/null
+++ b/src/books/English/view/components/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name:'pageContent'
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/index.vue b/src/books/English/view/index.vue
new file mode 100644
index 0000000..487bb80
--- /dev/null
+++ b/src/books/English/view/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="english-book">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name:'english-book'
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/ballpen.svg b/src/books/childHealth/assets/images/icon/ballpen.svg
new file mode 100644
index 0000000..086a8f1
--- /dev/null
+++ b/src/books/childHealth/assets/images/icon/ballpen.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/list-details.svg b/src/books/childHealth/assets/images/icon/list-details.svg
new file mode 100644
index 0000000..5cc2fc4
--- /dev/null
+++ b/src/books/childHealth/assets/images/icon/list-details.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/video.svg b/src/books/childHealth/assets/images/icon/video.svg
new file mode 100644
index 0000000..bab1deb
--- /dev/null
+++ b/src/books/childHealth/assets/images/icon/video.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less
index 12f4889..0fa669a 100644
--- a/src/books/childHealth/assets/main.less
+++ b/src/books/childHealth/assets/main.less
@@ -442,6 +442,7 @@
   .learn-btn img {
     cursor: pointer;
     height: 30px;
+    // width: 25px;
   }
 
   .lh {
@@ -564,7 +565,11 @@
   }
   .btn {
     cursor: pointer;
-    width: 30px;
+    width: 23px;
+    color: #15c0f2;
+    border-radius: 5px;
+    border:1px solid #666;
+    margin-left: 5px;
   }
   .table-br-color {
     border-color: #e9e9e9;
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index ca39d3f..5f6d939 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -62,13 +62,14 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span>
             <span class="t0" >涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span>
-            <img
-              src="../../../assets/images/icon/document.png"
+            <svg @click="changeResources('learnTbaleOne')"  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
+            <!-- <img
+              src="../../../assets/images/icon/list-details.svg"
               alt=""
               @click="changeResources('learnTbaleOne')"
-              style="margin-left: 10px"
+              style="margin-left: 10px;"
               class="btn"
-            />
+            /> -->
           </span>
             <table
               v-if="learnTbaleOne"
@@ -78,9 +79,6 @@
               cellspacing="0"
               class="w100 table-br-color"
             >
-              <!-- <caption class="fw-b" style="font-size: 18px; margin: 20px 0">
-                鑷富瀛︿範浠诲姟鍗曪細涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�
-              </caption> -->
               <tr>
                 <th class="primary-color">涓�銆佸涔犳寚鍗�</th>
               </tr>
@@ -250,13 +248,7 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">瑙嗛锛�</span>
             <span class="t0">浜轰綋姒傝堪</span>
-            <img
-              src="../../../assets/images/icon/video.png"
-              alt=""
-              @click="changeResources('videoOne')"
-              style="margin-left: 10px"
-              class="btn"
-            />
+              <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
           </span>
           <span v-if="videoOne">
             <video
@@ -276,13 +268,14 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">浜戞祴璇曪細</span>
             <span class="t0">浜轰綋姒傝堪</span>
-            <img
-              src="../../../assets/images/icon/topic.png"
+            <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
+            <!-- <img
+              src="../../../assets/images/icon/ballpen.svg"
               alt=""
               @click="changeResources('testOne')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </span>
             <examinations
             v-if="testOne && questionData"
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index 5b36e70..673f897 100644
--- a/src/books/childHealth/view/index.vue
+++ b/src/books/childHealth/view/index.vue
@@ -36,7 +36,7 @@
     },
   },
   mounted() {
-    this.getBookInfo();
+    // this.getBookInfo();
   },
   methods: {
     getBookInfo() {
diff --git a/src/books/embedded/assets/images/carousel-five.png b/src/books/embedded/assets/images/carousel-five.png
new file mode 100644
index 0000000..fd29d6f
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-five.png
Binary files differ
diff --git a/src/books/embedded/assets/images/carousel-four.png b/src/books/embedded/assets/images/carousel-four.png
new file mode 100644
index 0000000..17b907b
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-four.png
Binary files differ
diff --git a/src/books/embedded/assets/images/carousel-one.png b/src/books/embedded/assets/images/carousel-one.png
new file mode 100644
index 0000000..f82acb1
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/carousel-six.png b/src/books/embedded/assets/images/carousel-six.png
new file mode 100644
index 0000000..6fe510f
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-six.png
Binary files differ
diff --git a/src/books/embedded/assets/images/carousel-three.png b/src/books/embedded/assets/images/carousel-three.png
new file mode 100644
index 0000000..e6aa4fa
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-three.png
Binary files differ
diff --git a/src/books/embedded/assets/images/carousel-two.png b/src/books/embedded/assets/images/carousel-two.png
new file mode 100644
index 0000000..846ee50
--- /dev/null
+++ b/src/books/embedded/assets/images/carousel-two.png
Binary files differ
diff --git a/src/books/embedded/assets/images/header-one.png b/src/books/embedded/assets/images/header-one.png
new file mode 100644
index 0000000..482dd71
--- /dev/null
+++ b/src/books/embedded/assets/images/header-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/anzhuang.png b/src/books/embedded/assets/images/icon/anzhuang.png
new file mode 100644
index 0000000..240093a
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/anzhuang.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/arrow-five.png b/src/books/embedded/assets/images/icon/arrow-five.png
new file mode 100644
index 0000000..87b1d2c
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/arrow-five.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/arrow-four.png b/src/books/embedded/assets/images/icon/arrow-four.png
new file mode 100644
index 0000000..fcae67e
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/arrow-four.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/arrow-one.png b/src/books/embedded/assets/images/icon/arrow-one.png
new file mode 100644
index 0000000..27105f7
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/arrow-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/arrow-three.png b/src/books/embedded/assets/images/icon/arrow-three.png
new file mode 100644
index 0000000..184ccb5
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/arrow-three.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/arrow-two.png b/src/books/embedded/assets/images/icon/arrow-two.png
new file mode 100644
index 0000000..f946c37
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/arrow-two.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/beijing.png b/src/books/embedded/assets/images/icon/beijing.png
new file mode 100644
index 0000000..7da9af5
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/beijing.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/document.png b/src/books/embedded/assets/images/icon/document.png
new file mode 100644
index 0000000..8494d5e
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/document.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/download.png b/src/books/embedded/assets/images/icon/download.png
new file mode 100644
index 0000000..02647c3
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/download.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/miaoshu.png b/src/books/embedded/assets/images/icon/miaoshu.png
new file mode 100644
index 0000000..3ecb71a
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/miaoshu.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/mubiao.png b/src/books/embedded/assets/images/icon/mubiao.png
new file mode 100644
index 0000000..4cfcd16
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/mubiao.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/neirong.png b/src/books/embedded/assets/images/icon/neirong.png
new file mode 100644
index 0000000..9aa6eb7
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/neirong.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/rar.png b/src/books/embedded/assets/images/icon/rar.png
new file mode 100644
index 0000000..e4b89fc
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/rar.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/sucai.png b/src/books/embedded/assets/images/icon/sucai.png
new file mode 100644
index 0000000..fa5fefe
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/sucai.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/tedian.png b/src/books/embedded/assets/images/icon/tedian.png
new file mode 100644
index 0000000..55ea8d5
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/tedian.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/word.png b/src/books/embedded/assets/images/icon/word.png
new file mode 100644
index 0000000..dafcf8c
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/word.png
Binary files differ
diff --git a/src/books/embedded/assets/images/icon/xunlian.png b/src/books/embedded/assets/images/icon/xunlian.png
new file mode 100644
index 0000000..a476c1a
--- /dev/null
+++ b/src/books/embedded/assets/images/icon/xunlian.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-five.png b/src/books/embedded/assets/images/img-list-five.png
new file mode 100644
index 0000000..e28dfc6
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-five.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-four.png b/src/books/embedded/assets/images/img-list-four.png
new file mode 100644
index 0000000..0a47b50
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-four.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-one.png b/src/books/embedded/assets/images/img-list-one.png
new file mode 100644
index 0000000..808258a
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-six.png b/src/books/embedded/assets/images/img-list-six.png
new file mode 100644
index 0000000..5088d67
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-six.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-three.png b/src/books/embedded/assets/images/img-list-three.png
new file mode 100644
index 0000000..7740e27
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-three.png
Binary files differ
diff --git a/src/books/embedded/assets/images/img-list-two.png b/src/books/embedded/assets/images/img-list-two.png
new file mode 100644
index 0000000..a2f8bb7
--- /dev/null
+++ b/src/books/embedded/assets/images/img-list-two.png
Binary files differ
diff --git a/src/books/embedded/assets/images/page-header.png b/src/books/embedded/assets/images/page-header.png
new file mode 100644
index 0000000..3e88e9a
--- /dev/null
+++ b/src/books/embedded/assets/images/page-header.png
Binary files differ
diff --git a/src/books/embedded/assets/images/project-one.png b/src/books/embedded/assets/images/project-one.png
new file mode 100644
index 0000000..067f4e1
--- /dev/null
+++ b/src/books/embedded/assets/images/project-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/publish.png b/src/books/embedded/assets/images/publish.png
new file mode 100644
index 0000000..e2c0384
--- /dev/null
+++ b/src/books/embedded/assets/images/publish.png
Binary files differ
diff --git a/src/books/embedded/assets/images/qianyan-one.png b/src/books/embedded/assets/images/qianyan-one.png
new file mode 100644
index 0000000..33b9a59
--- /dev/null
+++ b/src/books/embedded/assets/images/qianyan-one.png
Binary files differ
diff --git a/src/books/embedded/assets/images/qianyan.png b/src/books/embedded/assets/images/qianyan.png
new file mode 100644
index 0000000..16f3a7c
--- /dev/null
+++ b/src/books/embedded/assets/images/qianyan.png
Binary files differ
diff --git a/src/books/embedded/assets/images/table-td.png b/src/books/embedded/assets/images/table-td.png
new file mode 100644
index 0000000..3b27689
--- /dev/null
+++ b/src/books/embedded/assets/images/table-td.png
Binary files differ
diff --git a/src/books/embedded/assets/main.less b/src/books/embedded/assets/main.less
index 470afc7..815a2cf 100644
--- a/src/books/embedded/assets/main.less
+++ b/src/books/embedded/assets/main.less
@@ -1,6 +1,7 @@
 .embedded-book {
   /* 2.0.0鐗堟湰*/
-
+  width: 100%;
+  height: 100%;
   /*灏侀潰*/
   .frontCover {
     qrfullpage: 1;
@@ -606,14 +607,183 @@
   }
 
   .wr-md {
-    writing-mode: vertical-rl
+    writing-mode: vertical-rl;
   }
   .fl {
-    display: flex;
+    display: flex !important;
+  }
+  .fl-cl {
+    flex-direction: column;
+  }
+  .ju-cn {
+    justify-content: center;
+  }
+  .ju-ed {
+    justify-content: flex-end;
+  }
+  .ju-bt {
+    justify-content: space-between;
+  }
+  .al-cn {
+    align-items: center;
+  }
+  .al-end {
+    align-items: flex-end;
   }
   .t0 {
     text-indent: 0;
   }
+  .primary-color {
+    color: #501438;
+  }
+  .fz-18 {
+    font-size: 18px;
+  }
+  .fw-bl {
+    font-weight: bold;
+  }
+  .mr-5 {
+    margin-right: 5px;
+  }
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .mt-100 {
+    margin-top: 100px;
+  }
+  .mb-20 {
+    margin-bottom: 20px;
+  }
+  .mb-40 {
+    margin-bottom: 40px;
+  }
+  .m0-auto {
+    margin: 0 auto;
+  }
+  .pd-104 {
+    padding-bottom: 104px;
+  }
+  .p0 {
+    padding: 0;
+  }
+  ul {
+    list-style: none;
+  }
+  .footer-box {
+    width: 40px;
+    height: 4px;
+    background-color: #501438;
+  }
+  .footer-num {
+    width: min-content;
+  }
+  .w-mi {
+    width: min-content;
+  }
+  .w-35 {
+    width: 35px;
+  }
+  .w-45 {
+    width: 45px;
+  }
+  .tl-ju {
+    text-align: justify;
+  }
+  .w100 {
+    width: 100%;
+  }
+  .page-heder-img {
+    width: 100%;
+    img {
+      width: 100%;
+    }
+  }
+  .cl-66 {
+    color: #666;
+  }
+  .wh-no {
+    white-space: nowrap;
+  }
+  .table-cn {
+    text-align: center;
+    vertical-align: middle;
+  }
+  .input-border {
+    border: 0;
+    border-bottom: 1px solid #000;
+  }
+  .input-border:focus {
+    outline: none;
+  }
+  .textarea-table-td {
+    font-size: 16px;
+    width: 60px;
+    height: 70px;
+    border: 0;
+    font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif;
+  }
+  .textarea-table-td:focus {
+    outline: none;
+  }
+  .table-bc {
+    background-color: #d6c6c7
+    // #d6c1c6;
+  }
+  .tl-rg {
+    text-align: right;
+  }
+  .rar-icon {
+    width: 40px;
+  }
+  .downlod-icon {
+    margin-left: 5px;
+    width: 20px;
+  }
+  .rar-text {
+    font-size: 10px;
+    color: #666;
+  }
+  .pr {
+    position: relative;
+  }
+  .padding-96 {
+    padding: 0 96px 0px 96px;
+  }
+  .p-10 {
+    padding: 10px 0;
+  }
+  .cu-pr {
+    cursor: pointer;
+  }
+  .anzhuang-icon {
+    width: 30px;
+    margin-right: 4px;
+  }
+  .border-so {
+    border-bottom: 1px solid #501438;
+  }
+  .btn {
+    cursor: pointer;
+    border: 2px solid #501438;
+    border-radius: 4px;
+    margin-left: 5px;
+  }
+  .document-icon {
+    width: 30px;
+  }
+  .word-icon {
+    width: 50px;
+  }
+  .textarea-text:focus {
+    outline: none;
+    border-color: #501438;
+  }
+  .tl-cn {
+    text-align: center;
+  }
+}
+body {
+  background-color: #e6e6e6;
 }
 /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
 @media (max-width: 660px) {
@@ -622,9 +792,9 @@
     .page-padding {
       padding: 104px 20px;
     }
-    .padding-96 {
-      padding: 0 20px 104px 20px;
-    }
+    // .padding-96 {
+    //   padding: 0 20px 0px 20px;
+    // }
     /* video澶у皬 */
     .video-box {
       max-width: 260px;
@@ -636,11 +806,31 @@
     .page-padding {
       padding: 104px 96px;
     }
-    .padding-96 {
-      padding: 0 96px 104px 96px;
-    }
+
     .video-box {
       max-width: 370px;
     }
   }
 }
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+  height: 5px;
+  background-color: rgba(125, 125, 125, 0.3);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+  width: 5px;
+  background-color: rgba(125, 125, 125, 0.3);
+  -webkit-border-radius: 6px;
+}
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index bb6e9f9..1b0d8da 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -1,509 +1,1454 @@
 <template>
   <div class="chapter" num="1">
-    <div class="page-box page-padding">
-      
+    <!-- 1 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="11">
+      <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-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>
-    <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>
+        <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">
+                <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+                <div>
+                  <span class="rar-text">宸ョ▼鏍蜂緥.rar</span>
+                  <img
+                    @click="download('宸ョ▼鏍蜂緥')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+              <li class="fl fl-cl al-cn p-10">
+                <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+                <div>
+                  <span class="rar-text">绠℃帶涓�浣撳寲鏍蜂緥.rar</span>
+                  <img
+                    @click="download('绠℃帶涓�浣撴牱渚�')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+              <li class="fl fl-cl al-cn p-10">
+                <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+                <div>
+                  <span class="rar-text">宓宊璁″垝鏇茬嚎鏍蜂緥.rar</span>
+                  <img
+                    @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+            </ul>
+            <p class="content t0">
+              鎻愬崌杞欢鍐呴儴鍔熻兘锛屾湁鏁堝府鍔╃敤鎴峰缓閫犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
+            </p>
+            <div class="qrbodyPic">
+              <el-image
+                :src="imgOne"
+                :preview-src-list="[imgOne]"
+                class="w100"
+              />
+              <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
+            </div>
+            <div class="qrbodyPic">
+              <el-image :src="imgTwo" :preview-src-list="[imgTwo]" />
+              <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
+            </div>
+            <div class="qrbodyPic">
+              <el-image :src="imgThree" :preview-src-list="[imgThree]" />
+              <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
+            </div>
+            <div class="qrbodyPic">
+              <el-image :src="imgFour" :preview-src-list="[imgFour]" />
+              <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</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">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-96" page="13">
+      <div>
+        <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+          <img src="../../assets/images/header-one.png" alt="" />
+        </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">
+          <el-image :src="imgFive" :preview-src-list="[imgFive]" />
+          <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 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>
+        <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">
+            <!-- <img class="s-pic" src="../../assets/images/img00016001.jpg" /> -->
+            浠呴檺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 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 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 class="">
+            <el-image
+              :src="imgSix"
+              active="true"
+              :preview-src-list="[imgSix]"
+            />
+            <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
+          </div>
+          <div class="">
+            <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
+            <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">
+            <el-image :src="imgEnight" :preview-src-list="[imgEnight]" />
+            <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p>
+          </div>
+        </div>
+
+        <p class="content">
+          锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒��
+        </p>
+        <div>
+          <el-image :src="imgNine" :preview-src-list="[imgNine]" class="w100" />
+          <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p>
+        </div>
+        <div>
+          <el-image :src="imgTen" :preview-src-list="[imgTen]" />
+          <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>
-    <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>
+        <div class="mt-20">
+          <img src="../../assets/images/page-header.png" alt="" class="w100" />
+        </div>
+        <div class="padding-96">
+          <div>
+            <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
+            <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">
+            <el-image :src="imgTwelve" :preview-src-list="[imgTwelve]" />
+            <p class="imgdescript">
+              鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎
+            </p>
+          </div>
+          <div class="m0-auto" style="width: 90%">
+            <el-image :src="imgThirteen" :preview-src-list="[imgThirteen]" />
+            <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p>
+          </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 pr" page="17">
+      <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>
+          <el-image :src="imgFourteen" :preview-src-list="[imgFourteen]" />
+          <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
+        </div>
+        <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
+        <p class="imgtitle">
+          琛�1-1銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
+        </p>
+        <table border="1" cellpadding="10" cellspacing="0">
+          <tr class="table-bc">
+            <td class="table-cn">
+              璇� 鍒� 琛�<br />
+              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+            </td>
+            <td colspan="2" 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">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</td>
+            <td>宓屽叆寮忕粍鎬佸拰瑙︽懜灞忥紝20鍒�</td>
+            <td>
+              鏀堕泦鍚勭被瑙︽懜灞忓姛鑳藉強鎬ц兘淇℃伅锛屽苟杩涜姣旇緝;浜嗚В宓屼汉寮忕粍鎬佺粍鎴愶紝浜嗚ВTPC绯诲垪浜у搧鎬ц兘銆佸瑙備笌鎺ョ嚎
+            </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閫氫俊绾匡紝骞舵祴璇�:瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱LC閫氫俊绾匡紝骞舵祴璇�
+            </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>
+        <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
+          浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+        </h2>
+        <div class="w100 border-so 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>
+        <video
+          v-if="videoOne"
+          :src="config.resourceCtx + '/閰嶅瀛︿範璧勬簮/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>
+        <div class="primary-color fl al-cn ju-cn">
+          <span>瑙嗛锛歁CGS瀹夎瑙嗛</span>
+        </div>
+        <p class="content">
+          锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
+        </p>
+        <p class="content">
+          鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
+        </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">
+            <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+            <div>
+              <span class="rar-text"
+                >MCGS宓屽叆鐗�<br />
+                瀹夎鏂囦欢.rar</span
+              >
+              <img
+                @click="downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')"
+                src="../../assets/images/icon/download.png"
+                class="downlod-icon cu-pr"
+              />
+            </div>
+          </li>
+        </ul>
+      </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 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>
+        <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">
+            <el-carousel
+              trigger="click"
+              class="bones-carousel carousel-image"
+              arrow="always"
+              indicator-position="none"
+            >
+              <el-carousel-item
+                v-for="(item, index) in bonesList"
+                :key="index"
+                class="bones-carousel-item"
+              >
+                <el-image
+                  :src="item"
+                  :preview-src-list="bonesList"
+                  :preview-teleported="true"
+                  class="open-image"
+                />
+              </el-carousel-item>
+            </el-carousel>
+          </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 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>
+        <div class="qrbodyPic">
+          <p class="imgtitle">
+            琛�1-2銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
+          </p>
+        </div>
+        <table border="1" cellpadding="10" cellspacing="0">
+          <tr class="table-bc">
+            <td class="table-cn">
+              璇� 鍒� 琛�<br />
+              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+            </td>
+            <td colspan="2" 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">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</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-20"></div>
+        <div class="fl ju-bt">
+          <div class="left" style="width: 30%">
+            <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>
+          </div>
+          <div class="right" style="width: 69%">
+            <div>
+              <img
+                src="../../assets/images/icon/document.png"
+                class="document-icon"
+              />
+              <span>鏂囨湰</span>
+            </div>
+            <ul class="word-resource fl">
+              <li class="fl fl-cl al-cn">
+                <img
+                  src="../../assets/images/icon/word.png"
+                  class="word-icon"
+                />
+                <div>
+                  <span>鍒濈骇鏁欑▼</span>
+                  <img
+                    @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+              <li class="fl fl-cl al-cn">
+                <img
+                  src="../../assets/images/icon/word.png"
+                  class="word-icon"
+                />
+                <div>
+                  <span>涓骇鏁欑▼</span>
+                  <img
+                    @click="downloadWord('涓骇鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+              <li class="fl fl-cl al-cn">
+                <img
+                  src="../../assets/images/icon/word.png"
+                  class="word-icon"
+                />
+                <div>
+                  <span>椹卞姩鏁欑▼</span>
+                  <img
+                    @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+              <li class="fl fl-cl al-cn">
+                <img
+                  src="../../assets/images/icon/word.png"
+                  class="word-icon"
+                />
+                <div>
+                  <span>纭欢鏁欑▼</span>
+                  <img
+                    @click="downloadWord('纭欢鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  />
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <p class="content">
+          鎶�浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+        </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>
+        <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="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>
+        <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>
-    <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>
+        <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>
+              <el-image :src="imgFifteen" :preview-src-list="[imgFifteen]" />
+              <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p>
+            </div>
+            <div class="">
+              <el-image :src="imgSixteen" :preview-src-list="[imgSixteen]" />
+              <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>
+              <el-image
+                :src="imgSeventeen"
+                :preview-src-list="[imgSeventeen]"
+              />
+              <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p>
+            </div>
+            <div>
+              <el-image :src="imgEighteen" :preview-src-list="[imgSeventeen]" />
+              <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 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 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>
+            <el-image :src="imgNineTeen" :preview-src-list="[imgNineTeen]" />
+            <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p>
+          </div>
+          <div>
+            <el-image :src="imgTwenty" :preview-src-list="[imgTwenty]" />
+            <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
+          </div>
+        </div>
+
+        <div class="qrbodyPic">
+          <el-image :src="imgtOne" :preview-src-list="[imgtOne]" />
+          <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
+        </div>
+        <div class="fl">
+          <div>
+            <el-image :src="imgtTwo" :preview-src-list="[imgtTwo]" />
+            <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
+          </div>
+          <div>
+            <el-image :src="imgtThree" :preview-src-list="[imgtThree]" />
+            <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>
-    <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>
+        <div class="mt-20">
+          <img src="../../assets/images/page-header.png" alt="" class="w100" />
+        </div>
+        <div class="padding-96">
+          <div class="fl">
+            <div>
+              <el-image :src="imgtFour" :preview-src-list="[imgtFour]" />
+              <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p>
+            </div>
+            <div>
+              <el-image :src="imgtFive" :preview-src-list="[imgtFive]" />
+              <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>
+              <el-image :src="imgtSix" :preview-src-list="[imgtSix]" />
+              <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p>
+            </div>
+            <div>
+              <el-image :src="imgtSeven" :preview-src-list="[imgtSeven]" />
+              <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">
+                <el-image :src="imgtEnight" :preview-src-list="[imgtEnight]" />
+                <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>
-    <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 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>
+            <el-image :src="imgtNine" :preview-src-list="[imgtNine]" />
+            <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p>
+          </div>
+          <div>
+            <el-image :src="imgtTen" :preview-src-list="[imgtTen]" />
+            <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
+          </div>
+        </div>
+        <p class="content">
+          鎸夊悓鏍风殑鏂规硶锛屽弻鍑烩�滅姸鎬佹樉绀�2锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗚繘琛岃缃紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄�夋嫨瀵瑰簲鐨勬暟鎹璞★細閫氶亾绫诲瀷閫夋嫨鈥滄寚绀虹伅2鈥濓紝缁勬�佸畬鎴愬悗锛屼繚瀛樸��
+        </p>
+        <div class="fl">
+          <div>
+            <el-image :src="imgrOne" :preview-src-list="[imgrOne]" />
+            <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p>
+          </div>
+          <div>
+            <el-image :src="imgrTwo" :preview-src-list="[imgrTwo]" />
+            <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%">
+            <el-image :src="imgrThree" :preview-src-list="[imgrThree]" />
+            <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鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽��
+        </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 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>
+        <div class="mt-20">
+          <img src="../../assets/images/page-header.png" alt="" class="w100" />
+        </div>
+        <div class="padding-96">
+          <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>
+        </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 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>
+        <div class="qrbodyPic">
+          <p class="imgtitle">
+            琛�1-3銆�鍔熻兘娴嬭瘯琛� <i class="el-icon-share cu-pr"></i>
+          </p>
+        </div>
+        <table border="1" cellpadding="10" 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><textarea class="textarea-table-td"></textarea></td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+            <td>
+              <textarea class="textarea-table-td"></textarea>
+            </td>
+          </tr>
+          <tr>
+            <td>鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+          </tr>
+          <tr>
+            <td>鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+            <td><textarea class="textarea-table-td"></textarea></td>
+          </tr>
+        </table>
+        <div class="qrbodyPic">
+          <p class="imgtitle">
+            琛�1-4銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i>
+          </p>
+        </div>
+        <table border="1" cellpadding="10" cellspacing="0">
+          <tr class="table-bc">
+            <td class="table-cn">
+              璇� 鍒� 琛�<br />
+              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+            </td>
+            <td colspan="2" 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">寤虹珛宸ョ▼鍜屼笅杞藉伐绋�</td>
+            <td>宸ヤ綔姝ラ鍙婄數璺浘鏍凤紝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>
+        <p class="content mt-20"><b>缁冧範涓庢彁楂�</b></p>
+        <p class="quotation">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�</p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">
+          3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
+        </p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">
+          4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
+        </p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">
+          5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
+        </p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">
+          6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
+        </p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�</p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></textarea>
+        </p>
+        <p class="quotation">9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��</p>
+        <p class="ti-2">
+          <textarea
+            cols="30"
+            rows="6"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="ta-br textarea-text"
+            style="width: 93%"
+          ></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>
-    <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",
+  data() {
+    return {
+      imgOne: require("../../assets/images/img00014001.jpg"),
+      imgTwo: require("../../assets/images/img00014002.jpg"),
+      imgThree: require("../../assets/images/img00014003.jpg"),
+      imgFour: require("../../assets/images/img00014004.jpg"),
+      imgFive: require("../../assets/images/img00015001.jpg"),
+      imgSix: require("../../assets/images/img00017001.jpg"),
+      imgSeven: require("../../assets/images/img00017002.jpg"),
+      imgEnight: require("../../assets/images/img00017003.jpg"),
+      imgNine: require("../../assets/images/img00017004.jpg"),
+      imgTen: require("../../assets/images/img00017005.jpg"),
+      imgEleven: require("../../assets/images/img00018001.jpg"),
+      imgTwelve: require("../../assets/images/img00018002.jpg"),
+      imgThirteen: require("../../assets/images/img00018003.jpg"),
+      imgFourteen: require("../../assets/images/img00019001.jpg"),
+      imgFifteen: require("../../assets/images/img00022001.jpg"),
+      imgSixteen: require("../../assets/images/img00022002.jpg"),
+      imgSeventeen: require("../../assets/images/img00022003.jpg"),
+      imgEighteen: require("../../assets/images/img00022004.jpg"),
+      imgNineTeen: require("../../assets/images/img00023001.jpg"),
+      imgTwenty: require("../../assets/images/img00023002.jpg"),
+      imgtOne: require("../../assets/images/img00023003.jpg"),
+      imgtTwo: require("../../assets/images/img00023004.jpg"),
+      imgtThree: require("../../assets/images/img00023005.jpg"),
+      imgtFour: require("../../assets/images/img00024001.jpg"),
+      imgtFive: require("../../assets/images/img00024002.jpg"),
+      imgtSix: require("../../assets/images/img00024003.jpg"),
+      imgtSeven: require("../../assets/images/img00024004.jpg"),
+      imgtEnight: require("../../assets/images/img00024005.jpg"),
+      imgtNine: require("../../assets/images/img00025001.jpg"),
+      imgtTen: require("../../assets/images/img00025002.jpg"),
+      imgrOne: require("../../assets/images/img00025003.jpg"),
+      imgrTwo: require("../../assets/images/img00025004.jpg"),
+      imgrThree: require("../../assets/images/img00025006.jpg"),
+      tableOne: require("../../assets/images/img00019002.jpg"),
+      videoOne: true,
+      bonesList: [
+        require("../../assets/images/carousel-one.png"),
+        require("../../assets/images/carousel-two.png"),
+        require("../../assets/images/carousel-three.png"),
+        require("../../assets/images/carousel-four.png"),
+        require("../../assets/images/carousel-five.png"),
+        require("../../assets/images/carousel-six.png"),
+      ],
+      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.resourceCtx + path);
+    },
+    downloadRar(type) {
+      const path = "/閰嶅瀛︿範璧勬簮/p7/" + type + ".rar";
+      window.open(this.config.resourceCtx + path);
+    },
+    downloadWord(type) {
+      const path = "/閰嶅瀛︿範璧勬簮/p9/鏁欑▼璧勬簮/" + type + ".doc";
+      window.open(this.config.resourceCtx + path);
+    },
+    changeResource(type) {
+      if (type == "videoOne") {
+        this.videoOne = !this.videoOne;
+      }
+    },
+  },
 };
 </script>
 <style scoped lang="less">
-    
+p {
+  font-family: "瀹嬩綋", SimSun, sans-serif !important;
+  margin: 0;
+}
+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: 10px;
+  bottom: 180px;
+}
+.word-resource {
+  padding: 0;
+  border: 1px solid #501438;
+  li {
+    padding: 0 8px;
+    border-right: 1px dotted #501438;
+  }
+  li:last-child {
+    border: 0;
+  }
+}
+.bones-carousel {
+  /deep/ .el-image__inner {
+    width: 386px;
+    object-fit: contain;
+  }
+}
+.img-carousel {
+  /deep/ .el-image__inner {
+    height: 290px;
+    object-fit: contain;
+  }
+}
 </style>
diff --git a/src/books/embedded/view/components/header.vue b/src/books/embedded/view/components/header.vue
index dc41f0d..7efe13c 100644
--- a/src/books/embedded/view/components/header.vue
+++ b/src/books/embedded/view/components/header.vue
@@ -1,13 +1,17 @@
 <template>
-  <div>
+  <div class="chapter" num="0">
     <!-- 灏侀潰 -->
-    <div class="page-box">
+    <div class="page-box" page="1">
       <h1 class="frontCover" title="灏侀潰">
         <img alt="灏侀潰" src="../../assets/images/device_phone_Frontcover.jpg" />
       </h1>
     </div>
     <!-- 浣滆�呯畝浠� -->
-    <div class="page-box author-padding" style="width: 408px; margin: 0 auto">
+    <div
+      class="page-box author-padding"
+      style="width: 408px; margin: 0 auto"
+      page="2"
+    >
       <document>
         <h1 class="author-box">浣滆�呯畝浠�</h1>
         <div class="bodyPic">
@@ -25,31 +29,85 @@
       </document>
     </div>
     <!-- 灏侀潰 -->
-    <div class="page-box">
+    <div class="page-box" page="3">
       <h1 class="frontCover" title="灏侀潰">
         <img alt="灏侀潰" src="../../assets/images/device_phone_Frontcover.jpg" />
       </h1>
     </div>
     <!-- 鍐呭绠�浠� -->
-    <div class="page-box page-padding">
+    <div class="page-box page-padding neirong" page="4">
       <document>
         <h1>鍐呭绠�浠�</h1>
-        <p class="quotation">
+        <p class="quotation cl-66">
           鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍏卞悓寮�鍙戠殑椤圭洰鍖栨暀鏉愶紝鏄�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩�傛湰涔﹀熀浜庡伐浣滆繃绋嬪鍚戯紝闈㈠悜鈥滃弻甯堝瀷鈥濇暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛橈紝鏈嶅姟浜庢満鐢靛拰鑷姩鍖栫被涓撲笟鐨勮亴涓氳兘鍔涘煿鍏汇��
         </p>
-        <p class="quotation">
+        <p class="quotation cl-66">
           鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愪富瑕佸寘鎷細瑙︽懜灞忕粍鎬佷粙缁嶃�佲�滆Е鎽稿睆+PLC鈥濈洃鎺у伐绋嬨�佲�滆Е鎽稿睆+PLC+鍙橀鍣紙浼烘湇锛夆�濋�氫俊涓庢帶鍒躲�佲�滆Е鎽稿睆+PLC+浼犳劅鍣ㄢ�濇按浣嶆帶鍒跺伐绋嬨�佲�滆Е鎽稿睆+鍒嗗竷寮忔ā鍧椻�濆伐鎺у伐绋嬨�佽繃绋嬫帶鍒跺伐绋嬨�佲�滄櫤鑳界數姊璋冧笌缁存姢鈥濆叏鍥芥妧鑳藉ぇ璧涜禌棰樸�佲�滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涚粍鎬佽璁°�佽Е鎽稿睆涓庡崟鐗囨満閫氫俊椹卞姩寮�鍙戝疄渚嬬瓑鍐呭锛屽悓鏃舵瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩般�佷换鍔¤缁冨拰璇勪环銆傜綉缁滆祫婧愬惈MCGS宓屽叆寮忕粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佽绋嬫爣鍑嗐�佹暀瀛︽渚嬪拰鏁欏璁捐绛夛紝涓衡�滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮銆�
         </p>
-        <p class="quotation">
+        <p class="quotation cl-66">
           鏈功鍐呭鍏锋湁鍏稿瀷鎬с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬х殑鐗硅壊銆�
         </p>
-        <p class="quotation">
+        <p class="quotation cl-66">
           鏈功閫傚悎浣滀负楂樼瓑鑱屼笟鏁欒偛鏈虹數涓�浣撳寲鎶�鏈�佺數姘旇嚜鍔ㄥ寲鎶�鏈�佺敓浜ц繃绋嬭嚜鍔ㄥ寲銆佹満鐢靛畨瑁呭伐绋嬬瓑鏈虹數绫讳笓涓氱殑鏁欐潗锛屼篃鍙綔涓虹浉鍏冲伐绋嬫妧鏈汉鍛樺煿璁拰鑷慨鐢ㄤ功銆�
         </p>
       </document>
+      <!-- <h2 class="copyRightTitle">鐗堟潈淇℃伅</h2>
+      <p class="contentCR">涔﹀悕锛氬祵鍏ュ紡缁勬�佹帶鍒舵妧鏈紙绗�3鐗堬級</p>
+      <p class="contentCR">浣滆�咃細寮犳枃鏄�,鍗庣閾�</p>
+      <p class="contentCR">鍑虹増绀撅細涓浗閾侀亾鍑虹増绀�</p>
+      <p class="contentCR">鍑虹増鏃堕棿锛�2019-07</p>
+      <p class="contentCR">ISBN锛�9787113254025</p>
+      <p class="contentCR">鏈功鐢变腑鍥介搧閬撳嚭鐗堢ぞ杩涜鍒朵綔涓庡彂琛屻��</p>
+      <p class="contentCR">鐗堟潈鎵�鏈壜蜂镜鏉冨繀绌�</p> -->
+      <div style="width: 65%;" class="fw-box">
+        <p class="content">鍥句功鍦ㄧ増缂栫洰(CIP)鏁版嵁</p>
+        <p class="content">宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�/寮犳枃鏄庯紝鍗庣閾朵富缂�.-3 鐗�.</p>
+        <p class="content">-鍖椾含:涓浗閾侀亾鍑虹増绀炬湁闄愬叕鍙革紝2019.7</p>
+        <p class="content">
+          鍗佷簩浜斺�濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉� 鍏ㄥ浗楂樿亴楂樹笓闄㈡牎鏈虹數绫讳笓涓氳鍒掓暀鏉�
+        </p>
+        <p class="conten">ISBN 978-7-113-25402-5</p>
+        <p class="content">
+          |.鈶犲祵鈥� | .鈶犲紶鈥� 鈶″崕鈥� 宸� .鈶犲井鍨嬭绠楁満璁$畻鏈烘帶鍒剁郴缁�-楂樼瓑鑱屼笟鏁欒偛-鏁欐潗
+          I.鈶燭P273
+        </p>
+        <p class="content">涓浗鐗堟湰鍥句功棣� CIP 鏁版嵁鏍稿瓧(2019)绗� 098900 鍙�</p>
+        <p class="content">涔﹀悕:宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�(绗笁鐗�)</p>
+        <p class="content">浣滆��:寮犳枃鏄� 鍗庣閾�</p>
+        <p>瀹氫环锛�59.80 鍏�</p>
+      </div>
+      <hr />
+      <div class="fl ju-bt">
+        <div class="left">
+          <p>绛栧垝:浣曠孩鑹�</p>
+          <p>璐d换缂栬緫:浣曠孩鑹�</p>
+          <p>灏侀潰璁捐:浠� 宸�</p>
+          <p>灏侀潰鍒朵綔:鍒橀</p>
+          <p>璐d换鏍″:寮犵帀鍗�</p>
+          <p>璐d换鍗板埗:閮悜浼�</p>
+        </div>
+        <div class="right">
+          <p>璇昏�呯儹绾�:(010)63550836</p>
+        </div>
+      </div>
+
+      <hr />
+      <p>鍑虹増鍙戣:涓浗閾侀亾鍑虹増绀炬湁闄愬叕鍙�(100054锛屽寳浜競瑗垮煄鍖哄彸瀹夐棬瑗胯8鍙�)</p>
+      <p>缃戝潃锛歨ttp:// www.tdpress.com/5 leds/</p>
+      <p>鍗板埛:鍖椾含鏌忓姏琛屽僵鍗版湁闄愬叕鍙�</p>
+      <p>鐗堟锛�2011骞�8鏈堢1鐗� 2019骞�7鏈堢3鐗� 2019骞�7鏈堢1娆″嵃鍒�</p>
+      <p>寮�鏈細787mmx1092mm1/16鍗板紶:18瀛楁暟:433鍗冩暟:1~2000鍐�</p>
+      <p>涔﹀彿锛歋BN978-7-113-25402-5</p>
+      <p>瀹氫环锛�59.80鍏�</p>
+      <hr />
+      <p class="tl-cn">鐗堟潈鎵�鏈夛紝渚垫潈蹇呯┒</p>
+      <p>
+        鍑¤喘涔伴搧閬撶増鍥句功锛屽鏈夊嵃鍒惰川閲忛棶棰橈紝璇蜂笌鏈ぞ鏁欐潗鍥句功钀ラ攢閮ㄨ仈绯昏皟鎹€�傜數璇�:(010)63550836
+      </p>
+      <p class="tl-cn">鎵撳嚮鐩楃増涓炬姤鐢佃瘽:(010)51873659</p>
     </div>
     <!-- 缂栧濮斿憳浼� -->
-    <div class="page-box page-padding">
+    <div class="page-box page-padding" page="5">
       <document>
         <p class="content t-center bs-box">
           鍏ㄥ浗楂樿亴楂樹笓闄㈡牎鏈虹數绫讳笓涓氳鍒掓暀鏉�
@@ -93,126 +151,204 @@
       </document>
     </div>
     <!-- 鍑虹増璇存槑 -->
-    <div class="page-box page-padding">
-      <document>
-        <h1>鍑虹増璇存槑</h1>
-        <p class="quotation">
-          闅忕潃鎴戝浗楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勪笉鏂繁鍏ワ紝鎴戝浗楂樼瓑鑱屼笟鏁欒偛鐨勫彂灞曡繘鍏ヤ簡涓�涓柊鐨勯樁娈点�傛暀鑲查儴涓嬪彂鐨勩�婂叧浜庡叏闈㈡彁楂橀珮绛夎亴涓氭暀鑲叉暀瀛﹁川閲忕殑鑻ュ共鎰忚銆嬫枃浠讹紝鏃ㄥ湪闃愯堪绀句細鍙戝睍瀵归珮绱犺川鎶�鑳藉瀷浜烘墠鐨勯渶姹傦紝浠ュ強濡備綍鎺ㄨ繘楂樿亴浜烘墠鍩瑰吇妯″紡鏀归潻锛屾彁楂樹汉鎵嶅煿鍏昏川閲忋��
-        </p>
-        <p class="quotation">
-          鏁欐潗鐨勫嚭鐗堝伐浣滄槸鏁翠釜楂樼瓑鑱屼笟闄㈡牎鏁欒偛鏁欏宸ヤ綔涓殑閲嶈缁勬垚閮ㄥ垎锛屾暀鏉愭槸璇剧▼鍐呭鍜岃绋嬩綋绯荤殑杞戒綋锛屽璇剧▼鏀归潻鍜屽缓璁惧叿鏈夋帹鍔ㄤ綔鐢紝鎵�浠ユ彁楂樿绋嬫暀瀛︽按骞冲拰鏁欏璐ㄩ噺鐨勫叧閿湪浜庡嚭鐗堥珮姘村钩銆侀珮璐ㄩ噺鐨勬暀鏉愩��
-        </p>
-        <p class="quotation">
-          鍑虹増闈㈠悜楂樼瓑鑱屼笟鏁欒偛鐨勨�滀互灏变笟涓哄鍚戯紝浠ヨ兘鍔涗负鏈綅鈥濈殑浼樿川鏁欐潗涓�鐩村氨鏄腑鍥介搧閬撳嚭鐗堢ぞ浼樺厛寮�鍙戠殑棰嗗煙銆傛垜绀炬湰鐫�鈥滀緷闈犱笓瀹躲�佺爺绌跺厛琛屻�佹湇鍔′负鏈�佹墦閫犵簿鍝佲�濈殑鍑虹増鐞嗗康锛屼簬2007骞存垚绔嬩簡鈥滀腑鍥介搧閬撳嚭鐗堢ぞ楂樿亴鏈虹數绫昏绋嬪缓璁剧爺绌剁粍鈥濓紝骞剁粡杩囦袱骞寸殑鍏呭垎璋冩煡鐮旂┒锛岀瓥鍒掔紪鍐欍�佸嚭鐗堜簡鏈郴鍒楁暀鏉愩��
-        </p>
-        <p class="quotation">
-          鏈郴鍒楁暀鏉愪富瑕佹兜鐩栭珮鑱岄珮涓撴満鐢电被鐨勫叕鍏辫鍙婂叚涓笓涓氱殑鐩稿叧璇剧▼锛屽畠浠槸鐢垫皵鑷姩鍖栦笓涓氥�佹満鐢典竴浣撳寲涓撲笟銆佺敓浜ц繃绋嬭嚜鍔ㄥ寲涓撲笟銆佹暟鎺ф妧鏈笓涓氥�佹ā鍏疯璁′笌鍒堕�犱笓涓氫互鍙婃暟鎺ц澶囧簲鐢ㄤ笌缁存姢涓撲笟銆傚畠浠叡鍚屾垚涓轰綋绯伙紝鍙堝叿鏈夌浉瀵圭嫭绔嬫�с�傛湰绯诲垪鏁欐潗鍦ㄧ紪鍐欒繃绋嬩腑閭�璇蜂簡楂樿亴楂樹笓鑷姩鍖栨暀鎸囧涓撳銆佸浗瀹剁骇鏁欏鍚嶅笀銆佺簿鍝佽璐熻矗浜恒�佺煡鍚嶄笓瀹舵暀鎺堛�佸鏈甫澶翠汉鍙婇骞叉暀甯堛�備粬浠拡瀵圭浉鍏充笓涓氱殑璇剧▼锛岀粨鍚堜簡澶氬勾鏁欏涓殑瀹炶返缁忛獙锛屽悓鏃跺惛鍙栦簡楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勬垚鏋滐紝鍥犳鏃犺鏁欏鐞嗗康鐨勫鍚戙�佹暀瀛︽爣鍑嗙殑寮�鍙戙�佹暀瀛︿綋绯荤殑纭珛銆佹暀鏉愬唴瀹圭殑绛涢�夈�佹暀鏉愮粨鏋勭殑璁捐锛岃繕鏄暀鏉愮礌鏉愮殑閫夋嫨閮芥瀬鍏风壒鑹层��
-        </p>
-        <p class="quotation">鏈郴鍒楁暀鏉愮殑鐗圭偣褰掔撼濡備笅锛�</p>
-        <p class="quotation">
-          锛�1锛夊洿缁曞煿鍏诲鐢熺殑鑱屼笟鎶�鑳借繖鏉′富绾胯璁℃暀鏉愮殑缁撴瀯锛岀悊璁鸿仈绯诲疄闄咃紝浠庡簲鐢ㄧ殑瑙掑害缁勭粐缂栧啓鍐呭锛岀獊鍑哄疄鐢ㄦ�э紝骞跺悓鏃舵敞鎰忓皢鏂版妧鏈�佹柊鎴愭灉绾冲叆鏁欐潗銆�
-        </p>
-        <p class="quotation">
-          锛�2锛夋牴鎹満鐢电被璇剧▼鐨勭壒鐐癸紝瀵瑰熀鏈悊璁哄拰鏂规硶鐨勮杩板姏姹傜畝鍗曘�佹槗浜庣悊瑙o紝浠ョ紦瑙g箒澶氱殑鐭ヨ瘑鍐呭涓庡亸灏戠殑瀛︽椂涔嬮棿鐨勭煕鐩俱�傚悓鏃讹紝澧炲姞浜嗙浉鍏虫妧鏈湪瀹為檯鐢熶骇銆佺敓娲讳腑鐨勫簲鐢ㄥ疄渚嬶紝浠庤�屾縺鍙戝鐢熺殑瀛︿範鐑儏銆�
-        </p>
-        <p class="quotation">
-          锛�3锛夊皢鈥滈棶棰樺紩瀵煎紡鈥濃�滄渚嬪紡鈥濃�滀换鍔¢┍鍔ㄥ紡鈥濃�滈」鐩┍鍔ㄥ紡鈥濈瓑澶氱鏁欏鏂规硶寮曞叆鏁欐潗浣撲緥鐨勮璁′腑锛岃瀺鍏ュ惎鍙戝紡鐨勬暀瀛︽柟娉曪紝鍔涙眰濂芥暀銆佸ソ瀛︺�佺埍瀛︺��
-        </p>
-        <p class="quotation">
-          锛�4锛夋敞閲嶇珛浣撳寲鏁欐潗鐨勫缓璁俱�傛湰绯诲垪鏁欐潗閫氳繃涓绘暀鏉愩�侀厤濂楀厜鐩樸�佺數瀛愭暀妗堢瓑鏁欏璧勬簮鐨勬湁鏈虹粨鍚堬紝鏉ユ彁楂樻暀瀛︽湇鍔℃按骞炽��
-        </p>
-        <p class="quotation">
-          鏈郴鍒楁暀鏉愬湪绛栧垝鍑虹増杩囩▼涓緱鍒颁簡鏁欒偛閮ㄩ珮鑱岄珮涓撹嚜鍔ㄥ寲鎶�鏈被涓撲笟鏁欏鎸囧濮斿憳浼氬鍛樹互鍙婂箍澶т笓瀹剁殑鎸囧鍜屽府鍔╋紝鍦ㄦ琛ㄧず娣辨繁鐨勬劅璋€�傚笇鏈涙湰绯诲垪涓涗功鐨勫嚭鐗堣兘涓烘垜鍥介珮绛夎亴涓氶櫌鏍℃暀鑲叉敼闈╄捣鍒拌壇濂界殑鎺ㄥ姩浣滅敤锛屾杩庝娇鐢ㄦ湰绯诲垪鏁欐潗鐨勮�佸笀鍜屽悓瀛︿滑鎻愬嚭瀹濊吹鐨勬剰瑙佸拰寤鸿銆備功涓鏈変笉濡ヤ箣澶勶紝鏁鎵硅瘎鎸囨銆�
-        </p>
-        <p class="content t-right">涓浗閾侀亾鍑虹増绀炬湁闄愬叕鍙�</p>
-      </document>
+    <div class="page-box pd-104" page="6">
+      <div class="page-heder-img">
+        <img src="../../assets/images/publish.png" alt="" class="mt-100" />
+      </div>
+      <div class="padding-96">
+        <document class="cl-66">
+          <p class="quotation">
+            闅忕潃鎴戝浗楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勪笉鏂繁鍏ワ紝鎴戝浗楂樼瓑鑱屼笟鏁欒偛鐨勫彂灞曡繘鍏ヤ簡涓�涓柊鐨勯樁娈点�傛暀鑲查儴涓嬪彂鐨勩�婂叧浜庡叏闈㈡彁楂橀珮绛夎亴涓氭暀鑲叉暀瀛﹁川閲忕殑鑻ュ共鎰忚銆嬫枃浠讹紝鏃ㄥ湪闃愯堪绀句細鍙戝睍瀵归珮绱犺川鎶�鑳藉瀷浜烘墠鐨勯渶姹傦紝浠ュ強濡備綍鎺ㄨ繘楂樿亴浜烘墠鍩瑰吇妯″紡鏀归潻锛屾彁楂樹汉鎵嶅煿鍏昏川閲忋��
+          </p>
+          <p class="quotation">
+            鏁欐潗鐨勫嚭鐗堝伐浣滄槸鏁翠釜楂樼瓑鑱屼笟闄㈡牎鏁欒偛鏁欏宸ヤ綔涓殑閲嶈缁勬垚閮ㄥ垎锛屾暀鏉愭槸璇剧▼鍐呭鍜岃绋嬩綋绯荤殑杞戒綋锛屽璇剧▼鏀归潻鍜屽缓璁惧叿鏈夋帹鍔ㄤ綔鐢紝鎵�浠ユ彁楂樿绋嬫暀瀛︽按骞冲拰鏁欏璐ㄩ噺鐨勫叧閿湪浜庡嚭鐗堥珮姘村钩銆侀珮璐ㄩ噺鐨勬暀鏉愩��
+          </p>
+          <p class="quotation">
+            鍑虹増闈㈠悜楂樼瓑鑱屼笟鏁欒偛鐨勨�滀互灏变笟涓哄鍚戯紝浠ヨ兘鍔涗负鏈綅鈥濈殑浼樿川鏁欐潗涓�鐩村氨鏄腑鍥介搧閬撳嚭鐗堢ぞ浼樺厛寮�鍙戠殑棰嗗煙銆傛垜绀炬湰鐫�鈥滀緷闈犱笓瀹躲�佺爺绌跺厛琛屻�佹湇鍔′负鏈�佹墦閫犵簿鍝佲�濈殑鍑虹増鐞嗗康锛屼簬2007骞存垚绔嬩簡鈥滀腑鍥介搧閬撳嚭鐗堢ぞ楂樿亴鏈虹數绫昏绋嬪缓璁剧爺绌剁粍鈥濓紝骞剁粡杩囦袱骞寸殑鍏呭垎璋冩煡鐮旂┒锛岀瓥鍒掔紪鍐欍�佸嚭鐗堜簡鏈郴鍒楁暀鏉愩��
+          </p>
+          <p class="quotation">
+            鏈郴鍒楁暀鏉愪富瑕佹兜鐩栭珮鑱岄珮涓撴満鐢电被鐨勫叕鍏辫鍙婂叚涓笓涓氱殑鐩稿叧璇剧▼锛屽畠浠槸鐢垫皵鑷姩鍖栦笓涓氥�佹満鐢典竴浣撳寲涓撲笟銆佺敓浜ц繃绋嬭嚜鍔ㄥ寲涓撲笟銆佹暟鎺ф妧鏈笓涓氥�佹ā鍏疯璁′笌鍒堕�犱笓涓氫互鍙婃暟鎺ц澶囧簲鐢ㄤ笌缁存姢涓撲笟銆傚畠浠叡鍚屾垚涓轰綋绯伙紝鍙堝叿鏈夌浉瀵圭嫭绔嬫�с�傛湰绯诲垪鏁欐潗鍦ㄧ紪鍐欒繃绋嬩腑閭�璇蜂簡楂樿亴楂樹笓鑷姩鍖栨暀鎸囧涓撳銆佸浗瀹剁骇鏁欏鍚嶅笀銆佺簿鍝佽璐熻矗浜恒�佺煡鍚嶄笓瀹舵暀鎺堛�佸鏈甫澶翠汉鍙婇骞叉暀甯堛�備粬浠拡瀵圭浉鍏充笓涓氱殑璇剧▼锛岀粨鍚堜簡澶氬勾鏁欏涓殑瀹炶返缁忛獙锛屽悓鏃跺惛鍙栦簡楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勬垚鏋滐紝鍥犳鏃犺鏁欏鐞嗗康鐨勫鍚戙�佹暀瀛︽爣鍑嗙殑寮�鍙戙�佹暀瀛︿綋绯荤殑纭珛銆佹暀鏉愬唴瀹圭殑绛涢�夈�佹暀鏉愮粨鏋勭殑璁捐锛岃繕鏄暀鏉愮礌鏉愮殑閫夋嫨閮芥瀬鍏风壒鑹层��
+          </p>
+          <p class="quotation">鏈郴鍒楁暀鏉愮殑鐗圭偣褰掔撼濡備笅锛�</p>
+          <p class="quotation">
+            锛�1锛夊洿缁曞煿鍏诲鐢熺殑鑱屼笟鎶�鑳借繖鏉′富绾胯璁℃暀鏉愮殑缁撴瀯锛岀悊璁鸿仈绯诲疄闄咃紝浠庡簲鐢ㄧ殑瑙掑害缁勭粐缂栧啓鍐呭锛岀獊鍑哄疄鐢ㄦ�э紝骞跺悓鏃舵敞鎰忓皢鏂版妧鏈�佹柊鎴愭灉绾冲叆鏁欐潗銆�
+          </p>
+          <p class="quotation">
+            锛�2锛夋牴鎹満鐢电被璇剧▼鐨勭壒鐐癸紝瀵瑰熀鏈悊璁哄拰鏂规硶鐨勮杩板姏姹傜畝鍗曘�佹槗浜庣悊瑙o紝浠ョ紦瑙g箒澶氱殑鐭ヨ瘑鍐呭涓庡亸灏戠殑瀛︽椂涔嬮棿鐨勭煕鐩俱�傚悓鏃讹紝澧炲姞浜嗙浉鍏虫妧鏈湪瀹為檯鐢熶骇銆佺敓娲讳腑鐨勫簲鐢ㄥ疄渚嬶紝浠庤�屾縺鍙戝鐢熺殑瀛︿範鐑儏銆�
+          </p>
+          <p class="quotation">
+            锛�3锛夊皢鈥滈棶棰樺紩瀵煎紡鈥濃�滄渚嬪紡鈥濃�滀换鍔¢┍鍔ㄥ紡鈥濃�滈」鐩┍鍔ㄥ紡鈥濈瓑澶氱鏁欏鏂规硶寮曞叆鏁欐潗浣撲緥鐨勮璁′腑锛岃瀺鍏ュ惎鍙戝紡鐨勬暀瀛︽柟娉曪紝鍔涙眰濂芥暀銆佸ソ瀛︺�佺埍瀛︺��
+          </p>
+          <p class="quotation">
+            锛�4锛夋敞閲嶇珛浣撳寲鏁欐潗鐨勫缓璁俱�傛湰绯诲垪鏁欐潗閫氳繃涓绘暀鏉愩�侀厤濂楀厜鐩樸�佺數瀛愭暀妗堢瓑鏁欏璧勬簮鐨勬湁鏈虹粨鍚堬紝鏉ユ彁楂樻暀瀛︽湇鍔℃按骞炽��
+          </p>
+          <p class="quotation">
+            鏈郴鍒楁暀鏉愬湪绛栧垝鍑虹増杩囩▼涓緱鍒颁簡鏁欒偛閮ㄩ珮鑱岄珮涓撹嚜鍔ㄥ寲鎶�鏈被涓撲笟鏁欏鎸囧濮斿憳浼氬鍛樹互鍙婂箍澶т笓瀹剁殑鎸囧鍜屽府鍔╋紝鍦ㄦ琛ㄧず娣辨繁鐨勬劅璋€�傚笇鏈涙湰绯诲垪涓涗功鐨勫嚭鐗堣兘涓烘垜鍥介珮绛夎亴涓氶櫌鏍℃暀鑲叉敼闈╄捣鍒拌壇濂界殑鎺ㄥ姩浣滅敤锛屾杩庝娇鐢ㄦ湰绯诲垪鏁欐潗鐨勮�佸笀鍜屽悓瀛︿滑鎻愬嚭瀹濊吹鐨勬剰瑙佸拰寤鸿銆備功涓鏈変笉濡ヤ箣澶勶紝鏁鎵硅瘎鎸囨銆�
+          </p>
+          <p class="content t-right">涓浗閾侀亾鍑虹増绀炬湁闄愬叕鍙�</p>
+        </document>
+      </div>
     </div>
     <!-- 绗笁鐗� -->
-    <div class="page-box page-padding">
-      <document>
-        <h1>绗笁鐗堝墠瑷�</h1>
-        <p class="quotation">
-          鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃锛堜互涓嬬畝绉扳�滄槅浠戦�氭�佸叕鍙糕�濓級鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戞暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑鈥滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩��
-        </p>
-        <p class="quotation">
-          鏈功浠ヤ節涓」鐩紩棰嗚鑰呭涔犵敱瑙︽懜灞忋�丳LC銆佸彉棰戝櫒銆佷紶鎰熷櫒銆侀�氫俊鍗忚绛夐泦鎴愮殑灏忓瀷宸ユ帶绯荤粺锛屽姣忎釜璁粌椤圭洰鐨勬瘡涓姩浣滃拰姝ラ璁捐姹傘�佸畾鐩爣锛屽湪瀹炶返杩囩▼涓敞閲嶄紒涓氱敓浜у厓绱狅紝铻嶉�氱敓浜у伐鑹猴紝绱ц创鐢熶骇杩囩▼锛屸�滀换鍔℃槑纭�佹楠ゆ竻鏅般�佽繃绋嬭鑼冦�佽�冭瘎鍒颁綅鈥濓紝鑳藉煿鍏讳弗璋ㄧ殑宸ヤ綔浣滈鍜岀簿鐩婃眰绮剧殑浜у搧鎰忚瘑锛屾垚灏卞伐鎺ч珮鎵嬬殑姊︽兂銆�
-        </p>
-        <p class="quotation"><b>缂栧啓鑳屾櫙</b></p>
-        <p class="quotation">
-          鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟涓庝紒涓氱殑鍏稿瀷銆佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
-        </p>
-        <p class="quotation">
-          鍖椾含鏄嗕粦閫氭�丮CGS瑙︽懜灞忔槸鍥藉唴涓绘祦宸ユ帶浜у搧锛屼笉浠呬娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼篃鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆傚湪涓庢槅浠戦�氭�佸叕鍙稿悎浣滃紑鍙戔�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濊绋嬶紙http://gxkc.cztgi.edu.cn锛�4505/锛夊熀纭�涓婏紝鍚堜綔缂栧啓浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗竴鐗堬級锛屽彈鍒板鏍″拰浼佷笟娆㈣繋銆傞殢鐫�宸ユ帶鎶�鏈揩閫熷彂灞曪紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌浼佷笟杩涜浜嗗箍娉涙繁鍏ュ悎浣滐紝鍙傜収琛屼笟涓庝紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗簩鐗堬級妗嗘灦绛栧垝銆佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆備负浜嗘洿濂藉湴閫傚簲鏂版妧鏈彂灞曪紝浠ュ強婊¤冻鏁欐潗鍐呭鍜岃涓氫笌浼佷笟鍙戝睍鍚屾锛屾垜浠洿鏂般�佹敼鐗堢紪鍐欎簡銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗笁鐗堬級锛屽悓鏃跺垱寤轰簡鈥滃祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�漄Q浜ゆ祦缇わ紝缇ゅ彿涓猴細107163512銆�
-        </p>
-        <p class="quotation"><b>鏁欐潗鐗圭偣</b></p>
-        <p class="quotation">
-          鏈功鍥寸粫瑙︽懜灞忔牳蹇冩妧鏈紝鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈浉缁撳悎锛屾瀯鎴愬吀鍨嬬殑妗堜緥锛屽唴瀹规兜鐩栦簡宸ユ帶绯荤粺閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛�
-        </p>
-      </document>
+    <div class="page-box pd-104" page="7">
+      <div class="page-heder-img">
+        <img src="../../assets/images/qianyan.png" class="mt-100" alt="" />
+      </div>
+      <div class="padding-96">
+        <document>
+          <p class="quotation cl-66">
+            鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃锛堜互涓嬬畝绉扳�滄槅浠戦�氭�佸叕鍙糕�濓級鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戞暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑鈥滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩��
+          </p>
+          <p class="quotation cl-66">
+            鏈功浠ヤ節涓」鐩紩棰嗚鑰呭涔犵敱瑙︽懜灞忋�丳LC銆佸彉棰戝櫒銆佷紶鎰熷櫒銆侀�氫俊鍗忚绛夐泦鎴愮殑灏忓瀷宸ユ帶绯荤粺锛屽姣忎釜璁粌椤圭洰鐨勬瘡涓姩浣滃拰姝ラ璁捐姹傘�佸畾鐩爣锛屽湪瀹炶返杩囩▼涓敞閲嶄紒涓氱敓浜у厓绱狅紝铻嶉�氱敓浜у伐鑹猴紝绱ц创鐢熶骇杩囩▼锛屸�滀换鍔℃槑纭�佹楠ゆ竻鏅般�佽繃绋嬭鑼冦�佽�冭瘎鍒颁綅鈥濓紝鑳藉煿鍏讳弗璋ㄧ殑宸ヤ綔浣滈鍜岀簿鐩婃眰绮剧殑浜у搧鎰忚瘑锛屾垚灏卞伐鎺ч珮鎵嬬殑姊︽兂銆�
+          </p>
+          <p class="quotation fl al-cn t0">
+            <img
+              src="../../assets/images/icon/beijing.png"
+              alt=""
+              class="mr-5"
+            />
+            <b>缂栧啓鑳屾櫙</b>
+          </p>
+          <p class="quotation cl-66">
+            鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟涓庝紒涓氱殑鍏稿瀷銆佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
+          </p>
+          <p class="quotation cl-66">
+            鍖椾含鏄嗕粦閫氭�丮CGS瑙︽懜灞忔槸鍥藉唴涓绘祦宸ユ帶浜у搧锛屼笉浠呬娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼篃鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆傚湪涓庢槅浠戦�氭�佸叕鍙稿悎浣滃紑鍙戔�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濊绋嬶紙http://gxkc.cztgi.edu.cn锛�4505/锛夊熀纭�涓婏紝鍚堜綔缂栧啓浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗竴鐗堬級锛屽彈鍒板鏍″拰浼佷笟娆㈣繋銆傞殢鐫�宸ユ帶鎶�鏈揩閫熷彂灞曪紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌浼佷笟杩涜浜嗗箍娉涙繁鍏ュ悎浣滐紝鍙傜収琛屼笟涓庝紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗簩鐗堬級妗嗘灦绛栧垝銆佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆備负浜嗘洿濂藉湴閫傚簲鏂版妧鏈彂灞曪紝浠ュ強婊¤冻鏁欐潗鍐呭鍜岃涓氫笌浼佷笟鍙戝睍鍚屾锛屾垜浠洿鏂般�佹敼鐗堢紪鍐欎簡銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗笁鐗堬級锛屽悓鏃跺垱寤轰簡鈥滃祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�漄Q浜ゆ祦缇わ紝缇ゅ彿涓猴細107163512銆�
+          </p>
+          <p class="quotation fl al-cn t0">
+            <img
+              src="../../assets/images/icon/tedian.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>鏁欐潗鐗圭偣</b>
+          </p>
+          <p class="quotation cl-66">
+            鏈功鍥寸粫瑙︽懜灞忔牳蹇冩妧鏈紝鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈浉缁撳悎锛屾瀯鎴愬吀鍨嬬殑妗堜緥锛屽唴瀹规兜鐩栦簡宸ユ帶绯荤粺閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛�
+          </p>
+        </document>
+      </div>
     </div>
-    <div class="page-box page-padding">
-      <document>
-        <p></p>
-        <p class="quotation"><b>鍩烘湰鍐呭</b></p>
-        <p class="t0">鐢熷涔犲叴瓒e拰鏁堢巼浠ュ強鏄撳銆佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��</p>
-        <p class="quotation">
-          鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愮敱涔濅釜椤圭洰缁勬垚锛屾瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩板拰浠诲姟璁粌銆傜綉缁滆祫婧愬惈宓屽叆鐗堢粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佹暀瀛︽渚嬨�佺▼搴忔簮浠g爜銆佸井璇剧瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫�傝棰戣祫婧愰�氳繃鎵弿浜岀淮鐮佽幏鍙栵紝鍏朵粬鐩稿叧璧勬簮鍙粠鎴戠ぞ缃戠珯锛坔ttp://www.tdpress.com/51eds/锛変笅杞姐��
-        </p>
-        <p class="quotation">
-          鏈功鐢卞紶鏂囨槑銆佸崕绁栭摱浠讳富缂栵紝鐜嬩竴鍑°�侀檲涓滃崌銆侀粍鏅撲紵銆佹浌寤哄啗銆佸畫榛庤弫銆佺吉寤哄崕銆佷粯鍗庤壇銆佽淳鍚涜搐浠诲壇涓荤紪锛屽叿浣撶紪鍐欏垎宸ュ涓嬶細寮犳枃鏄庢暀鎺堟挵鍐欏墠瑷�锛涘紶鏂囨槑鏁欐巿鍜屽崕绁栭摱鎬诲伐绋嬪笀鍏卞悓缂栧啓椤圭洰涓�锛涢粍鏅撲紵宸ョ▼甯堢紪鍐欓」鐩簩銆侀」鐩笁锛堜换鍔′竴锝炰换鍔″洓锛夛紱闄堜笢鍗囧伐绋嬪笀缂栧啓椤圭洰浜旓紱鐜嬩竴鍑″壇鏁欐巿缂栧啓椤圭洰鍥涖�侀」鐩叚锛涘畫榛庤弫宸ョ▼甯堢紪鍐欓」鐩竷銆侀」鐩笁锛堜换鍔″叚锛夛紱浠樺崕鑹壇鏁欐巿缂栧啓椤圭洰涓夛紙浠诲姟浜旓級銆佹浌寤哄啗鍓暀鎺堝拰璐惧悰璐よ甯堝叡鍚岀紪鍐欓」鐩叓锛涚吉寤哄崕楂樼骇鎶�甯堢紪鍐欓」鐩節銆傚叏涔︾敱寮犳枃鏄庢暀鎺堟寚瀵煎苟璐熻矗缁熺锛屾堡鏅撳崕鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
-        </p>
-        <p class="quotation">
-          鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佷腑鍥介搧閬撳嚭鐗堢ぞ鏈夐檺鍏徃鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒
-        </p>
-        <p class="quotation">
-          闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂撮檺鍒讹紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇峰箍澶ц鑰呮壒璇勬寚姝c��
-        </p>
-        <p class="content t-right">缂栬��</p>
-        <p class="content t-right">2019骞�5鏈�</p>
-      </document>
-    </div>
-    <div class="page-box page-padding">
-      <document>
-        <h1>绗竴鐗堝墠瑷�</h1>
-        <p class="quotation">
-          鏈功鏄暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氳鍒掋�佸父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戔�滃弻甯堝瀷鈥濇暀甯堝拰琛屼笟銆佷紒涓氭妧鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑椤圭洰鍖栨暀鏉愩��
-        </p>
-        <p class="quotation">
-          鐩墠宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠剁殑鍙戝睍鏈変袱涓柟闈紝涓�鏂归潰鏄悜澶у瀷鐨勫钩鍙拌蒋浠跺彂灞曪紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠剁畝鍖栨垚宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屽彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�傚寳浜槅浠戦�氭�丮CGS宓屽叆寮忕粍鎬佽蒋浠朵綔涓哄浗鍐呬富娴佸伐鎺т骇鍝侊紝鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆�
-        </p>
-        <p class="quotation"><b>缂栧啓鑳屾櫙</b></p>
-        <p class="quotation">
-          鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟銆佷紒涓氬吀鍨嬨�佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
-        </p>
-        <p class="quotation">
-          闅忕潃宓屽叆寮忕粍鎬佸拰瑙︽懜灞忔妧鏈殑蹇�熷彂灞曪紝2006骞达紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓浜嗐�婄粍鎬佽蒋浠舵帶鍒舵妧鏈�嬶紝鍙楀埌瀛︽牎鍜屼紒涓氭杩庛�傛湰涔﹀弬鐓ц涓氥�佷紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗘鏋剁瓥鍒掋�佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆傛湰涔︿负2010骞村浗瀹剁骇绮惧搧璇剧▼閰嶅鐨勪富璁叉暀鏉愩��
-        </p>
-        <p class="quotation"><b>鏁欐潗鐗圭偣</b></p>
-        <p class="quotation">
-          鍥寸粫宓屽叆寮忕粍鎬佹妧鏈牳蹇冿紝浠ヨЕ鎽稿睆TPC鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈吀鍨嬪簲鐢ㄤ负宸ヤ綔浠诲姟锛屾兜鐩栦簡宓屽叆寮忕粍鎬佺殑閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佹搷浣滄�р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛︾敓瀛︿範鍏磋叮鍜屾晥鐜囦互鍙婃槗瀛︺�佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��
-        </p>
-      </document>
+    <!-- 3-1 -->
+    <div class="page-box fl fl-cl ju-bt" page="8">
+      <div>
+        <div class="mt-20">
+          <img src="../../assets/images/page-header.png" alt="" class="w100" />
+        </div>
+        <div class="padding-96">
+          <document>
+            <p></p>
+            <p class="quotation fl al-cn t0">
+              <img
+                src="../../assets/images/icon/neirong.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>鍩烘湰鍐呭</b>
+            </p>
+            <p class="t0">鐢熷涔犲叴瓒e拰鏁堢巼浠ュ強鏄撳銆佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��</p>
+            <p class="quotation">
+              鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愮敱涔濅釜椤圭洰缁勬垚锛屾瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩板拰浠诲姟璁粌銆傜綉缁滆祫婧愬惈宓屽叆鐗堢粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佹暀瀛︽渚嬨�佺▼搴忔簮浠g爜銆佸井璇剧瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫�傝棰戣祫婧愰�氳繃鎵弿浜岀淮鐮佽幏鍙栵紝鍏朵粬鐩稿叧璧勬簮鍙粠鎴戠ぞ缃戠珯锛�<a href="http://www.tdpress.com/51eds/">http://www.tdpress.com/51eds/</a> 锛変笅杞姐��
+            </p>
+            <p class="quotation">
+              鏈功鐢卞紶鏂囨槑銆佸崕绁栭摱浠讳富缂栵紝鐜嬩竴鍑°�侀檲涓滃崌銆侀粍鏅撲紵銆佹浌寤哄啗銆佸畫榛庤弫銆佺吉寤哄崕銆佷粯鍗庤壇銆佽淳鍚涜搐浠诲壇涓荤紪锛屽叿浣撶紪鍐欏垎宸ュ涓嬶細寮犳枃鏄庢暀鎺堟挵鍐欏墠瑷�锛涘紶鏂囨槑鏁欐巿鍜屽崕绁栭摱鎬诲伐绋嬪笀鍏卞悓缂栧啓椤圭洰涓�锛涢粍鏅撲紵宸ョ▼甯堢紪鍐欓」鐩簩銆侀」鐩笁锛堜换鍔′竴锝炰换鍔″洓锛夛紱闄堜笢鍗囧伐绋嬪笀缂栧啓椤圭洰浜旓紱鐜嬩竴鍑″壇鏁欐巿缂栧啓椤圭洰鍥涖�侀」鐩叚锛涘畫榛庤弫宸ョ▼甯堢紪鍐欓」鐩竷銆侀」鐩笁锛堜换鍔″叚锛夛紱浠樺崕鑹壇鏁欐巿缂栧啓椤圭洰涓夛紙浠诲姟浜旓級銆佹浌寤哄啗鍓暀鎺堝拰璐惧悰璐よ甯堝叡鍚岀紪鍐欓」鐩叓锛涚吉寤哄崕楂樼骇鎶�甯堢紪鍐欓」鐩節銆傚叏涔︾敱寮犳枃鏄庢暀鎺堟寚瀵煎苟璐熻矗缁熺锛屾堡鏅撳崕鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
+            </p>
+            <p class="quotation">
+              鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佷腑鍥介搧閬撳嚭鐗堢ぞ鏈夐檺鍏徃鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒
+            </p>
+            <p class="quotation">
+              闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂撮檺鍒讹紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇峰箍澶ц鑰呮壒璇勬寚姝c��
+            </p>
+            <p class="content t-right">缂栬��</p>
+            <p class="content t-right">2019骞�5鏈�</p>
+          </document>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">II</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
     <!-- 绗竴鐗� -->
-    <div class="page-box page-padding">
-      <document>
-        <p class="quotation"><b>鍩烘湰鍐呭</b></p>
-        <p class="quotation">
-          鏈鏁欐潗鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰澶氬獟浣撳厜鐩樼粍鎴愩�傜焊璐ㄦ暀鏉愬叡鐢卞崄涓�涓换鍔$粍鎴愶紝浠诲姟涓�璁よ瘑宓屽叆寮忕粍鎬�+瑙︽懜灞忥紱浠诲姟浜屼富瑕佽瑙d笁娆句富娴佸瀷鍙稰LC涓庡祵鍏ュ紡TPC鐨勯�氫俊鍜屾帶鍒讹紱浠诲姟涓変富瑕佽缁冨祵鍏ュ紡TPC+鍙橀鍣ㄧ殑RS
-          485閫氫俊涓庤鍒掓洸绾挎帶鍒讹紱浠诲姟鍥涗富瑕佽瑙e祵鍏ュ紡TPC涓嶢I鏅鸿兘浠〃瀹炵幇澶氫釜閫氶亾娓╁害闆嗕腑鎺у埗锛涗换鍔′簲璁茶В宓屽叆寮廡PC+PLC+鍙橀鍣ㄧ殑璋冮�熺郴缁燂紱浠诲姟鍏瑙e祵鍏ュ紡TPC+宓屽叆寮廡PC涔嬮棿鐨勯�氫俊锛涗换鍔′竷璁茶В宓屽叆寮廡PC涓嶱LC鐨勯�氫俊杩炴帴锛岄┍鍔ㄤ己鏈嶆帶鍒朵簩缁村钩鍙板畾浣嶏紱浠诲姟鍏祵鍏ュ紡缁勬�乀PC+PLC+浼犳劅鍣ㄧ殑姘翠綅宸ョ▼锛屼富瑕佽瑙e祵鍏ュ紡缁勬�佸姛鑳藉簲鐢紱浠诲姟涔濊瑙e祵鍏ュ紡缁勬�乀PC閰嶆柟宸ョ▼锛涗换鍔″崄璁茶В鐢垫宓屽叆寮忕粍鎬侊紱浠诲姟鍗佷竴璁茶В鈥滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涘祵鍏ュ紡缁勬�佽璁°�傛瘡涓换鍔¢兘瀹夋帓浜嗕换鍔$洰鏍囥�佷换鍔℃弿杩板拰浠诲姟璁粌銆傚濯掍綋鍏夌洏鍚渶鏂癕CGS宓屽叆寮忕粍鎬佸畨瑁呰蒋浠躲�乀PC浜у搧鏍锋湰銆佸伐绋嬫渚嬨�佹暀瀛︿换鍔″伐绋嬫渚嬨�佽绋嬫爣鍑嗗強鈥滆鍔ㄥ鍚戔�濊绋嬫暀妗堢瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫��
-        </p>
-        <p class="quotation">
-          鏈功缂栧啓鍒嗗伐濡備笅锛氬紶鏂囨槑鍓暀鎺堛�佸崕绁栭摱鎬诲伐绋嬪笀鍏卞悓璐熻矗鎾板啓鏁欐潗鍓嶈█銆佸唴瀹圭畝浠嬪拰浠诲姟涓�锛涘紶鏂囨槑鍓暀鎺堟挵鍐欎换鍔′簩銆佷换鍔″叚锛涘紶鏂囨槑鍓暀鎺堛�侀粍鏅撲紵宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′笁銆佷换鍔′簲锛涢檲涓滃崌宸ョ▼甯堟挵鍐欎换鍔″洓锛涘紶鏂囨槑鍓暀鎺堛�侀檲涓滃崌宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′竷锛涚帇涓�鍑¤甯堟挵鍐欎换鍔″叓锛涢粍鏅撲紵宸ョ▼甯堟挵鍐欎换鍔′節锛涘紶寤烘垚楂樺伐鍜岄檲璺冨畨鍓暀鎺堝叡鍚屾挵鍐欎换鍔″崄锛涙浌寤哄啗宸ョ▼甯堟挵鍐欎换鍔″崄涓�銆傚叏涔︾敱寮犳枃鏄庡壇鏁欐巿绛栧垝銆佹寚瀵煎苟璐熻矗缁熺锛涙暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氫富浠诲鍛樺悤鏅硥鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
-        </p>
-        <p class="quotation">
-          鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佹暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氥�佷腑鍥介搧閬撳嚭鐗堢ぞ鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒鍚屾椂涔熻鎰熻阿鍖椾含鏄嗕粦閫氭�佹棤閿″垎鍏徃鍙茬杩炪�佸懆鏄熴�佽敗鐞崇惓绛夊伐绋嬫妧鏈汉鍛樺鏈功缂栧啓鎻愪緵鐨勫府鍔╋紒
-        </p>
-        <p class="quotation">
-          闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂达紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇锋彁鍑烘壒璇勬寚姝c��
-        </p>
-        <p class="content t-right">缂栬��</p>
-        <p class="content t-right">2011骞�6鏈�</p>
-      </document>
+    <div class="page-box" page="9">
+      <div class="page-heder-img">
+        <img src="../../assets/images/qianyan-one.png" class="mt-100" alt="" />
+      </div>
+      <div class="padding-96">
+        <document>
+          <p class="quotation">
+            鏈功鏄暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氳鍒掋�佸父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戔�滃弻甯堝瀷鈥濇暀甯堝拰琛屼笟銆佷紒涓氭妧鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑椤圭洰鍖栨暀鏉愩��
+          </p>
+          <p class="quotation">
+            鐩墠宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠剁殑鍙戝睍鏈変袱涓柟闈紝涓�鏂归潰鏄悜澶у瀷鐨勫钩鍙拌蒋浠跺彂灞曪紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠剁畝鍖栨垚宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屽彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�傚寳浜槅浠戦�氭�丮CGS宓屽叆寮忕粍鎬佽蒋浠朵綔涓哄浗鍐呬富娴佸伐鎺т骇鍝侊紝鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆�
+          </p>
+          <p class="quotation fl al-cn t0">
+            <img
+              src="../../assets/images/icon/beijing.png"
+              alt=""
+              class="mr-5"
+            />
+            <b>缂栧啓鑳屾櫙</b>
+          </p>
+          <p class="quotation">
+            鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟銆佷紒涓氬吀鍨嬨�佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
+          </p>
+          <p class="quotation">
+            闅忕潃宓屽叆寮忕粍鎬佸拰瑙︽懜灞忔妧鏈殑蹇�熷彂灞曪紝2006骞达紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓浜嗐�婄粍鎬佽蒋浠舵帶鍒舵妧鏈�嬶紝鍙楀埌瀛︽牎鍜屼紒涓氭杩庛�傛湰涔﹀弬鐓ц涓氥�佷紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗘鏋剁瓥鍒掋�佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆傛湰涔︿负2010骞村浗瀹剁骇绮惧搧璇剧▼閰嶅鐨勪富璁叉暀鏉愩��
+          </p>
+          <p class="quotation fl al-cn t0">
+            <img
+              src="../../assets/images/icon/tedian.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>鏁欐潗鐗圭偣</b>
+          </p>
+          <p class="quotation">
+            鍥寸粫宓屽叆寮忕粍鎬佹妧鏈牳蹇冿紝浠ヨЕ鎽稿睆TPC鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈吀鍨嬪簲鐢ㄤ负宸ヤ綔浠诲姟锛屾兜鐩栦簡宓屽叆寮忕粍鎬佺殑閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佹搷浣滄�р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛︾敓瀛︿範鍏磋叮鍜屾晥鐜囦互鍙婃槗瀛︺�佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��
+          </p>
+        </document>
+      </div>
+    </div>
+    <!-- 1-1 -->
+    <div class="page-box fl fl-cl ju-bt" page="10">
+      <div>
+        <div class="mt-20">
+          <img src="../../assets/images/page-header.png" alt="" class="w100" />
+        </div>
+        <div class="padding-96">
+          <document>
+            <p class="quotation fl al-cn t0">
+              <img
+                src="../../assets/images/icon/neirong.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>鍩烘湰鍐呭</b>
+            </p>
+            <p class="quotation">
+              鏈鏁欐潗鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰澶氬獟浣撳厜鐩樼粍鎴愩�傜焊璐ㄦ暀鏉愬叡鐢卞崄涓�涓换鍔$粍鎴愶紝浠诲姟涓�璁よ瘑宓屽叆寮忕粍鎬�+瑙︽懜灞忥紱浠诲姟浜屼富瑕佽瑙d笁娆句富娴佸瀷鍙稰LC涓庡祵鍏ュ紡TPC鐨勯�氫俊鍜屾帶鍒讹紱浠诲姟涓変富瑕佽缁冨祵鍏ュ紡TPC+鍙橀鍣ㄧ殑RS
+              485閫氫俊涓庤鍒掓洸绾挎帶鍒讹紱浠诲姟鍥涗富瑕佽瑙e祵鍏ュ紡TPC涓嶢I鏅鸿兘浠〃瀹炵幇澶氫釜閫氶亾娓╁害闆嗕腑鎺у埗锛涗换鍔′簲璁茶В宓屽叆寮廡PC+PLC+鍙橀鍣ㄧ殑璋冮�熺郴缁燂紱浠诲姟鍏瑙e祵鍏ュ紡TPC+宓屽叆寮廡PC涔嬮棿鐨勯�氫俊锛涗换鍔′竷璁茶В宓屽叆寮廡PC涓嶱LC鐨勯�氫俊杩炴帴锛岄┍鍔ㄤ己鏈嶆帶鍒朵簩缁村钩鍙板畾浣嶏紱浠诲姟鍏祵鍏ュ紡缁勬�乀PC+PLC+浼犳劅鍣ㄧ殑姘翠綅宸ョ▼锛屼富瑕佽瑙e祵鍏ュ紡缁勬�佸姛鑳藉簲鐢紱浠诲姟涔濊瑙e祵鍏ュ紡缁勬�乀PC閰嶆柟宸ョ▼锛涗换鍔″崄璁茶В鐢垫宓屽叆寮忕粍鎬侊紱浠诲姟鍗佷竴璁茶В鈥滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涘祵鍏ュ紡缁勬�佽璁°�傛瘡涓换鍔¢兘瀹夋帓浜嗕换鍔$洰鏍囥�佷换鍔℃弿杩板拰浠诲姟璁粌銆傚濯掍綋鍏夌洏鍚渶鏂癕CGS宓屽叆寮忕粍鎬佸畨瑁呰蒋浠躲�乀PC浜у搧鏍锋湰銆佸伐绋嬫渚嬨�佹暀瀛︿换鍔″伐绋嬫渚嬨�佽绋嬫爣鍑嗗強鈥滆鍔ㄥ鍚戔�濊绋嬫暀妗堢瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫��
+            </p>
+            <p class="quotation">
+              鏈功缂栧啓鍒嗗伐濡備笅锛氬紶鏂囨槑鍓暀鎺堛�佸崕绁栭摱鎬诲伐绋嬪笀鍏卞悓璐熻矗鎾板啓鏁欐潗鍓嶈█銆佸唴瀹圭畝浠嬪拰浠诲姟涓�锛涘紶鏂囨槑鍓暀鎺堟挵鍐欎换鍔′簩銆佷换鍔″叚锛涘紶鏂囨槑鍓暀鎺堛�侀粍鏅撲紵宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′笁銆佷换鍔′簲锛涢檲涓滃崌宸ョ▼甯堟挵鍐欎换鍔″洓锛涘紶鏂囨槑鍓暀鎺堛�侀檲涓滃崌宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′竷锛涚帇涓�鍑¤甯堟挵鍐欎换鍔″叓锛涢粍鏅撲紵宸ョ▼甯堟挵鍐欎换鍔′節锛涘紶寤烘垚楂樺伐鍜岄檲璺冨畨鍓暀鎺堝叡鍚屾挵鍐欎换鍔″崄锛涙浌寤哄啗宸ョ▼甯堟挵鍐欎换鍔″崄涓�銆傚叏涔︾敱寮犳枃鏄庡壇鏁欐巿绛栧垝銆佹寚瀵煎苟璐熻矗缁熺锛涙暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氫富浠诲鍛樺悤鏅硥鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
+            </p>
+            <p class="quotation">
+              鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佹暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氥�佷腑鍥介搧閬撳嚭鐗堢ぞ鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒鍚屾椂涔熻鎰熻阿鍖椾含鏄嗕粦閫氭�佹棤閿″垎鍏徃鍙茬杩炪�佸懆鏄熴�佽敗鐞崇惓绛夊伐绋嬫妧鏈汉鍛樺鏈功缂栧啓鎻愪緵鐨勫府鍔╋紒
+            </p>
+            <p class="quotation">
+              闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂达紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇锋彁鍑烘壒璇勬寚姝c��
+            </p>
+            <p class="content t-right">缂栬��</p>
+            <p class="content t-right">2011骞�6鏈�</p>
+          </document>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+        <li class="footer-num">II</li>
+        <li class="footer-box"></li>
+      </ul>
     </div>
   </div>
 </template>
@@ -222,6 +358,10 @@
 };
 </script>
 <style scoped lang="less">
+p {
+  text-align: justify;
+  // color: #666;
+}
 .author-padding {
   padding: 104px 20px 104px 20px;
 }
@@ -257,4 +397,14 @@
   height: 95%;
   background-color: #501438;
 }
+.neirong {
+  p {
+    margin: 0;
+  }
+}
+.fw-box {
+  margin-top: 20px;
+  p {
+  }
+}
 </style>
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index f85dcad..12bea5d 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -1,22 +1,300 @@
 <template>
-  <div class="page-content">
-    <pageHeader></pageHeader> 
-    <chapterOne />
+  <div class="page-main" @scroll="throttledScrollHandler">
+    <div class="page-content">
+      <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
+      <chapterOne v-if="showCatalogList.indexOf(1) > -1" />
+    </div>
   </div>
 </template>
 <script>
-import pageHeader from './header.vue'
+import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
 export default {
   name: "pageContent",
-  components: { pageHeader,chapterOne },
+  components: { pageHeader, chapterOne },
+  data() {
+    return {
+      catalogLength: 2, // 鎬荤珷鑺傛暟
+      showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+      loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+      throttleThreshold: 100, // 鑺傛祦闃堝��
+      previousScrollTop: 0,
+      throttledScrollHandler: null,
+      observer: null,
+    };
+  },
+  watch: {
+    showCatalogList: {
+      handler(newVal, oldVal) {
+        if (
+          this.$store.state.qiankun &&
+          this.$store.state.qiankun.catalogChange
+        ) {
+          // 璋冪敤鐖跺眰鏂规硶
+          this.$store.state.qiankun.catalogChange({
+            showCatalogList: newVal,
+          });
+        }
+        // 鍚姩椤电爜瑙傚療
+        setTimeout(() => {
+          this.initObservation();
+        }, 500);
+      },
+    },
+  },
+  mounted() {
+    // 榛樿鍔犺浇绔犺妭
+    this.showCatalogList = [0,1];
+    // 婊氬姩鐩戝惉鑺傛祦
+    this.throttledScrollHandler = _.throttle(
+      this.scrollFun,
+      this.throttleThreshold,
+      { leading: true, trailing: false }
+    );
+    // 瀹氫箟瀛愬眰鏂规硶
+    if (this.setGlobalState) {
+      // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+      this.setGlobalState({
+        gotoPage: (catalog, page) => {
+          this.gotoPage(catalog, page);
+        },
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+        renderSign: (type, data) => {
+          this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        },
+      });
+    }
+
+    // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+    // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+    this.observer = new IntersectionObserver(this.pageChangeCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    // 鍚姩椤电爜瑙傚療
+    setTimeout(() => {
+      this.initObservation();
+    }, 500);
+
+    // 娴嬭瘯椤甸潰璺宠浆
+    // setTimeout(() => {
+    //   this.gotoPage(5, 100);
+    //   setTimeout(() => {
+    //     this.renderSign("Note", {
+    //       id: "2ACA9359",
+    //       txt: "钀ュ吇绱犲拰鐑噺锛屾墠鑳�",
+    //       page: "100",
+    //       type: "Highlight",
+    //       color: "#F5E12A"
+    //     });
+    //     setTimeout(() => {
+    //       this.delSign({
+    //         ids: ["2ACA9359"]
+    //       });
+    //     }, 2000);
+    //   }, 1000);
+    // }, 3000);
+  },
+  methods: {
+    // 婊氬姩鐩戝惉
+    scrollFun(event) {
+      // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+      if (event.target.scrollTop > this.previousScrollTop) {
+        // 鍚戜笅
+        const currentScrollTop =
+          event.target.scrollTop + event.target.offsetHeight;
+        if (
+          currentScrollTop >=
+          event.target.scrollHeight - this.loadThreshold
+        ) {
+          // 鍒拌揪闃堝��
+          if (
+            this.showCatalogList[this.showCatalogList.length - 1] <
+            this.catalogLength
+          ) {
+            // 鍔犺浇涓嬩竴绔�
+            this.showCatalogList.push(
+              this.showCatalogList[this.showCatalogList.length - 1] + 1
+            );
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+              this.showCatalogList.shift();
+            }
+          }
+        }
+      } else if (event.target.scrollTop < this.previousScrollTop) {
+        // 鍚戜笂
+        const currentScrollTop = event.target.scrollTop;
+        if (currentScrollTop <= this.loadThreshold) {
+          // 鍒拌揪闃堝��
+          if (this.showCatalogList[0] > 0) {
+            // 鍔犺浇涓婁竴绔�
+            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+              this.showCatalogList.pop();
+            }
+          }
+        }
+      }
+      // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+      // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+      this.previousScrollTop = event.target.scrollTop;
+    },
+    // 绔犺妭銆侀〉闈㈣烦杞�
+    gotoPage(catalog, page) {
+      if (catalog >= 0 && catalog <= this.catalogLength) {
+        // 澶勭悊娓叉煋绔犺妭
+        if (catalog == 0) {
+          this.showCatalogList = [0, 1];
+        } else if (catalog == this.catalogLength) {
+          this.showCatalogList = [
+            this.catalogLength - 2,
+            this.catalogLength - 1,
+            this.catalogLength,
+          ];
+        } else {
+          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+        }
+        setTimeout(() => {
+          // 璺宠浆椤电爜
+          const pageDom = (
+            this.container ? this.container : document
+          ).querySelector(`[page="${page}"]`);
+          if (pageDom) {
+            pageDom.scrollIntoView();
+          } else {
+            console.log("椤电爜閿欒锛�");
+          }
+        }, 500);
+      } else {
+        console.log("绔犺妭閿欒锛�");
+      }
+    },
+    // 娓叉煋鏍囪
+    renderSign(type, data) {
+      const existence = (
+        this.container ? this.container : document
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        let reg = new RegExp(`${data.txt}`, "ig");
+        switch (type) {
+          case "Highlight":
+            // 楂樹寒
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+            );
+            break;
+          case "Dashing":
+            // 鍒掔嚎
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+            );
+            break;
+          case "Note":
+            // 绗旇
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+            );
+            break;
+        }
+      }
+    },
+    // 鍒犻櫎鏍囪娓叉煋
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+    },
+    initObservation() {
+      const sections = (
+        this.container ? this.container : document
+      ).querySelectorAll(".page-box");
+      //observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+      sections.forEach((section) => {
+        const isObserver = section.getAttribute("observer");
+        if (!isObserver) {
+          this.observer.observe(section);
+          section.setAttribute("observer", "1");
+        }
+      });
+    },
+    pageChangeCallback(entries, observer) {
+      //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+      entries.forEach((entry) => {
+        //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+          const page = target.getAttribute("page");
+          const catalogDom = this.tool.getParentNodeByClassName(
+            target,
+            "chapter"
+          );
+          const catalog = catalogDom.getAttribute("num");
+          console.log("page", page, catalog);
+          // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+            this.$store.state.qiankun.pageChange({
+              page: page,
+              catalog: catalog,
+            });
+          // const sections = Array.from(document.querySelectorAll(".section"));
+          //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+          // let index = sections.findIndex((section) => section === target) + 1;
+          //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+        }
+      });
+    },
+  },
 };
 </script>
 <style scoped lang="less">
-.page-content {
-  max-width: 816px;
-  min-width: 375px;
-  margin: 0 auto;
-  padding-bottom: 100px;
+.page-main {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  .page-content {
+    max-width: 816px;
+    min-width: 375px;
+    margin: 0 auto;
+    padding-bottom: 100px;
+  }
 }
 </style>
diff --git a/src/main.js b/src/main.js
index 79f893b..0e7d9bc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,11 +2,11 @@
 import App from "./App.vue";
 import less from "less";
 // 瀛﹀墠鍎跨鍗敓涓庡仴搴�
-import "./books/childHealth/assets/main.less";
+// import "./books/childHealth/assets/main.less";
 
 // import './books/content/css/default.less';
 // 宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�
-// import './books/embedded/assets/main.less';
+import './books/embedded/assets/main.less';
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import store from "./store";
@@ -64,8 +64,6 @@
 
   props.setGlobalState({
     state: 3, // 搴旂敤鎸傝浇瀹屾垚锛屽悓鏃剁敤浜庤Е鍙戜竴娆tateChange灏唖tate鎸傝浇鍦╲uex褰撲腑
-    bookName: config.activeBook.bookName,
-    bookId: config.activeBook.bookId
   });
 
   render(props);
diff --git a/vue.config.js b/vue.config.js
index 5e77949..805e9d9 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -2,7 +2,7 @@
 // import {publicCtx} from '@/assets/js/config'
 const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
-  publicPath: 'http://182.92.203.7:3007/books/book/1',
+  publicPath: 'http://182.92.203.7:3007/books/book/3',
   // publicPath:'/books/book/1',
   transpileDependencies: true,
   lintOnSave: false,

--
Gitblit v1.9.1